Foros del Web » Diseño web » CSS »

Cambiar de h1 a h2 con el mismo color

Estas en el tema de Cambiar de h1 a h2 con el mismo color en el foro de CSS en Foros del Web. Hola a todos, En la web de ajedrez de mi firma, tengo varios h1, y según tengo entendido, para el posicionamiento, es mejor tener solamente ...
  #1 (permalink)  
Antiguo 01/01/2009, 16:27
Avatar de alexgbike  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 400
Antigüedad: 5 años, 9 meses
Puntos: 3
Pregunta Cambiar de h1 a h2 con el mismo color

Hola a todos,
En la web de ajedrez de mi firma, tengo varios h1, y según tengo entendido, para el posicionamiento, es mejor tener solamente 1: el título.
Me gustaría saber como se podrían cambiar los títulos de los posts de h1 a h2, sin que por ello cambie el color de la letra de los títulos.
Os adjunto la parte del código que creo que hay que modificar:
Código PHP:
/*-- Begin page content CSS --*/
#content {
    
width:1000px;
    
position:relative;
    
float:none;
    
background:url(images/content-bg.pngrepeat-y left;
    
color:#333;
    
padding:0;
}
.
postwrap h1 {
    
font-size:22px;
    
font-style:normal;
    
line-height:22px;
    
font-weight:bold;
    
font-variant:normal;
    
margin:0;
    
padding:0px;
}
.
postwrap {
    
float:left;
    
width:520px;
    
padding:10px 10px 10px 65px;
}
.
posthead {
    
background:url(images/dotline.gifrepeat-x left bottom;
         
padding-bottom:10px;
    
position:relative;
    
clear:left;
    
padding-top8px;
}
#content .posthead h1 a {
    
color:#000;
}
.
postauthor {
    
color:#999;
    
padding-top:1px;
    
font-size:11px;
    
font-weight:700;
    
line-height:24px;
}
.
postdate {
    
position:absolute;
    
top:0;
    
left:-65px;
    
text-align:center;
    
background:url(images/post-date.pngno-repeat left top;
    
width:44px;
    
margin:0;
    
padding:5px 8px 10px 6px;
}
.
postdate small {
    
font-size:10px;
    
color:#000;
    
font-weight:700;
}
.
postdate .month {
    
display:block;
    
text-transform:uppercase;
    
font-size:10px;
    
padding-bottom:5px;
    
color#FFFFFF;
}
.
postdate .day {
    
display:block;
    
letter-spacing:-1px;
    
color:#FFFFFF;
    
font:bold 26px/28px Arial;
}
.
postdate .year {
    
display:block;
}
.
postcontent {
    
background:url(images/dotline.gifrepeat-x left bottom;
    
line-height:17px;
    
font-size:13px;
}
.
postinfo {
    
padding-top:15px;
}
.
postinfo li {
    list-
style-type:none;
    
display:inline;
    
color:#999;
    
font-size:12px;
    
font-weight:700;
    
margin:0 10px 0 0;
    
padding:5px 0 5px 18px
Espero vuestras respuestas y sobretodo, espero que me hayais entendido con eso de los h1 y h2
__________________
Always improving
  #2 (permalink)  
Antiguo 01/01/2009, 16:48
Avatar de Adsl5mb  
Fecha de Ingreso: junio-2007
Mensajes: 1.506
Antigüedad: 7 años, 2 meses
Puntos: 26
Respuesta: Cambiar de h1 a h2 con el mismo color

Podes usar los mismos valores del H1 y cambiarle el tamaño

Código:
.postwrap h2 {
    font-size:18px;
    font-style:normal;
    line-height:22px;
    font-weight:bold;
    font-variant:normal;
    margin:0;
    padding:0px;
}
Con eso tendría que mantener el color
  #3 (permalink)  
Antiguo 01/01/2009, 16:58
Avatar de alexgbike  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 400
Antigüedad: 5 años, 9 meses
Puntos: 3
Respuesta: Cambiar de h1 a h2 con el mismo color

Ya he cambiado eso que me dices, pero ahora los títulos están enormes.
Voy a dejar la web con el diseño que me has comentado, durante un día, para que lo podais ver mejor.
__________________
Always improving
  #4 (permalink)  
Antiguo 01/01/2009, 17:31
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.810
Antigüedad: 7 años, 2 meses
Puntos: 537
Respuesta: Cambiar de h1 a h2 con el mismo color

Ten en cuenta que el contenido de los títulos son enlaces y le aplicas
Cita:
#content .posthead h1 a {/*style.css (línea 283)*/
color:#000000;
}
cambia "h1 a" por "h2 a", y si quieres disminuir el tamaño, añadele "font-size: Xem;".
En el html cambialo también:
Cita:
<div class="posthead">
<h2>...
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 01/01/2009, 17:40
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.141
Antigüedad: 6 años, 7 meses
Puntos: 179
Respuesta: Cambiar de h1 a h2 con el mismo color

Lo que me llamo la atención es que el index pesa mas de 11 mb


o es un error de mi web developer toolbar?





Bye.
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #6 (permalink)  
Antiguo 01/01/2009, 17:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.810
Antigüedad: 7 años, 2 meses
Puntos: 537
Respuesta: Cambiar de h1 a h2 con el mismo color

Aquí tienes la respuesta:

images--> 80 files---> 10927 KB

salvapantallas-3.bmp 2304 KB
salvapantallas-2.bmp 2202 KB
salvapantallas-4.bmp 1898 KB
alvapantallas-5.bmp 1436 KB
salvapantallas-11.bmp 1406 KB
salvapantallas-6.bmp 1172 KB
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 01/01/2009, 18:12
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.141
Antigüedad: 6 años, 7 meses
Puntos: 179
Respuesta: Cambiar de h1 a h2 con el mismo color

si, ya me di cuenta porque esta tan pesada.


Usa los salva pantallas originales para ponerlos dentro del articulo.



Bye.
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #8 (permalink)  
Antiguo 02/01/2009, 03:14
Avatar de alexgbike  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 400
Antigüedad: 5 años, 9 meses
Puntos: 3
Respuesta: Cambiar de h1 a h2 con el mismo color

Lo de que es tan pesada, ya me dí cuenta cuando lo postee, pero no entiendo por que pesaría menos el index, poniendo las fotos originales ?¿
De todas formas, cuando publique dos posts más, se me va del index ya el artículo.
kseso? respecto a lo del h2, volví a dejar como estaba lo que me dijo Adsl5mb e hice los cambios que tu me dijiste.
Cambié lo del h1 por h2 y le añadí "font-size: Xem;".
También lo cambié en el html.
Funcionó lo que me comentaste, pero ahora lo que pasa es que el título se ha venido un poco para abajo. Me gustaría que quedase como anes: centrado con la fecha.
Alguna solución para esto?¿
__________________
Always improving
  #9 (permalink)  
Antiguo 03/01/2009, 04:25
Avatar de alexgbike  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 400
Antigüedad: 5 años, 9 meses
Puntos: 3
Respuesta: Cambiar de h1 a h2 con el mismo color

Por favor, alguien que sepa algo acerca de esto?¿
__________________
Always improving
  #10 (permalink)  
Antiguo 04/01/2009, 16:12
Avatar de alexgbike  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 400
Antigüedad: 5 años, 9 meses
Puntos: 3
Respuesta: Cambiar de h1 a h2 con el mismo color

Nada más es cambiar el título de posición...
Alguien puede decirme como se hace. Me es bastante urgente.
__________________
Always improving
  #11 (permalink)  
Antiguo 04/01/2009, 23:38
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.243
Antigüedad: 7 años, 10 meses
Puntos: 278
Respuesta: Cambiar de h1 a h2 con el mismo color

Tienes dos soluciones simples:
1.- busca este selector y cambia el padding
Cita:
.posthead {background:transparent url(images/dotline.gif) repeat-x scroll left bottom;
clear:left;
padding-bottom:10px;
padding-top:2px;
position:relative;
}
2.- busca este selector y añade este margin:
Cita:
h1, h2, h3, h4 {font-family:Arial,Helvetica,sans-serif;
margin-top:8px;
}
Prueba a ver cuál te va mejor.
__________________
Visita mi nueva web idplus.org
  #12 (permalink)  
Antiguo 06/01/2009, 13:40
Avatar de alexgbike  
Fecha de Ingreso: noviembre-2008
Ubicación: Madrid
Mensajes: 400
Antigüedad: 5 años, 9 meses
Puntos: 3
Respuesta: Cambiar de h1 a h2 con el mismo color

Ok, ya lo arreglé.
Con la opción de más arriba me sirvió para solucionar el problema.

Muchas gracias a todos por vuestras respuestas y salu2
__________________
Always improving
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:54.
SEO by vBSEO 3.3.2