duda sobre codigos CSS en Drupal

[gtdany]

Hola a todos!

Estoy empezando a construir mi web con Drupal, y tengo intención de añadir botones. He iniciado alguna prueba con algún editor online de botones, y al hacerlo me devuelve dos códigos CSS (head code y button code), hasta aquí correcto.

Para introducir mi botón en mi web, inicialmente cree un nuevo bloque y dentro de ese bloque pretendo colocar el botón, y mostrarlo. El código perteneciente al button code lo puse directamente en el bloque creado, a través de mi editor HTML y me lo acepta y me lo muestra bien en la página, pero por defecto digamos, Sin forma, color, efectos...etc sólo el botón como es inicialmente y ya está. Lo que falta está en el head code, pero imagino que esto lo debo introducir en alguno de los archivos CSS que contiene mi theme (utilizo el marinelli concretamente).

Mi pregunta es, ¿en que archivo debo introducir los código CSS para que se refleje bien el contenido en mi web?, como por ejemplo el botón que les acabo de explicar

Espero su posible ayuda, gracias!

[NUCKLEAR]

si te fijas en el archivo *.info del theme alli te dice que hojas de estilo se esta usando y el orden.
Solo es cuestion de agregarle la tuya, limpias el cache y listo.

stylesheets[all][] = TUCSS.css

Saludos.

[gtdany]

Iniciado por NUCKLEAR

si te fijas en el archivo *.info del theme alli te dice que hojas de estilo se esta usando y el orden.
Solo es cuestion de agregarle la tuya, limpias el cache y listo.

stylesheets[all][] = TUCSS.css

Saludos.

Gracias por la respuesta, veré a ver que puedo hacer :)

[gtdany]

Bueno supongo que será algo más complejo de lo que yo he intentado...

Sigo probando lo de añadir un botón en mi web, he copiado y pegado tal cual el código CSS resultante de la creación de un botón desde un editor y lo he puesto en un archivo CSS en blanco (por ejemplo, prueba.css)

Siguiendo las indicaciones de NUCKLEAR, he introducido ese archivo en la carpeta de mi theme y he añadido la instrucción stylesheets[all][] = prueba.css en el archivo .info del tema en cuestión (al final de las demas declaraciones CSS).

He limpiado caché y el resultado es nulo, no ocurre nada.

Que estoy haciendo mal?Debo añadir algo más de código en algun otro archivo template?O definir el boton en alguna región?

Quizás pueda conseguirlo también modificando los CSS ya existentes...pero para eso ya debería saber bastante más de programación..

Saludos

[NUCKLEAR]

Y es solo css o tiene imagenes, te fijaste si viendo el codigo fuente html generado esta prueba.css?

[gtdany]

Iniciado por NUCKLEAR

Y es solo css o tiene imagenes, te fijaste si viendo el codigo fuente html generado esta prueba.css?

Es sólo código CSS, sin imágenes. En concreto el código es este:

Código:

a.button {
   display: -moz-inline-stack;
   display: inline-block;
   width: 200px;
   height: 50px;
   background: url("http://www.dabuttonfactory.com/b?t=Subir%20archivo&f=Calibri-Bold&ts=24&tc=ffffff00&tshs=1&tshc=22222200&it=jpeg&c=round&bgt=pyramid&bgc=223388&ebgc=4477cc&be=on&bs=3&bc=569&shs=1&shc=222&sho=se&w=200&h=50") no-repeat;
   line-height: 50px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: Calibri;
   font-size: 24px;
   font-weight: bold;
   font-style: normal;
   text-shadow: #222222 1px 1px 0;
}
a.button > span {
   display: -moz-inline-block;
}
}

Qué quieres decir con lo de el código HTML generado?

[NUCKLEAR]

Es ruta de background no te despliega la imagen , te obliga hacer la descarga.
guarda la imagen en una carpeta y llamala images por ejemplo en el css te quedaria asi.

a.button {
display: -moz-inline-stack;
display: inline-block;
width: 200px;
height: 50px;
background: url("images/button.jpeg") no-repeat;
line-height: 50px;
vertical-align: text-middle;
text-align: center;
color: #ffffff;
font-family: Calibri;
font-size: 24px;
font-weight: bold;
font-style: normal;
text-shadow: #222222 1px 1px 0;
}
a.button > span {
display: -moz-inline-block;
}
}

Por cierto tienes varias propiedades que no te va a funcionar en IE. u otros navegadores.

Con respecto al ver el codigo html generado es que tienes que ver en el header si te esta llamando al archivo prueba.css.

Vas a tener que leer sobre css y html acá hay libros excelentes http://librosweb.es/

Saludos.-

[gtdany]

Gracias por tu tiempo, empezaré a leer los libros que me recomiendas antes de continuar

Saludos