Foros del Web » Creando para Internet » CSS »

Elementos de CSS?

Estas en el tema de Elementos de CSS? en el foro de CSS en Foros del Web. Hola a todos, Estoy usando la plantilla Greyzed para Wordpress. Estoy buscando en su CSS y creo haber encontrado el fragmento que hace referencia al ...
  #1 (permalink)  
Antiguo 26/06/2011, 07:40
 
Fecha de Ingreso: junio-2011
Mensajes: 46
Antigüedad: 13 años, 5 meses
Puntos: 0
Elementos de CSS?

Hola a todos,

Estoy usando la plantilla Greyzed para Wordpress. Estoy buscando en su CSS y creo haber encontrado el fragmento que hace referencia al contenido de los posts y sus titulos, pero me gustaria asegurarme, y saber que parte tocar exactamente para poder cambiar el tipo de fuente y tamaño (solo de los posts y los titulos en sus variantes), y como incluir una fuente para que pueda usarse aunque el lector no la tnga instalada.
Espero podais echarme una mano, el codigo al que me refiero es este,



/*-------------------------------
START Typography & Colors
-------------------------------*/


#header .description {
font-size: 1.4em;
padding: 0 0 0 39px;
font-weight: bold;
}


#header .rss {
font-size: 1.2em;
padding: 0 0 0 768px;
font-weight: bold;
}

#header .rss a{
color: #000; }

#header .rss a:hover {
color: #000;
text-decoration: none;
border-bottom: 2px dashed #cc0000; }


h1 {
font-size: 4.8em;
font-family: impact;
text-transform: uppercase;
padding: 0 0 0 39px;
}

h1, h1 a, h1 a:hover, h1 a:visited, #header .description {
text-decoration: none;
color: #000;
}

h2 {
font-size: 2.8em;
font-family: impact;
font-weight: normal;
padding-bottom: 9px;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
font-family: impact, Verdana, Arial, Sans-Serif;
color: #cc0000;
text-decoration: none;
}

#sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}


h3 {
font-size: 2.5em;
}

H4 {
font-size: 2.4em;
font-family: impact;
color: #000;
padding: 0px;
}

H4.footerwidget {
padding-top: 20px;
}

H5 {
font-size: 2em;
font-family: impact;
color: #000;
padding: 12px 0 12px 0;
}


H6 {
font-size: 1.6em;
font-family: impact;
color: #000;
padding: 0px 0 16px 0;
}

.thread-alt {
background-color: #e9edec;
}
.thread-even {
background-color: #f9f9f9;
}
.depth-2 {
border-top: 1px dashed #6a6e6d;

}

.depth-3 {
border-top: 1px dashed #6a6e6d;
}

.depth-4 {
border-top: 1px dashed #6a6e6d;
}

.depth-5 {
border-top: 1px dashed #6a6e6d;
}

.depth-6 {
border-top: 1px dashed #6a6e6d;
}

.depth-7 {
border-top: 1px dashed #6a6e6d;
}

.depth-8 {
border-top: 1px dashed #6a6e6d;
}


.depth-9 {
border-top: 1px dashed #6a6e6d;
}


.depth-10 {
border-top: 1px dashed #6a6e6d;
}

.even, .alt {

}

.reply a {
display: block;
width: 38px;
height: 21px;
background: url('images/reply.gif') no-repeat;
cursor: pointer;
text-indent: -9999px;
margin: 0 0 10px 3px;
}

small {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 1.1em;
line-height: 1.6em;
padding-bottom: 1.4em;
}


small a{
color: #747775;
font-weight: bold;}

small a:hover {
color: #747775;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dashed #cc0000;}


.fourofour {
font-size: 10em;
font-family: impact;
color: #cc0000;
padding: 0px 0 16px 0;
margin-bottom: 10px;
border-bottom: 2px dashed #000;
}

.entry p a:visited {
color: #b85b5a;
}

.sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}
.sticky h2 {
padding-top: 10px;
}

