2019 - © MAUVIMI - Tuluá (Valle) - Colombia - mauvimi@yahoo.es
Rockero_GIF_MVM_160x160

Haz Interesante Tu Web

Códigos HTML

Si quieres puedes desarrollar un Widget a tu gusto, con tus noticias, con tus colores o simplemente lo puedes utilizar como lista para hacer enlaces a otras páginas de tu Web, o ver fotos a nivel de scroll. Aqui sólo tu decides que es lo que quieres yo solo te entrego los codigos para que juegues con ellos y puedas desarrollar en tu Web alternativas visuales que atraigan más visitantes. A continuación te dare lo pasos que debes seguir para hacerla: 1. Crea una tabla de 2 filas y 1 columna con espaciado de celdas de 10px. No le coloques bordes a la tabla. 2. Coloca el color de fondo a cada celda según tu gusto. Según el ejemplo a la primera fila le coloque azul y a la segunda le coloque un amarillo mate. 3. En la primera fila pega el código del Titulo con flechas que salen a los lados. Recuerda modicar el código según tus necesidades. En el ejemplo coloque la etiqueta "Temas Relacionados”. 4. En la segunda fila pega el código del Scroll donde vas a mostrar los enlaces a otras páginas de tu sitio o a otras páginas de otros sitios, imagenes o tablas. Recuerda que debes modoficar el código dependendo de tu necesidad y tu gusto. En el código están las notas respectivas para que los modifiques. Recuerda que sólo debes emplear "CENTRAR" para "TEXTO" unicamente, para centrar lo demás puedes emplear el siguiente truco utilizando tablas para que en todos los navegadores se vea centrado lo que tu decidiste se viera centrado: Para centrar el ejemplo anterior, se creo una tabla de 1 fila por 2 columna, el ejemplo tiene una dimensión horizontal o ancho (height) de 300px y mi ancho total de trabajo es de 560px, simplemente restamos 560-300=260 y este resultado lo dividimos en 2, 260/2=130. Este valor de 130px se lo das a la celda de la primera columna y se pego el Scroll ejemplo en la segunda columna (nótese que quedaría una tabla dentro de otra, que es lo que se denomina "Tablas Anidadas"). Y listo tu Scroll "centrado" para todos los navegadores. Este truco puede ser empleado si quieres el Scroll a la izquierda con texto rodeandolo hacia la derecha, o si lo prefieres el Scroll a la derecha con texto rodeandolo hacia la izquierda. Sólo debes darle el valor apropiado en px a la celda donde va el texto que vas a escribir. Si el texto te queda muy pegado al Scroll, sólo inserta una columna entre el texto y el scroll y le das más o menos 10 px a esta celda y listo. Con este truco nos evitamos una vez más tener que conocer y/o utilizar comandos de programación, que creo yo, sólo deben ser utilizados por los expertos.
Ver el código de este ejemplo


Scroll

Titulo

Código para Crear Tu Propio Widget

Ya te habras preguntado, ¿Cómo se hace para que cuando haga click en "OBSERVA SU USO" se enlace precisamente en el lugar donde está el ejemplo?. Bien para esto te doy dos códigos, el primero de ellos sirve para marcar el lugar especifico donde quieres ir dentro de la misma página (sitúalo 2 lineas antes de lo que quieres mostrar) y el segundo sirve para enlazar el anclaje en cualquier página.

Anclaje a cualquier página

Anclaje en la misma página

Código para Ir a un determinado punto de una página

Ya era hora de dar el código para lo que has estado viendo, el recuadro donde vienen los códigos. Bien aquí está.

Código para Crear Areas de Texto

Como ejemplo de su utilidad, lo puedes utilizar al final de esta página para dar acceso a páginas que no estan en tu menú principal o esten ocultas.

Código para Crear Listas Desplegables con colores

Como ejemplo de su utilidad, lo puedes utilizar al final de esta página para dar acceso a páginas que no estan en tu menú principal o esten ocultas.

Código para Crear Listas Desplegables

