Bueno estoy haciendo una web y queria personalizar el fan box de facebook en mi web
para ello, (siguiendo unos tutoriales)
modifique el script de la siguiente manera
<script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script>
<fb:fan profile_id="
187089904687705" stream="0" connections="15" logobar="2" width="270" height:"400" css="
stiloface.css"></fb:fan>
en la hoja de estilo puse lo siguiente:
Código HTML:
.fan_box a:hover{
text-decoration: none;
}
.fan_box .full_widget{
height: 700px; /* Altura del FanBox */
border: 0 !important; /* Eliminamos el borde */
background: #530d0b !important; /* Color de fondo del FanBox */
position: relative;
}
.fan_box .connect_top{
background: none !important;
padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block{
display: none; /* Con eso eliminamos la cabecera */
}
.fan_box .connect_action{
padding: 0 !important;
}
.fan_box .connections{
padding: 0 !important;
border: 0 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666;
}
span.total{
color: #000; /* Color de la fuente para el número de fans */
font-weight: bold;
}
.fan_box .connections .connections_grid {
padding-top: 10px !important;
}
.fan_box .connections_grid .grid_item{
padding: 0 10px 10px 0 !important;
}
.fan_box .connections_grid .grid_item .name{
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: normal;
color: #530d0b !important; /* Color del nombre de los fans */
padding-top: 1px !important;
}
.fan_box .connect_widget{
position: absolute;
bottom: 1; /* Con eso colocamos abajo el botón 'Me gusta' */
right: 5px;
margin: 0 !important;
}
.fan_box .connect_widget .connect_widget_interactive_area {
margin: 0 !important;
}
.fan_box .connect_widget td.connect_widget_vertical_center {
padding: 0 !important;
}
como eh mencionado antes.. lo hice siguiendo unos tutoriales
al hacer esto tengo el siguiente problema...
la caja de fans de facebook me sale cortada, no respetando la altura que le di.. me sale un numero de fans erroneo, no el que yo indique en el script..
y quisiera que alguien que sepa un poco de css me explique en lo posible como puedo hacer para cambiar la cabecera...
ya que como veran la misma me sale el logo del fanpage pero chiquito y el boton me gusta al lado..
pueden verlo en
http://mercadosanmiguel.com.ar/principal/
en lo posible me gustaria ponerle un texto en vez del logo.. o bien cambiarlo por otra imagen y de otro tamaño...
desde ya muchisimas gracias a todos.. ^^