commentlabel {
font: 1.2em Tahoma, Arial, Verdana, Sans-Serif;
color: #000;
font-weight: bold;
}

.commentlist li {
font: 1.1em Tahoma, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size: 1em;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar {
float: left;
padding: 2px 15px 5px 5px;
}

.commentlist cite {
font-weight: normal;
font-style: normal;
font-size: 11px;
color: #000;
}

.commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 11px;
color: #000;
}

.says {
font-weight: normal;
}

.commentlist p {
font-weight: normal;
line-height: 1.8em;
text-transform: none;
clear: left;
padding: 0 0 0 60px;
}

#commentform p {
font-family: Tahoma, Arial, Sans-Serif;
font-size: 1.1em;
}

#commentform p a{
color: #fff;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 1.1em Tahoma, Arial, Sans-Serif;
color: #fff;
}

#sidebar a{
color: #fff;
}

#sidebar a:hover{
text-decoration: none;
border-bottom: 1px dashed;
}

small, .nocomments, blockquote, strike {
color: #747775;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 1em;
letter-spacing: .07em;
}

a {
color: #cc0000;
text-decoration: none;
}

a:hover, h3 a:hover{
color: #cc0000;
text-decoration: underline;
}

h2 a:hover, h3 a:hover {
color: #cc0000;
border-bottom: 1px dashed;
text-decoration: none;
}



/*-------------------------------
End Typography & Colors
-------------------------------*/
  #2 (permalink)  
Antiguo 26/06/2011, 07:46
boli-sp
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Elementos de CSS?

para las fuentes que no sean predeterminadas usa @font-face y para saber si realmente una parte del código se refiere a los posts puedes usar firebug para firefox que te permite ir editando en el navegador el código e ir viendo los cambios en tiempo real
saludos!
  #3 (permalink)  
Antiguo 27/06/2011, 03:42
 
Fecha de Ingreso: junio-2011
Mensajes: 46
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: Elementos de CSS?

Gracias por tu ayuda, echare un vistazo y ya dire que tal :)
  #4 (permalink)  
Antiguo 27/06/2011, 03:50
 
Fecha de Ingreso: junio-2011
Mensajes: 46
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: Elementos de CSS?

Lo estoy probando y no me aclaro nada jejeje

Algun alma caritativa, podria echarme una mano con el codigo? La idea es pasar la http://fotov60.wordpress.com a www.fotov60.com . Ya tengo las fuentes para subirlas asi que como dice boli-sp, supongo que necesito el codigo para usar @font-face y que aplique las fuentes, y un codigo adicional para los tamaños/colores y el justificado no?
  #5 (permalink)  
Antiguo 28/06/2011, 02:59
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 15 años
Puntos: 10
Respuesta: Elementos de CSS?

Para los titulares debes tocar el
Código:
h2.pagetitle {
    margin-top: 0;
    width: 512px;
}
si quieres cambiarle el color, añade: color:#000000; con el valor que quieras, el tamaño del texto es font-size: , etc.

Y para el texto del post debes modificar:
Código:
.column .entry {
    font-size: 1.2em;
    line-height: 1.8em;
}

Si usas el navegador Mozilla Firefox, instalate el complemento firebug, como dice boli-sp, con esto podrás ver más claramente lo que tienes que modificar.
  #6 (permalink)  
Antiguo 17/07/2011, 16:05
 
Fecha de Ingreso: junio-2011
Mensajes: 46
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: Elementos de CSS?

Gracias por tu respuesta Rege.

Entonces que hago, copio directamente en esa etiqueta lo que ponia en el html del wordpress que no tenia en mi alojamiento?

Y lo de @font-face donde va? Subo las fuentes a la carpeta raiz de wordpress?

Aqui un ejemplo de todo lo que metia en el html de uno de los posts:








<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;">Mañana 23 de marzo a las 10h, abrirá sus puertas nuevamente para el publico profesional y aficionado, el salón Sonimagfoto 2011 que nos trae las novedades del sector al pabellón 1 de fira de Barcelona.

