Hola dagget tu siempre ayudándome con los CSS, gracias!!!!
A que te refieres con “contenedor” ???
Yo lo coloco asi:
#jc_comment_bbcode .jc_bb_sad {
background: transparent url(smilies/hola.gif) no-repeat -23px -101px;
width: 25px;
height: 25px;
}
Y asi, me lo corta, de que otra manera puedo hacer??
En todo caso al final logre hacer algo muchisimo mejor. (aunque me gustaria me explicaras como hacer lo otro) 🙂
Bueno estoy modificando el JomComment y él utiliza una imagen completa para todo (para los BBcode’s, los smilies, el fondo que son dos imagenes) una normal y otra (hover) cuando se pasa el mouse. Estoy colocándole mas smilies pero animados, pero sucede que tengo varios smilies que son un poco grandes y no quiero agarrar mucho espacio, (ya que de por si, la parte de comentarios es mul larga verticalmente hablando) entonces la idea era que me colocase la imagen al tamaño que quiero por medio del CSS. (aun no se como) pero con este cambio:
#jc_comment_bbcode a:link, #jc_comment_bbcode a:visited {
width: 35px;
height: 35px;
margin-right: 3px;
text-align: center;
outline-style:none;
float: left;
background: transparent url(smilies/buttons.gif) no-repeat scroll 0 -231px;
border: 0;
}
Logre utilizar la imagen que utiliza de fondo cuando se pasa el mouse como smilies para que se viera el smilies original al pasar el mouse. Y el otro smilies (que no es el mismo) sesta reducido al tamaño que quiero. Bueno nose si se entiende. El caso es que estoy utilizando 2 smilies que son lo mismo pero uno de tamaño reducido y el otro en tamaño original… y se ve espectacular :D.
El fragmento de codigo original es este:
/* new bb_code style */
#jc_comment_bbcode {
}
#jc_comment_bbcode a:link, #jc_comment_bbcode a:visited {
width: 24px;
height: 24px;
margin-right: 3px;
text-align: center;
outline-style:none;
float: left;
background: transparent url(smilies/buttons.gif) no-repeat scroll 0 -231px;
border: 0;
}
#jc_comment_bbcode a:hover {
background: transparent url(smilies/buttons.gif) no-repeat scroll 0 -257px;
border: 0;
}
#jc_comment_bbcode a img {
margin-top: -2px;
border: 0;
}
/* bbcode toolbar */
#jc_comment_bbcode .jc_bb_bold {
background: transparent url(smilies/buttons.gif) no-repeat 0 4px;
}
#jc_comment_bbcode .jc_bb_italic {
background: transparent url(smilies/buttons.gif) no-repeat 0 -17px;
}
#jc_comment_bbcode .jc_bb_underline {
background: transparent url(smilies/buttons.gif) no-repeat 0 -38px;
}
#jc_comment_bbcode .jc_bb_strike {
background: transparent url(smilies/buttons.gif) no-repeat 0 -59px;
}
#jc_comment_bbcode .jc_bb_url {
background: transparent url(smilies/buttons.gif) no-repeat 0 -80px;
}
#jc_comment_bbcode .jc_bb_image {
background: transparent url(smilies/buttons.gif) no-repeat -1px -103px;
}
#jc_comment_bbcode .jc_bb_quote {
background: transparent url(smilies/buttons.gif) no-repeat 0 -122px;
}
/* smilies */
#jc_comment_bbcode .jc_bb_smile {
background: transparent url(smilies/buttons.gif) no-repeat -23px 4px;
}
#jc_comment_bbcode .jc_bb_wink {
background: transparent url(smilies/buttons.gif) no-repeat -23px -17px;
}
#jc_comment_bbcode .jc_bb_laugh {
background: transparent url(smilies/buttons.gif) no-repeat -23px -38px;
}
#jc_comment_bbcode .jc_bb_grin {
background: transparent url(smilies/buttons.gif) no-repeat -23px -59px;
}
#jc_comment_bbcode .jc_bb_angry {
background: transparent url(smilies/buttons.gif) no-repeat -23px -80px;
}
#jc_comment_bbcode .jc_bb_sad {
background: transparent url(smilies/buttons.gif) no-repeat -23px -101px;
}
#jc_comment_bbcode .jc_bb_shocked {
background: transparent url(smilies/buttons.gif) no-repeat -23px -122px;
}
#jc_comment_bbcode .jc_bb_cool {
background: transparent url(smilies/buttons.gif) no-repeat -23px -143px;
}
#jc_comment_bbcode .jc_bb_tongue {
background: transparent url(smilies/buttons.gif) no-repeat -23px -164px;
}
#jc_comment_bbcode .jc_bb_kiss {
background: transparent url(smilies/buttons.gif) no-repeat -23px -185px;
}
#jc_comment_bbcode .jc_bb_cry {
background: transparent url(smilies/buttons.gif) no-repeat -23px -206px;
}
Lo e colocado asi:
#jc_comment_bbcode .jc_bb_smile {
background: transparent url(smilies/hola.gif) no-repeat -23px -101px;
width: 25px;
height: 25px;
}
Pero me corta la imagen. Hay alguna otra forma aparte de la que estoy haciendo???
Exitos!! 😉