Buen tutorial siempre es mejor modificarlo por uno mismo que hacerlo con plugins cuando se trata de esta clase de cosas. + REP

esta lindo, no tiene nada fuera de lo comun pero esta lindo

Me gusta seguro lo voy a usar ^^

30 Jul, 2012, 1:56 pm Cluster wrote:
esta lindo, no tiene nada fuera de lo comun pero esta lindo

gracias... la cosa es que el plugin sideboxes mueve todo a la izquierda incluyendo las estadisticas y se veia feo... y no sabia como editarlo para que no hiciera eso... por eso me puse a hacer esto para reemplazarlo por el sideboxes :p

Gracias ZioGuE y Finer !!

Y si quiero poner en el 1er recuadro el grupo de Facebook que es lo que tengo que hacer? Tengo que instalar algún plugin o algo?

9 Aug, 2012, 7:27 pm likepop wrote:
Y si quiero poner en el 1er recuadro el grupo de Facebook que es lo que tengo que hacer? Tengo que instalar algún plugin o algo?

esto no lleva ningun plugin

ve a aqui -->
https://developers.facebook.com/docs/ref.../like-box/

y haces tu LikeBox... generas el codigo y pegas la version de IFrame en el primer Box

Tengo otro problemita mira... a mi me queda así:




Pero yo quiero que me quede así:




Que es lo que debo modificar?

Osea, que desaparezca el delineo celeste y que el "Haste fan en Facebook!" me quede como en un recuadro.

uff -.- yaa edite el codigo para ti 77

primero en la plantilla index... en la primera caja

Code:

<div class="box2">
<!--start: primera caja-->
<div class="thead">
<div class="box3" align="center">
<strong>NOMBRE DEL RECUADRO</strong>
<div class="trow1">

TEXTO O CODIGO A MOSTRAR EN EL RECUADRO

</div>
</div>
</div>
<!--end: primera caja-->
<br />

cambialo por esto

Code:

<div class="box2">
<!--start: primera caja-->
<div class="box3" align="center">
<div class="thead">
<strong>NOMBRE DEL RECUADRO</strong>
</div>
<div class="trow1">

TEXTO O CODIGO A MOSTRAR EN EL RECUADRO

</div>
</div>
<!--end: primera caja-->
<br />

en el CSS editas solo el Box 3
de esto...

Code:

.box3 {    
    padding: 5px 2px 2px 2px;
    border: 1px solid #d0d0d0;
}

a esto

Code:

.box3 {    
    padding: 5px 2px 2px 2px;
}

(solo le quite el border... )

y con eso te deberia quedar casi identico al SideBox...
fijate bien en el primer codigo que edite porque si quieres dejar todas las cajas asi
tendras que repetir el 1 paso en todas las cajas... y ademas fijate que lleva la etiqueta "trow1" ... si hiciste la modificacion para el color de letras agregando "trow3" tendras que agregarle Borde al "trow3"...

Code:

.trow3{    
    background-color: #FFFFFF;
    color: #000;
border: 1px solid #d0d0d0;
}

y en el primer codigo si lo copias entero recuerda cambiar a "trow3" si es que estas usando la modificacion para el color de letras...

trate de ser lo mas explicito y claro posible... saludos !

Y si quiero hacer la caja un poco más fina de ancho que es lo que debo modificar?

Osea, que me quede más chica de ancho..