Además, los que acudáis, podréis asistir a todas las actividades relacionadas con el mundo fotográfico como las siguientes:

&nbsp;

<font color="#FF0000"><p style="text-align:justify;"><strong>Aula Digital Adobe</strong>

<strong>Del 23 al 26 de marzo
Lugar: Sala 4.1 Nexo 4 - Pabellón 4</strong>

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;"><strong> </strong>Las últimas tendencias digitales en el tratamiento de la imagen y una aproximación a las nuevas versiones de software. Las conferencias y sesiones teórico-prácticas mostraran las múltiples posibilidades de Photoshop CS5 y aplicaciones del campo del CGI y Quality Image.

&nbsp;

Del 23 al 26 de Marzo

&nbsp;

<strong>Miercoles 23</strong>

<strong>
</strong>

11:00-12:00******* Joan Roig Optimización de imágenes en fotografia de reportaje

12:00-13:00 ****** <strong>Adobe </strong>Principales prestaciones de Photoshop CS5

13:00-14:00 ****** Carles Mitja Mejora de Nítidez con filtros personalizados

16:00-17:00 ****** <strong>Adobe </strong>Portfolios y Álbumes: Acrobat, Bridge e InDesign CS5

17:00-18:00 ****** Xavi Carreras Retoque Publicitario con CS5

18:00-19:00 ****** Laia Blasco PDF en Indesign (Impresión y Multimédia)

<strong> </strong>
&nbsp;
<strong>Jueves 24</strong>

<strong>
</strong>

11:00-12:00 ****** Natalia Cambello Grotesk Studio Illustrator: el vector como herramienta de Diseño

12:00-13:00******* <strong>Adobe </strong>Principales prestaciones de Photoshop CS5

13:00-14:00 ****** T.Bover/M. Bigas Fusión de Imàgenes en el ámbito profesional de la Fotografia

16:00-17:00******* <strong>Adobe </strong>Creación de contenidos digitales para revistas digitales

17:00-18:00 ****** Xavi Carreras Retoque Publicitario con CS5

18:00-19:00 ****** Laia Blasco PDF en Indesign (Impresión y Multimedia)

<strong> </strong>
&nbsp;

<strong>Viernes 25</strong>

<strong>
</strong>

11:00-12:00 ****** Natalia Cambello Grotesk Studio Illustrator: el vector como herramienta de Diseño

12:00-13:00 ****** <strong>Adobe </strong>Algo de web y vídeo

13:00-14:00 ****** Carles Mitja Mejora de Nítidez con Filtros personalizados

16:00-17:00 ****** <strong>Adobe </strong>Porfolios y Álbumes: Acrobayt, Bridge e Indesign CS5

17:00-18:00 ****** Joan Roig Optimización de imágenes en fotografia de reportaje

18:00-19:00 ****** Laia Blasco PDF en Indesign (Impresión y Multimédia)

&nbsp;

<strong>Sabado 26</strong>

<strong>
</strong>

11:00-12:00 ****** Xavi Carreras Retoque Publicitario con CS5

12:00-13:00 ****** Natalia Cambello Grotesk Studio Illustrator: el vector como herramienta de Diseño

13:00-14:00 ****** Bea Martínez Gestión del color en InDesign: Asignar o Convertir

<strong> </strong>

<strong> </strong>
&nbsp;



<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;"><strong>Workshops Asociación de Fotógrafos Profesionales de España</strong>

<strong>Del 23 al 26 de marzo
Lugar: Espacio AFP - Pabellón 1</strong>

<strong> </strong>

Incluyen un plató fotográfico donde aprender las técnicas específicas para moda, decoración, bodegón publicitario y retrato con producto; y una conferencia sobre como presupuestar correctamente.

<strong> </strong>

<a href="http://contentp.firabcn.es/contenidos/S027011/docs/doc_prog_activitats_AFP.pdf"><font color="#0404B4">Mas información</span></span></a>

