Wordpress y su Plugin "Sociable"

[Isdiar]

Buenas tardes,

quería pedir ayuda, pues tengo un Theme instalado en mi blog llamado Elegant Grunge. El problema que tengo ahora es que mi plugin Sociable (el que agrega iconitos para publicar cada post en Facebook, Twitter, Digg, Delicious, Google, Windows Live, Menéame, Technorati,...)

La cuestión es que me aparece metido en unos cuadros que el propio Theme crea cuando introduzco una imagen en un post, y quisiera quitarlo, pues cada imagen me la mete en un cuadro distinto, quedando feo y ocupando muchísimo espacio...

Una captura (tamaño completo, http://img134.imageshack.us/img134/5...9163907xa2.png):


Mi blog es www.elHuequito.com

Espero que me puedan ayudar. Un saludo!!

[destor77]

cuando creas el post abajo de todos hay una opción para desactivar el plugin si queres.

[destor77]

ahhh ahi vi tu blog, lo vas a tener que hacer tambien es cambiar el css que tiene el sociable para adaptarlo al theme

[Isdiar]

Gracias destor77,

estuve ayer mirando el CSS para intentar solucionarlo, pero no se me ocurría ninguna manera de solucionarlo. Según la documentación del Theme, para imágenes menores de 25x25 (imagino que píxeles), no se usa el borde; exactamente hay un checkbox en la creación de posts que dice:

[CheckBox] Apply frame to all images
If enabled, all images larger than 25 x 25 will have a frame with drop shadow applied. Otherwise, only images and other elements with a class of 'frame' will have this style applied.

La cuestión es que estoy probando en este post (http://www.elhuequito.com/?p=1453), y la imagen grisacea que simula un rostro humano, cuando pasa de 25x25px se pone automáticamente la sombra (y ajustada a su tamaño). Sin embargo, si son menores a 25x25px, no añade la sombra, tal y como especifica el CheckBox.

Sin embargo, las imágenes de Sociable son de 16x16px y sí le añade la sombra, pero muy grande, ya vieron que el máximo ancho que permite la columna central (content). Por qué puede ser? Qué puede estar ocurriendo?

Muchas gracias, un saludo!

[Isdiar]

El fichero sociable.css contiene lo siguiente:

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
position: absolute;
display: block;
top: -5em;
background: #ffe;
border: 1px solid #ccc;
color: black;
line-height: 1.25em;
}
.sociable span {
display: block;
}
.sociable ul {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
.sociable ul li {
background: none;
display: inline !important;
list-style-type: none;
margin: 0;
padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
float: none;
width: 16px;
height: 16px;
border: 0;
margin: 0;
padding: 0;
}

.sociable-hovers {
opacity: .4;
-moz-opacity: .4;
filter: alpha(opacity=40);
}
.sociable-hovers:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}

He pensado que puede ser por ".sociable img", pero no se...

[destor77]

pone el codigo donde pones la linea de codigo donde llamas al sociable para ver como si esta dentro de algun div espcial, pero el tema por lo que veo es que hay un conflicto entre el theme y el css del sociable

[Isdiar]

Perdona, entre ayer con la cabalgata de reyes toda la tarde y hoy todo el dia de un lado para otro por el día de reyes... no tuve tiempo para nada...

Mañana pongo la información sin falta, aunque tendré que mirarlo en el código fuente de la Web generada...

Un saludo y mil gracias!!

[Isdiar]

A ver, el código fuente donde se puede apreciar el uso de Sociable es:

<div class="sociable">
<div class="sociable_tagline">
<strong>Comparte este post</strong>
</div>
<ul>
<li><span class="frame-outer sociable-hovers"><span><span><span><span><a rel="nofollow" target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.elhuequito .com%2F%3Fp%3D1470&amp;title=Felices%20Reyes%20Mag os" title="Digg"><img src="http://www.elhuequito.com/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></span></span></span></span></span></li>

<li><span class="frame-outer sociable-hovers"><span><span><span><span><a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fwww.elhuequito.com%2F%3Fp%3D 1470&amp;title=Felices%20Reyes%20Magos" title="del.icio.us"><img src="http://www.elhuequito.com/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></span></span></span></span></span></li>

</ul>
</div>

Cómo podríamos solucionar esto? Un saludo y mil gracias!!!

[Isdiar]

Buenas tardes,

he buscado un Plugin similar a Sociable y me topé con "Share This" que, al igual que el anterior, agrega los enlaces de los principales servicios para marcación de favoritos y además permite enviar el contenido de una entrada a un amigo... Os lo recomiendo, al menos echarle un vistazo. Está en inglés, pero sin más problemas...

Aún así, a ver si podemos solucionarlo por si a alguien le sirve de ayuda en caso de no querer usar Share This. Un saludo y gracias!!