Mostrando entradas con la etiqueta html. Mostrar todas las entradas
Mostrando entradas con la etiqueta html. Mostrar todas las entradas

lunes, 23 de septiembre de 2019

Más cambios en Indaga.net y sus subdominios (directorio Indaga)


Un post rápido de referencia interna (esyndicat y html)...

Más cambios en Indaga.net y sus subdominios

Creo la página buscador.php en la raíz del hosting del directorio de Indaga.net (/indaga2020). Redirijo (redirección 301) el sitio raíz (www.indaga.net) a http://directorio.indaga.net/buscador.php. Lo he dejado muy reducido y sencillo, y sin cookies ni seguimiento de usuarios. El buscador principal lleva a los resultados del directorio de Indaga.net.

Otros cambios están relacionados con la página search.php y header.php, incluyendo tema cookies. Lo comentaré en este mismo post...

Dejo mientras tanto el código (para que funcione he tenido que utilizar{string}{/string}, aunque se vea en la página del buscador):

miércoles, 18 de septiembre de 2019

Comentar enlaces a páginas en el footer de eSyndicat


Referencia interna, para que no se me olvide...
Comentar enlaces a páginas en el footer de eSyndicat

Para comentar los enlaces del footer del directorio de Indaga.net (eSyndicat), simplemente hay que añadir la etiqueta de comentarios HTML. Más adelante añadiré los propios.  Este es el código html:

<br />

<!-- <a href="#">About Us</a> |:<br /> -->
<!-- <a href="#">Privacy Policy</a> |:<br /> -->
<!-- <a href="#">Terms of Use</a> |:<br /> -->
<!-- <a href="#">Help</a> |:<br /> -->
<!-- <a href="#">Advertise Us</a>:<br />:<br /> -->



Ruta: /indaga2020/templates/cleancss/footer.tpl

NOTA: Por cierto, aquí dejo un interesante y sencillo artículo sobre los comentarios en HTL, CSS, etc.:  ¿Cómo se hacen los comentarios en HTML?

lunes, 6 de mayo de 2019

Tutoriales sobre los DIVS o capas

El otro día un amigo me preguntó cómo cambiar el estilo de un formulario de contacto para que aparecieran varios elementos en columnas. Era un formulario del plugin de contacto de WordPress Contact Form 7, el cual ya tiene su propia hoja de estilo. 

El caso es que, para no tener que modificar el estilo del plugin, y no perder así los cambios realizados en el archivo style.css del plugin (Editor de plugins - Contact Form 7 - style.css, si no recuerdo mal), puedes 'maquetar' el formulario que hayas creado, utilizando estilos dentro de cada uno de los elementos, sin necesidad de crear una clase (es mucho mejor crear la hoja de estilo y asociar la clase al elemento, desde luego, pero lo siguiente sirve), de esta forma:

<div style="float: left; padding-right:3px; padding-left: 3px; width:45%";>
<p>Un párrafo en un div flotante a la izquierda 
(es mucho mejor crear la hoja de estilo y asociar la clase al elemento, desde luego, pero lo anterior sirve)</p></div>
<div style="float:right; padding-right:3px; padding-left:3px; width:45%";><p>Y otro párrafo en un div flotante a la derecha (es mucho mejor crear la hoja de estilo y asociar la clase al elemento, desde luego, pero lo anterior sirve)</p></div>
<div style="clear:both;"></div> 
Un párrafo en un div flotante a la izquierda (es mucho mejor crear la hoja de estilo y asociar la clase al elemento, desde luego, pero lo anterior sirve)
Y otro párrafo en un div flotante a la derecha (es mucho mejor crear la hoja de estilo y asociar la clase al elemento, desde luego, pero lo anterior sirve)

La próxima vez lo haré de forma mucho más limpia y elegante...