Cambiar tamaño de logo

[gringofer]

Hola gente del foro, estoy haciendo un sitio con clipbucket y resulta que el logo que trae por defecto, es mas chico que el que quiero colocar en la web, por lo tanto cuando subo mi logo no se alcanza a ver del todo.

Eh intentado buscar el tamaño que tiene el logo en el archivo .css, pero no encuentro como cambiarlo....

Les dejo una parte del codigo de la plantilla .css, supongo que el tamaño del logo se encuentra en esta porcion, ya que el otro codigo trata de otras partes del sitio.

Código HTML:

body,html {background:url(http://ferpahud.com.ar//styles/cbv2new/images/fondo.png) repeat; margin:0px; padding:0px;
font-family:Arial, Helvetica, sans-serif; color:#0099FF; font-size:11px; 
word-wrap:break-word;}

#content{}
/* CLEARS */
.clearfix { }
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;  }

/* GENERAL CSS */
a{ color:#0066cc; text-decoration:underline; outline:none; }
a:hover,a:active { /*color:#464646; */ color:#d54e21; outline:none;  }
a[rel=sponsors] { padding:5px; background:#0099cc; border:1px solid transparent; }
a[rel=sponsors]:hover { background:#FFFFFF; border:1px solid #FFFFFF; }
img, a img { border:0px none; }
.video_thumb { background:#FFF; border:1px solid #FFFFFF; padding:1px; float:left; margin-right:5px; margin-bottom:5px; position:relative }
.video_thumb .duration{ position:absolute; right:1px; bottom:1px; background-color:#FFFFFF; color:#FFFFFF; font-size:9px; display:inline; padding:1px}
.video_thumb:hover { border:1px solid #FFFFFF; }
.vid_sp { padding:5px 0px; margin-bottom:10px; border-bottom:1px solid #FFFFFF; clear:both; }

.moveL { float:left; }
.moveR { float:right; }

.heading{font-size:12px; color:#FFFFFF; background-image:url(../images/nav_grads.png); background-position:-0px -195px; background-repeat:repeat-x; height:28px; display:block; color:#fff; line-height:28px; font-weight:bold; padding-left:5px;
}



/**
Rating
*/
.rating{width:50px;height:15px;}
.rating .stars_blank { background:url(../images/small_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:12px; width:100%; }
.rating .stars_filled { background:url(../images/small_stars.png);background-repeat:repeat-x; background-position:top left; height:12px; float:left; }

.viewCollectionRating { width:140px; height:28px; }
.viewCollectionRating .stars_blank { background:url(../images/big_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:28px; width:100%; }
.viewCollectionRating .stars_filled { background:url(../images/big_stars.png);background-repeat:repeat-x; background-position:top left; height:28px; float:left; }

.big_stars{width:140px; height:28px; position:relative}
.big_stars .stars_blank { background:url(../images/big_stars.png) ;background-repeat:repeat-x; background-position:bottom; height:28px; width:100%; }
.big_stars .stars_filled { background:url(../images/big_stars.png);background-repeat:repeat-x; background-position:top left; height:28px; float:left; }
.big_stars li:hover,.big_stars .stars_highlight{background:url(../images/big_stars.png);background-repeat:repeat-x; background-position:center left; height:28px; float:left;}

.big_stars ul{position:absolute; top:0px; left:0px}
.big_stars ul, .big_stars ul li{margin:0px; padding:0px; list-style:none; float:left; }
.big_stars li{display:block; float:left; width:28px; cursor:pointer; text-indent:-50000px}
.big_stars li:hover{}

/* CONTAINERS */
.container_container{}
.container { width:1000px; margin:0px auto; padding:0px; position:relative; }
.topHead{background:#333333 !important}
.content_con { width:660px; margin:0px auto; padding:0px; float:left; margin-left:8px; }
.login_con { width:325px; float:right; margin:0px; padding:0px; position:absolute; top:0px; right:0px; z-index:999; }
.side_con { top repeat-x; width:305px; min-height:391px; margin:0px 8px 0px 0px; padding:5px; float:right; }
.feature_con { background:url(../images/simple_gradient.png) bottom repeat-x; border:2px solid #ccc; background-color:#fff; min-height:287px; padding-bottom:4px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.search_con { float:right; margin:0px; padding:0px;margin-right:4px; margin-top:3px;  }
.foot_s_con { width:500px; margin:10px auto 0px; padding:10px 0px 0px; }

/* HEADER */
#header { margin:0px 0px 15px; padding:1px 0px 0px 5px; }

/* LOGO */
.logo { background:url(../images/logo.png) left bottom no-repeat; float:left; margin:2px 2px 10px 3px; padding:0px; }

Creo que se encuentra en las ultimas lines

Código HTML:

/* HEADER */
#header { margin:0px 0px 15px; padding:1px 0px 0px 5px; }

/* LOGO */
.logo { background:url(../images/logo.png) left bottom no-repeat; float:left; margin:2px 2px 10px 3px; padding:0px; }

pero no eh podido solucionarlo, alguien sabe como?

Espero su respuesta y muchas gracias!

[sebastopols]

Tal vez esto te sirva, CSS3 background-size Property y acá están las demás propiedades, tenés que mirar la parte donde se carga el logo, en tu caso .logo, saludos .

ejemplo ilustrativo(background-size:30px 30px):

Código CSS:

.body
{
background:url("img_flwr.gif");
background-size:30px 30px;
background-repeat:no-repeat;
padding-top:40px;
}
 

[gringofer]

Tu dices algo asi?

Código HTML:

/* LOGO */
.logo { background:url(../images/logo.png) left bottom no-repeat; background-size:240px 50px; float:left; margin:2px 2px 10px 3px; padding:0px; }
 

Porque lo hice y no funciono :(

[sebastopols]

Si, pero es difícil probarlo desde mi lado si el proyecto no está en línea aún, con el "Firebug" sería más sencillo, depende también del contexto en que está el logo y sus propiedades, puede ser una coma etc., si subís al menos esa parte a un hosting gratuito te podríamos ayudar más fácilmente.

[gringofer]

En esta direccion puede ver el sitio, eh puesto un logo de ejemplo, que tiene el mismo tamaño que tendra el logo original, como puedes ver falta una parte de la zona izquierda del logo.

El link www.ferpahud.com.ar

[sebastopols]

Yo ahí por ejemplo con el Firebug probé lo siguiente y el logo se ve, no sé si es lo que buscabas (en ambos casos width="260").

Código HTML:

<img src="http://ferpahud.com.ar/styles/cbv2new/images/dot.gif" alt="BesteensTube - " name="logo_icon" width="260" height="50" border="0" id="logo_icon" title="BesteensTube - " class="logo">
 

Código CSS:

.logo {
background: url(../images/logo.png) left bottom no-repeat;
background-size: 260px 50px;
float: left;
margin: 2px 2px 10px 3px;
padding: 0px;
}
 

[gringofer]

Muchas gracias por tu respuesta, me sirbio de mucho!, pudo solucionar mi problema, el probelma es que lo buscaba en .css y no en el codigo html jajja

Gracias y + carma para ti!

Otra consulta... eh cambiado de color los botones que dicen inicio-videos-fotos, pero cuando paso el cursor por encima se ponen azules, eh buscado por todos lados y no puedo cambiarlo de color.... sabes donde tengo que cambiar?. Es en lo ultimo que molesto! jaja

saludos y gracias nuevamente!

[sebastopols]

De nada, no hay problema , para cambiar los colores de los botones es acá:

está en main.css línea 104

Código CSS:

.top_tabs ul li a:hover { background: #041B22; }
 

saludos.

[gringofer]

Muchas gracias!! ya lo hice! :D + carma para ti, gracias!

saludos!