Themes y Diseño
está resueltoHola, como están? En mi sitio http://www.diegocosta.com.ar el header tiene un logo que no puedo hacer más grande sin que lo corte. También sé que el div está basado en el tamaño de la font por lo que si agrando la fuente se podría ver la imágen más grande pero también las letras y no es lo que quiero.
Alguna idea? AL FIN PUDE SIBIRLO asi que ahora pueden ver el codigo REAL en vivo y en directo.
Saludos!!
Hola, alguna idea? Buen año...
El theme no permite logos más grandes sin cortarlo. Y si agrando la letra se agranda el espacio pero para una imágen del tamaño que quiero tengo que usar fuentes muy grandes. Traté de hacer dentro del div 3 partes (logo titulo buscador) pero no funcionó.
Gracias
Creo que debes modificar la altura (heigth) del header. En tu theme debe ser fijo, por eso no visualiza el logo porque es más grande que el espacio asignado. No conozco tu theme pero deberías revisar en el archivo style.php, debe haber una sección bajo el rótulo de "header", busca las entradas que corresponden a height... seguro que tiene asignado un valor en píxeles, intenta aumentarle algunos puntos, digamos de 96px (que debe ser más o menos el que tienes ahora) a 110px. Sí es el correcto apenas hagas algún cambio notarás que se modifica el header, pero ándate con cuidado, yo copiaría el archivo style.php en otro sitio como un respaldo (backup), si algo sale mal puedes recuperarlo y volver a comenzar.
Suerte.
Traté de modificar esos valores antes de postear pero me agranda todo y luego no sé como achicar el H1, centrarlo, etc. para que quede igual que ahora.
Gracias por la respuesta. acá dejo mi código CSS STYLE
/*
Basado en Wordpress Magazine Theme
Theme URI: http://www.gabfire.com/wordpress-magazine-theme-released/
Author: Mehmet Ozekinci
Author URI: http://www.gabfire.com
Version: 1.0
.
Modificado para Jaque Mate por DCG (Sept'09)
.
*/
/* *********************************************************** Reset Everything */
* {margin:0;padding:0;}
a:link, a:visited, a:hover {text-decoration:none;}
fieldset,img {border:0;}
ul {list-style:none;}
q:before,q:after {content:'';}
abbr,acronym { border:0;
}
body {
background:#666;
font: 1em/1.5em Arial, Verdana, Geneva, Helvetica, sans-serif;
}
span {display:none;}
h1 {
font:50pt Georgia,Times New Roman,Trebuchet;
margin-bottom:10px;
padding-left:45px;
text-align:center;
background:url(images/clubjaquemate.gif) no-repeat top left; }
h1 a:link,h1 a:visited,h1 a:hover {color:#444;}
h2 {
font:bold 1.2em Georgia,Times New Roman,Trebuchet;
color:#222;
padding-bottom:3px;
border-bottom:1px solid #efefef;
}
#rightcolumn h2 {padding-top:20px;}
#rightcolumn h2#titlespons {padding:0;}
h3 {
padding-bottom:5px;
}
h3 {
font:bold 1.2em Georgia,Times New Roman,Trebuchet;
}
h3 a:hover{
text-decoration:underline;
}
h3#respond{
margin-top:20px;
}
.right {
float:right;
}
.left {
float:left;
}
/* ***********************************************************
* Links *
***********************************************************/
a:link, a:visited {
color:#29568f;
}
a:hover {
color:#d92100;
}
#postdetails a:link, #postdetails a:visited {
color:#77ace0;
}
#postdetails a:hover {
color:#ffae00;
text-decoration:none;
}
#footer a:link, #footer a:visited {
color:#fff;
}
#footer a:hover {
text-decoration:underline;
}
/* ***********************************************************
* Main DIVISIONS *
***********************************************************/
#wrapper {
width: 970px;
padding:20px 0 10px;
margin: 20px auto 0;
background: #fff;
border:double #ccc;
}
#header {
width: 950px;
color: #000;
margin:0 auto;
font-size: 14px;
overflow: hidden;
}
#content-wrap {
width:950px;
margin: 10px auto 0;
font:.75em/1.5em Arial,Tahoma,Verdana,sans-serif;
clear:both;
}
#footer {
width: 970px;
margin: 0 auto;
color: #ccc;
font-size:.6em;
text-align:right;
}
/************************************************************
* Header *
************************************************************/
#headerleft {
width: 650px;
float: left;
border:1px;
}
#headerright {
width: 300px;
float: right;
margin: 0px;
text-align: right;
}
#navigation {
width:950px;
background: #555;
clear:both;
}
#searchform{
float: right;
}
#s {
width: 190px;
border: 1px solid gray;
padding:1px;
}
#searchbutton{
font: bold 11px Verdana;
height: 20px;
background-color: #fdffef;
}
/* header dropdown menu
---------------------------------------------------------------------------------------------- */
#navigation ul li a,
#navigation ul li a:visited {
display: block;
font: 1em Arial, Tahoma, Verdana;
border-right:1px solid #666;
color: #fff;
padding: 6px 10px;
}
#navigation ul li:hover a,
#navigation ul li a:focus,
#navigation ul li a:active,
#navigation ul li.p7hvr a {
color: #fff;
background:#d92100;
}
#p7menubar li {
float: left;
width: 9em;
}
#p7menubar li ul, #p7menubar ul li {
width: 12em;
}
#navigation ul ul li a,
#navigation ul ul li a:visited {
color: #333;
border-right:0;
border-top:1px solid #999;
font-size:.9em;
padding: 3px 10px;
text-decoration:none;
}
#navigation li ul {
position: absolute;
display: none;
border:1px solid #999;
border-top:0;
background-color: #ddd;
z-index:999;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
color: #333;
background-color: transparent;
}
#p7menubar ul a:hover {
background-color: #606060!important;
color: #fff!important;
}
#p7menubar li {width: auto;}
ul#feeds {
float:right;
}
ul#feeds li {
float: left;
}
ul#feeds li a,
ul#feeds li a:visited {
display: block;
font: 1em Arial, Tahoma, Verdana;
border-right:1px solid #666;
color: #fff;
padding: 6px 10px;
}
ul#feeds li a:hover,
ul#feeds li a:focus,
ul#feeds li a:active {
color: #fff;
background:#333;
}
.rss {
font-size:90%;
}
/************************************************************
* Single post [Single post page contains two column, Sidebar and Content] *
***********************************************************/
#singlepost {
float:left;
display: inline;
padding: 8px 10px 10px 10px;
margin-right:15px;
width: 635px !important;
width: 655px;
width/**/:/**/635px;
}
.post {
}
#singlepostinfo {
background: #f7f7f7;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 10px;
clear:both;
float:right;
display:block;
font:.8em/1.4em verdana;
}
.postinfo { /* post info shown under the summary of posts on search results */
text-align:right;
padding-top:3px;
font:.8em verdana, arial, tahoma;
color:#9f9f9f;
border-top:1px dotted #f1f1f1;
margin-bottom:20px;
}
.single-entry-nav {
display: block;
margin:20px 0 ;
font: 1em verdana;
}
.post img {display:block;float:left;padding;}
.post img.alignleft {
float:left;
margin: 5px 10px 5px 0;
padding:5px 5px;
display:block;
}
.post img.alignright {
float:left;
margin: 5px 0px 5px 10px;
padding:5px 5px;
display:block;
}
.post p {
font:1em/1.6em verdana;
padding-bottom: 15px;
}
.post ul,.post ol{
font:.95em/1.5em verdana;
padding-left:30px;
margin-bottom:15px;
}
blockquote{
font:.9em/1.5em "trebuchet ms", garamond, "lucida grande", serif;
margin-bottom:15px;
}
#pagenavi {
height:20px;
}
/************************************************************
* Content-wrapper [Left column] *
***********************************************************/
#leftcolumn {
float:left; display:inline;
background:#f2f2f2;
margin-right:15px; padding:8px 10px 10px 10px;
width: 300px !important;
width: 320px;
width/**/:/**/300px;
}
#featured {
padding-bottom:5px;
border-bottom:1px solid #f2f2f2;
margin-bottom:15px;
}
#postdetails {
text-align:right;
background:#333;
color:#fff;
font:.8em verdana;
padding:3px 5px;
margin-top:5px;
}
#featured img {
margin-bottom: 10px;
display:block;
padding:3px 5px;
}
#featurednewslist ul {
margin:0 0 15px 15px;
list-style:square;
}
#featurednewslist li a:link, #featurednewslist li a:visited {
color:#29568f;
}
#featurednewslist li a:hover {
color:#d92100;
text-decoration:underline;
}
/************************************************************
* Content-wrapper [Middle column] *
************************************************************ */
#midcolumn {
float:left;
width: 320px;
display:inline;
}
.midcolumnpost {
margin-bottom:10px;
padding:10px;
}
.gray { background-color:#f2f2f2;}
.details {
margin-top:10px;
text-align:right;
font:.8em verdana;
}
#midcolumn img {
margin:5px 0 10px;
display:block;
padding:2px 2px;
}
/************************************************************
* Content-wrapper [Right column] *
********************************************************** */
#rightcolumn {
float:right;
width:280px;
}
#sponsors {
padding:0 8px 0 8px;
}
#sponsors img {
margin-top:6px;
}
#categories {
float:left;
width:135px;
margin-right:10px;
}
#archive {
float:left;
width:135px;
}
#rightcolumn ul {
margin:0 0 0 3px;
list-style-type: square;
}
#rightcolumn ul li {
margin-left:18px;
line-height:1.6em;
}
#rightcolumn ul li a, #rightcolumn ul li a:visited {
color:#777;
display:inline;
font:1em Tahoma,Arial,"Trebuchet MS",Verdana;
}
#rightcolumn ul li a:hover {
color:#29568f;
text-decoration:underline;
}
#archiveform {
margin-top:5px;
}
#rightcolumn ul ul {
margin-bottom:0;
}
/* commentform
---------------------------------------------------------------------------------------------- */
#comment-wrapper ol {list-style:decimal;font:90% verdana, arial, helvetica, verdana, serif;}
#commentform p {margin-bottom:10px;}
#commentform label {color:#666;font-size: 100%;padding-left: 5px;}
#commentform small {color: #999999;font-size: 90%;}
#commentform input {font: 100% Arial, Helvetica, sans-serif;width: 220px;padding: 2px; border: 1px solid #e6e6e6;}
#commentform textarea {font: 100% Arial, Helvetica, sans-serif;width: 480px;height: 140px;border: 1px solid #e6e6e6;padding: 2px 3px 3px 7px;}
#commentform #submit {font: 12px/100% Arial, Helvetica, sans-serif;border: 1px solid #555;color:#2a2a2a; background:#7ac4ea; width: 100px;height: 25px;padding: 2px 8px !important;padding: 2px 5px; margin-left: 390px;}
#commentform #submit:hover {background:#d92100; color:#fff;}
#commentform textarea:focus, #commentform input[type="text"]:focus {border: solid 1px #c00;}
/* comment list
---------------------------------------------------------------------------------------------- */
.commentlist {margin: 10px 0px;padding-left: 25px;line-height: 130%;}
.commentlist li{padding: 5px 10px 0px;color:#888;}
.commentlist .alt {background: #f2f2f2;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.commentlist cite {font:bold 100% verdana, arial, helvetica, sans-serif;color: #888;}
.commenttext {margin-top:15px;}
.commenttext p {padding-bottom:10px;font-size:11px;color: #333;}Disculpa la demora en responder... he tenido que bajarme el theme y revisar otras partes, como el header.php para ver como funciona, generalmente las palabras asociadas a los "div id=" te indican que entradas de style.php afectan qué partes del theme.
hay que modificar dos partes:
añadimos un height de 80 píxeles, luego para organizarlo todo jugamos con los valores del margin y el padding (puedes buscar en internet "css margin padding" y verás que hay varios tutoriales. Hay formas de ponerlo más conciso pero he preferido ponértelo usando top (arriba), left (izquierda), bottom (abajo) para que quede claro qué valor va donde. Por suerte el margin acepta valores negativos para en lugar de dar espacio entre los objetos disminuirlo, que en este caso fue necesario.
Con esto ya queda bien el lado izquierdo pero la caja de búsquedas y la fecha de la derecha del header queda un poco descuadrada. Particularmente no se ve mal. Pero si quieres centrarla verticalmente vamos a añadir un margin-top (es decir un margen o espacio desde arriba) de 20px.
Debería bastar.
Muchas gracias por la molestia de bajarte el theme y todo, voy a intentarlo y te cuento!
Recién ahora lo acabo de ver pero en cuanto tenga unos momentos lo hago. En serio muchas gracias.!
te dejo 10 puntos!
Gracias, ahora bien, si logré ayudarte a encontrar una solución por favor ve arriba y cambia el estado de este hilo de "sin resolver" (círculo rojo) a "está resuelto" (círculo verde).
Saludos.
Debes Identificarte para publicar.