<strong> </strong>
&nbsp;

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;"><strong>Congreso Internacional Foro de Fotógrafos</strong>

<strong>24 y 25 de marzo
Lugar: Sala Auditorio Anexo 2 - Pabellón 2</strong></span></span>

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;"><strong> </strong>Con algunos de los mejores exponentes internacionales de la fotografía de bodas. No te pierdas las ponencias y talleres de Joe Buissink, Xpression International y Robert Lino.

<a href="http://fdefbarcelona.rudyarpia.com/"><font color="#0404B4">Mas información</span></span></a>

<strong> </strong>

<strong> </strong>
&nbsp;

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;"><strong>"Cómo diferenciarse en el mercado. Oportunidades del profesional"</strong>

<strong>24 de marzo, de 10.30h a 13.30h
Lugar: Sala 2.21 - Pabellón 2</strong>

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;"><strong> </strong>El marketing, el asociacionismo, la formación y la legalidad serán los cuatro ejes sobre los que girará el desarrollo de la jornada. Cuatro ponencias temáticas abordarán estos cuatro ámbitos fundamentales para el profesional, mostrando la aportación que cada una puede significar para nuestra diferenciación en el mercado.

Ponentes:

· Edu Gálvez* -fotógrafo
· Enrique Medrano* - fotógrafo
· Josu Andoni Pérez de Viñaspre - fotógrafo
· Laia Esteban - abogada de Guinea&amp;Perea

Organiza FEPFI

&nbsp;

<strong>Conferencia "Todo sobre CGI, aplicado a la fotografía"</strong>

<strong>25 de marzo de 11 a 13h</strong>
<strong>Lugar: Sala 2.21 - Pabellón 2</strong>

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;">La fotografía virtual a partir de aplicaciones electrónicas ha convertido las CGI (Computer generated images) en una herramienta muy rentable para los profesionales de la imagen. Escenarios virtuales donde incrustar las fotografías o imágenes 100% generadas por ordenador.

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;">Mgv3d nos mostrará las aplicaciones de esta tecnología y nos enseñará cómo se crea una escena en Cinema 4d, cómo se ilumina y cómo se renderiza en Maxwell Render. EGM Laboratoris Color mostrará casos prácticos de cómo trabajan y todo lo que se puede lograr en el mundo del CGI.

Organiza EGM y Mgv3d

&nbsp;

<strong>Entrega de premios del II Concurso Nacional de Fotografía Digital Canson Infinity</strong>

<strong>25 de marzo, a las 17h
Lugar: Sala de prensa del recinto de Gran Via</strong>

<span style="font-size:large;"><font color="#000000"><p style="text-align:justify;">Los 6 ganadores dela segunda edición de este concurso fotográfico recibirán los premios de manos de los miembros del jurados. En total se han premiado tres fotografías en la categoría de color y tres más en blanco y negro.

Organiza Canson

<strong> </strong>

<strong> </strong>
&nbsp;

<strong>Mesa redonda "Técnicas y recursos en el entorno de la fotografía digital"</strong>

<strong>26 de marzo de 11 a 13h</strong>
<strong>Lugar: Sala 2.21 - Pabellón 2</strong>

<strong> </strong>Presentación de las aplicaciones más punteras para agilizar el trabajo digital, accesorios para la cámara que permiten efectos espectaculares y las últimas novedades en impresión 3D.

Participantes:

· Hugo Rodríguez, experto en fotografía digital, autor de 6 libros y de la web española más extensa y visitada sobre el tema.

· Enric Galve, Director General de EGM Laboratoris Color, empresa de servicios para la imagen y presidente de Sonimagfoto &amp; Multimedia.

· Carlos Ormazábal, responsable del área digital de FINICON.

Moderada por Albert Masó, profesor de fotografía científica, técnica y de naturaleza, biólogo y asesor científico de National Geographic.

Y a partir de mañana, también en este blog, podrás encontrar las novedades más interesantes sobre el salón.

Etiquetas: elementos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:25.