css

warning: Creating default object from empty value in /var/www/clients/client3/web4/web/modules/taxonomy/taxonomy.pages.inc on line 34.

Propuesta de usabilidad en el tema de la drupalcamp

Este código simplemente cambia la parte de creación o edición de contenido.

Lo que hace es quitar el bold del texto, y cambiar el texto blanco y el fondo azul por un fondo gris y texto negro.

De esta forma se lee mejor el texto que se esta redactando. El código en cuestión:

#edit-body-wrapper . textarea {
  background-color: #D8D8D8;
    border: medium none;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    margin-bottom: 20px;
    padding: 10px
}

Esquinas curvas para bordes sin jquery

Alex Scott de Civic Actions y Arena Futura me ha pasado un interesante artículo para crear esquinas curvas sin necesidad de usar.

Como trabajar con divs sin clear:both

Hasta hace poco usaba en css el código:

.loquesea{
clear:both;
}

Cuando tenía problemas con los divs que había posicionado con "float" a izquierda o derecha. El motivo de tener que hacer esto era porque si "flotamos" un hijo el padre no se entera, y no se espande lo suficiente para abarcar todo el hijo, con el consiguiente baile de de divs y de contenido de los divs.

Mejorar el aspecto de nuestra caja de búsqueda sin perder la accesibilidad.

Buenos días compañeros.

El otro día hablábamos de como conseguir la accesibilidad de nuestros sitios webs, bueno, pues trabajando con los diferentes enlaces que facilitarón tanto Joan como Miren se han conseguido soluciones.

Al final, y por ganas de escribir mi primer módulo, opte por la solución que ofrecía Miren.

añadir imagenes a los elementos de un menu

Este código, es relativo, lo he construido mediante quanta, por eso no esta separado el css del html. es código permite ver como se haría para tener una imagen de fondo para un elemento de un meno.

<ul>
<LI  style="background : url('Escritorio/ftp.kiddia/sites/all/themes/zen/kiddia/images/loquevemos.png') 1px 1px no-repeat;display:block; height : 45px; padding-left: 50px; background-color: grey; padding-top: 10px"><a href="#"  style="margin-top : 50px;">Hola mundo</a></LI>
</ul>

Distribuir contenido