MENU
MAUVIMI
MAUVIMI
2019 - © MAUVIMI - Tuluá (Valle) - Colombia - mauvimi@yahoo.es
Rockero_GIF_MVM_160x160

Haz Interesante Tu Web

Códigos HTML

Si quieres puedes desarrollar un Widget a tu gusto, con tus noticias, con tus colores o simplemente lo puedes utilizar como lista para hacer enlaces a otras páginas de tu Web, o ver fotos a nivel de scroll. Aqui sólo tu decides que es lo que quieres yo solo te entrego los codigos para que juegues con ellos y puedas desarrollar en tu Web alternativas visuales que atraigan más visitantes. A continuación te dare lo pasos que debes seguir para hacerla: 1. Crea una tabla de 2 filas y 1 columna con espaciado de celdas de 10px. No le coloques bordes a la tabla. 2. Coloca el color de fondo a cada celda según tu gusto. Según el ejemplo a la primera fila le coloque azul y a la segunda le coloque un amarillo mate. 3. En la primera fila pega el código del Titulo con flechas que salen a los lados. Recuerda modicar el código según tus necesidades. En el ejemplo coloque la etiqueta "Temas Relacionados”. 4. En la segunda fila pega el código del Scroll donde vas a mostrar los enlaces a otras páginas de tu sitio o a otras páginas de otros sitios, imagenes o tablas. Recuerda que debes modoficar el código dependendo de tu necesidad y tu gusto. En el código están las notas respectivas para que los modifiques. Recuerda que sólo debes emplear "CENTRAR" para "TEXTO" unicamente, para centrar lo demás puedes emplear el siguiente truco utilizando tablas para que en todos los navegadores se vea centrado lo que tu decidiste se viera centrado: Para centrar el ejemplo anterior, se creo una tabla de 1 fila por 2 columna, el ejemplo tiene una dimensión horizontal o ancho (height) de 300px y mi ancho total de trabajo es de 560px, simplemente restamos 560-300=260 y este resultado lo dividimos en 2, 260/2=130. Este valor de 130px se lo das a la celda de la primera columna y se pego el Scroll ejemplo en la segunda columna (nótese que quedaría una tabla dentro de otra, que es lo que se denomina "Tablas Anidadas"). Y listo tu Scroll "centrado" para todos los navegadores. Este truco puede ser empleado si quieres el Scroll a la izquierda con texto rodeandolo hacia la derecha, o si lo prefieres el Scroll a la derecha con texto rodeandolo hacia la izquierda. Sólo debes darle el valor apropiado en px a la celda donde va el texto que vas a escribir. Si el texto te queda muy pegado al Scroll, sólo inserta una columna entre el texto y el scroll y le das más o menos 10 px a esta celda y listo. Con este truco nos evitamos una vez más tener que conocer y/o utilizar comandos de programación, que creo yo, sólo deben ser utilizados por los expertos.
Ver el código de este ejemplo


Scroll

Titulo

Código para Crear Tu Propio Widget

Ya te habras preguntado, ¿Cómo se hace para que cuando haga click en "OBSERVA SU USO" se enlace precisamente en el lugar donde está el ejemplo?. Bien para esto te doy dos códigos, el primero de ellos sirve para marcar el lugar especifico donde quieres ir dentro de la misma página (sitúalo 2 lineas antes de lo que quieres mostrar) y el segundo sirve para enlazar el anclaje en cualquier página.

Anclaje a cualquier página

Anclaje en la misma página

Código para Ir a un determinado punto de una página

Ya era hora de dar el código para lo que has estado viendo, el recuadro donde vienen los códigos. Bien aquí está.

Código para Crear Areas de Texto

Como ejemplo de su utilidad, lo puedes utilizar al final de esta página para dar acceso a páginas que no estan en tu menú principal o esten ocultas.

Código para Crear Listas Desplegables con colores

Como ejemplo de su utilidad, lo puedes utilizar al final de esta página para dar acceso a páginas que no estan en tu menú principal o esten ocultas.

Código para Crear Listas Desplegables

MAUVIMI