Gracia papacho saludos muy bien por fin los sacates saludos.
17Likes
Esta es una discusión para el tema Comparte tus post con Sexy Bookmarks - Redes Sociales en el foro vBulletin 4 - Preguntas, Problemas y Soluciones, bajo la categoría Soporte vBulletin; Hola a todos los administradores y webmaster que visitan vBHispano .
En esta ocasion les quiero compartir una modificacion muy conocida llamada Sexy Bookmarks, es muy usado en blogs y paginas de interes.
Como es ...
Página:
Hola a todos los administradores y webmaster que visitan vBHispano.
En esta ocasion les quiero compartir una modificacion muy conocida llamada Sexy Bookmarks, es muy usado en blogs y paginas de interes.
Como es mi costumbre hare la guia en 2 secciones, 1 para vB4 y la otra para la vB3.8.x.
SexyBookmarks Para vBulletin 4
Primer paso.
Ir a Admincp » Estilos y Plantillas » Buscar Dentro de Plantillas.
Eligen su estilo, escriben postbit_legacy, marcan solo titulos y buscar.
Doble click en dicha plantilla y dentro buscan:Agregan debajo :Código HTML:<div id="post_message_{vb:raw post.postid}"> <blockquote class="postcontent restore "> {vb:raw post.message} </blockquote> </div>Al principio del codigo ahy un if condition que deben de editar segun su preferencia por ejemplo.Código HTML:<vb:if condition="$post[postcount] == 1 AND !in_array($thread['forumid'], array(2,3,4))"> <div class="damn-sexy-bookmarks"> <ul class="socials"> <li class="damn-sexy-twitter"><a href="http://twitter.com/home?status={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" target="_blank" rel="nofollow" "Compartir en Twitter"></a></li> <li class="damn-sexy-delicious"><a href="http://del.icio.us/post?url={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" rel="nofollow" target="_blank" title="Compartir en Delicious"></a></li> <li class="damn-sexy-facebook"><a href="http://www.facebook.com/share.php?u={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" rel="nofollow" target="_blank" title="Compartir en Facebook"></a></li> <li class="damn-sexy-digg"><a href="http://digg.com/submit?phase=2&url={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" rel="nofollow" target="_blank" title="Compartir en Digg"></a></li> <li class="damn-sexy-technorati"><a title="Compartir en Technorati" rel="nofollow" target="_blank" href="http://technorati.com/faves?add={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}"></a></li> <li class="damn-sexy-furl"><a title="Compartir en Furl" rel="nofollow" target="_blank" href="http://www.furl.net/storeIt.jsp?u={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}"></a></li> <li class="damn-sexy-yahoomyweb"><a title="Compartir en Yahoo!" rel="nofollow" target="_blank" href="http://bookmarks.yahoo.com/toolbar/savebm?u={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}"></a></li> <li class="damn-sexy-myspace"><a title="Compartir en Myspace" rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}"></a></li> <li class="damn-sexy-reddit"><a title="Compartir en Reddit" rel="nofollow" target="_blank" href="http://reddit.com/submit?url={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}"></a></li> <li class="damn-sexy-google"><a href="http://www.google.com/bookmarks/mark?op=add&bkmk={vb:raw vboptions.homeurl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" target="_blank" rel="nofollow" title="Compartir en Google!"></a></li> </ul> </div> </vb:if>
array(2,3,4) donde 2,3,4 son las ID de los foros que no quieras que aparezcan las bookmarks, pueden agragar tantos como uds quieran pero siempre separados por una coma.
Lo demas lo dejan tal como esta y guardar.
Segundo Paso.
Ir a Admincp » Estilos y Plantillas » Buscar Dentro de Plantillas.
Eligen su estilo, escriben additional.css, marcan solo titulos y buscar.
Doble click en dicha plantilla y dentro agregan:Guardar.Código HTML:/*SexyBookmarks By Ryuk*/ div.damn-sexy-bookmarks {background:none;margin:5px 0 0 95px !important;padding:25px 0 0 10px !important;height:29px;/*the height of the icons (29px)*/display:block !important;clear:both !important; } div.damn-sexy-bookmarks ul.socials { width:100% !important; margin:0 !important; padding:0 !important; } div.damn-sexy-bookmarks ul.socials li { display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important; } div.damn-sexy-bookmarks ul.socials a { display:block !important; width:60px !important; height:29px !important; text-indent: -9999px !important; } .damn-sexy-furl, .damn-sexy-furl:hover, .damn-sexy-digg, .damn-sexy-digg:hover, .damn-sexy-reddit, .damn-sexy-reddit:hover, .damn-sexy-stumbleupon, .damn-sexy-stumbleupon:hover, .damn-sexy-delicious, .damn-sexy-delicious:hover, .damn-sexy-yahoomyweb, .damn-sexy-yahoomyweb:hover, .damn-sexy-blinklist, .damn-sexy-blinklist:hover, .damn-sexy-technorati, .damn-sexy-technorati:hover, .damn-sexy-facebook, .damn-sexy-facebook:hover, .damn-sexy-twitter, .damn-sexy-twitter:hover, .damn-sexy-myspace, .damn-sexy-myspace:hover, .damn-sexy-mixx, .damn-sexy-mixx:hover, .damn-sexy-scriptstyle, .damn-sexy-scriptstyle:hover, .damn-sexy-designfloat, .damn-sexy-designfloat:hover, .damn-sexy-mail, .damn-sexy-mail:hover, .damn-sexy-comfeed, .damn-sexy-comfeed:hover, .damn-sexy-newsvine, .damn-sexy-newsvine:hover, .damn-sexy-devmarks, .damn-sexy-devmarks:hover, .damn-sexy-linkedin, .damn-sexy-linkedin:hover, .damn-sexy-google, .damn-sexy-google:hover { background:url(images/sexy-sprite.png) no-repeat !important; } .damn-sexy-furl { background-position:-910px bottom !important; } .damn-sexy-furl:hover { background-position:-910px top !important; } .damn-sexy-digg { background-position:-980px bottom !important; } .damn-sexy-digg:hover { background-position:-980px top !important; } .damn-sexy-reddit { background-position:-700px bottom !important; } .damn-sexy-reddit:hover { background-position:-700px top !important; } .damn-sexy-stumbleupon { background-position:-630px bottom !important; } .damn-sexy-stumbleupon:hover { background-position:-630px top !important; } .damn-sexy-delicious { background-position:-1190px bottom !important; } .damn-sexy-delicious:hover { background-position:-1190px top !important; } .damn-sexy-yahoomyweb { background-position:-1120px bottom !important; } .damn-sexy-yahoomyweb:hover { background-position:-1120px top !important; } .damn-sexy-blinklist { background-position:-1260px bottom !important; } .damn-sexy-blinklist:hover { background-position:-1260px top !important; } .damn-sexy-technorati { background-position:-560px bottom !important; } .damn-sexy-technorati:hover { background-position:-560px top !important; } .damn-sexy-myspace { background-position:-770px bottom !important; } .damn-sexy-myspace:hover { background-position:-770px top !important; } .damn-sexy-twitter { background-position:-490px bottom !important; } .damn-sexy-twitter:hover { background-position:-490px top !important; } .damn-sexy-facebook { background-position:-1330px bottom !important; } .damn-sexy-facebook:hover { background-position:-1330px top !important; } .damn-sexy-mixx { background-position:-840px bottom !important; } .damn-sexy-mixx:hover { background-position:-840px top !important; } .damn-sexy-scriptstyle { background-position:-280px bottom !important; } .damn-sexy-scriptstyle:hover { background-position:-280px top !important; } .damn-sexy-designfloat { background-position:-1050px bottom !important; } .damn-sexy-designfloat:hover { background-position:-1050px top !important; } .damn-sexy-newsvine { background-position:left bottom !important; } .damn-sexy-newsvine:hover { background-position:left top !important; } .damn-sexy-google { background-position:-210px bottom !important; } .damn-sexy-google:hover { background-position:-210px top !important; } .damn-sexy-comfeed { background-position:-420px bottom !important; } .damn-sexy-comfeed:hover { background-position:-420px top !important; } .damn-sexy-mail { background-position:-350px bottom !important; } .damn-sexy-mail:hover { background-position:-350px top !important; } .damn-sexy-devmarks { background-position:-140px bottom !important; } .damn-sexy-devmarks:hover { background-position:-140px top !important; } .damn-sexy-linkedin { background-position:-70px bottom !important; } .damn-sexy-linkedin:hover { background-position:-70px top !important; } /*Fin SexyBookmarks by Ryuk*/
Tercer y ultimo paso.
Descargar la imagen adjunta al final del post y subirla a la carpeta images de su servidor via FTP.
Listo.
---------------------------------------------------------
SexyBookmarks Para vBulletin 3.8.x
Primer paso.
Ir a Admincp » Estilos y Plantillas » Buscar Dentro de Plantillas.
Eligen su estilo, escriben postbit_legacy, marcan solo titulos y buscar.
Doble click en dicha plantilla y dentro buscan:Debajo agregan:Código HTML:<!-- / message -->Al principio del codigo ahy un if condition que deben de editar segun su preferencia por ejemplo.Código HTML:<if condition="$post[postcount] == 1 AND !in_array($thread['forumid'], array(2,3,4))"> <div class="damn-sexy-bookmarks"> <ul class="socials"> <li class="damn-sexy-twitter"><a href="http://twitter.com/home?status=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]" target="_blank" rel="nofollow" "Compartir en Twitter"></a></li> <li class="damn-sexy-delicious"><a href="http://del.icio.us/post?url=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]" rel="nofollow" target="_blank" title="Compartir en Delicious"></a></li> <li class="damn-sexy-facebook"><a href="http://www.facebook.com/share.php?u=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]" rel="nofollow" target="_blank" title="Compartir en Facebook"></a></li> <li class="damn-sexy-digg"><a href="http://digg.com/submit?phase=2&url=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]" rel="nofollow" target="_blank" title="Compartir en Digg"></a></li> <li class="damn-sexy-technorati"><a title="Compartir en Technorati" rel="nofollow" target="_blank" href="http://technorati.com/faves?add=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]"></a></li> <li class="damn-sexy-furl"><a title="Compartir en Furl" rel="nofollow" target="_blank" href="http://www.furl.net/storeIt.jsp?u=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]"></a></li> <li class="damn-sexy-yahoomyweb"><a title="Compartir en Yahoo!" rel="nofollow" target="_blank" href="http://bookmarks.yahoo.com/toolbar/savebm?u=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]"></a></li> <li class="damn-sexy-myspace"><a title="Compartir en Myspace" rel="nofollow" target="_blank" href="http://www.myspace.com/Modules/PostTo/Pages/?u=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]"></a></li> <li class="damn-sexy-reddit"><a title="Compartir en Reddit" rel="nofollow" target="_blank" href="http://reddit.com/submit?url=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]"></a></li> <li class="damn-sexy-google"><a href="http://www.google.com/bookmarks/mark?op=add&bkmk=$vboptions[homeurl]/showthread.php$session[sessionurl]?p=$post[postid]" target="_blank" rel="nofollow" title="Compartir en Google!"></a></li> </ul> </div> </if>
array(2,3,4) donde 2,3,4 son las ID de los foros que no quieras que aparezcan las bookmarks, pueden agragar tanto como uds quieran pero siempre separados por una coma.
Lo demas lo dejan tal como esta y guardar.
Segundo Paso.
Ir a Admincp » Estilos y Plantillas » Administrar Estilos.
Al lado derecho de su estilo ahy un menu desplegable, dentro seleccionan CSS Principal.
Al final de dicha pagina ahy 2 recuadros, donde dice Definiciones Adicionales de CSS en el segundo agregan:Guardar.Código HTML:/*SexyBookmarks By Ryuk*/ div.damn-sexy-bookmarks {background:none;margin:5px 0 0 95px !important;padding:25px 0 0 10px !important;height:29px;/*the height of the icons (29px)*/display:block !important;clear:both !important; } div.damn-sexy-bookmarks ul.socials { width:100% !important; margin:0 !important; padding:0 !important; } div.damn-sexy-bookmarks ul.socials li { display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:60px !important; cursor:pointer !important; padding:0 !important; } div.damn-sexy-bookmarks ul.socials a { display:block !important; width:60px !important; height:29px !important; text-indent: -9999px !important; } .damn-sexy-furl, .damn-sexy-furl:hover, .damn-sexy-digg, .damn-sexy-digg:hover, .damn-sexy-reddit, .damn-sexy-reddit:hover, .damn-sexy-stumbleupon, .damn-sexy-stumbleupon:hover, .damn-sexy-delicious, .damn-sexy-delicious:hover, .damn-sexy-yahoomyweb, .damn-sexy-yahoomyweb:hover, .damn-sexy-blinklist, .damn-sexy-blinklist:hover, .damn-sexy-technorati, .damn-sexy-technorati:hover, .damn-sexy-facebook, .damn-sexy-facebook:hover, .damn-sexy-twitter, .damn-sexy-twitter:hover, .damn-sexy-myspace, .damn-sexy-myspace:hover, .damn-sexy-mixx, .damn-sexy-mixx:hover, .damn-sexy-scriptstyle, .damn-sexy-scriptstyle:hover, .damn-sexy-designfloat, .damn-sexy-designfloat:hover, .damn-sexy-mail, .damn-sexy-mail:hover, .damn-sexy-comfeed, .damn-sexy-comfeed:hover, .damn-sexy-newsvine, .damn-sexy-newsvine:hover, .damn-sexy-devmarks, .damn-sexy-devmarks:hover, .damn-sexy-linkedin, .damn-sexy-linkedin:hover, .damn-sexy-google, .damn-sexy-google:hover { background:url(images/sexy-sprite.png) no-repeat !important; } .damn-sexy-furl { background-position:-910px bottom !important; } .damn-sexy-furl:hover { background-position:-910px top !important; } .damn-sexy-digg { background-position:-980px bottom !important; } .damn-sexy-digg:hover { background-position:-980px top !important; } .damn-sexy-reddit { background-position:-700px bottom !important; } .damn-sexy-reddit:hover { background-position:-700px top !important; } .damn-sexy-stumbleupon { background-position:-630px bottom !important; } .damn-sexy-stumbleupon:hover { background-position:-630px top !important; } .damn-sexy-delicious { background-position:-1190px bottom !important; } .damn-sexy-delicious:hover { background-position:-1190px top !important; } .damn-sexy-yahoomyweb { background-position:-1120px bottom !important; } .damn-sexy-yahoomyweb:hover { background-position:-1120px top !important; } .damn-sexy-blinklist { background-position:-1260px bottom !important; } .damn-sexy-blinklist:hover { background-position:-1260px top !important; } .damn-sexy-technorati { background-position:-560px bottom !important; } .damn-sexy-technorati:hover { background-position:-560px top !important; } .damn-sexy-myspace { background-position:-770px bottom !important; } .damn-sexy-myspace:hover { background-position:-770px top !important; } .damn-sexy-twitter { background-position:-490px bottom !important; } .damn-sexy-twitter:hover { background-position:-490px top !important; } .damn-sexy-facebook { background-position:-1330px bottom !important; } .damn-sexy-facebook:hover { background-position:-1330px top !important; } .damn-sexy-mixx { background-position:-840px bottom !important; } .damn-sexy-mixx:hover { background-position:-840px top !important; } .damn-sexy-scriptstyle { background-position:-280px bottom !important; } .damn-sexy-scriptstyle:hover { background-position:-280px top !important; } .damn-sexy-designfloat { background-position:-1050px bottom !important; } .damn-sexy-designfloat:hover { background-position:-1050px top !important; } .damn-sexy-newsvine { background-position:left bottom !important; } .damn-sexy-newsvine:hover { background-position:left top !important; } .damn-sexy-google { background-position:-210px bottom !important; } .damn-sexy-google:hover { background-position:-210px top !important; } .damn-sexy-comfeed { background-position:-420px bottom !important; } .damn-sexy-comfeed:hover { background-position:-420px top !important; } .damn-sexy-mail { background-position:-350px bottom !important; } .damn-sexy-mail:hover { background-position:-350px top !important; } .damn-sexy-devmarks { background-position:-140px bottom !important; } .damn-sexy-devmarks:hover { background-position:-140px top !important; } .damn-sexy-linkedin { background-position:-70px bottom !important; } .damn-sexy-linkedin:hover { background-position:-70px top !important; } /*Fin SexyBookmarks by Ryuk*/
Tercer y ultimo paso.
Descargar la imagen adjunta al final del post y subirla a la carpeta images de su servidor via FTP.
Listo.
Espero les sea util, en caso de dudas o problemas comentarlo en este hilo.
Saludos y Enjoy.
Gracia papacho saludos muy bien por fin los sacates saludos.
genial men... muchisimas graciasverdaderamente espectacular tus tutos
gracias
---------- Actualizado a las 12:34 ---------- Original a las 12:17 ----------
quedo de perlas menmuchísimas gracias
espero que despues se puedan agregar mas marcadores con este mismo sistem
gracias
---------- Actualizado a las 12:41 ---------- Original a las 12:34 ----------
Para aquellos que quieran que aparezca en todos los posts solamente tienen que modificar la siguiente linea
de quedar así:
tiene que quedar de esta forma:<vb:if condition="$post[postcount] == 1 AND !in_array($thread['forumid'], array(2,3,4))">
<vb:if condition="!in_array($thread['forumid'], array(2,3,4))">
al menos a mi me funciono asi
saludos
Por lo menos a mi, no me gusta que aparezca en todos los posts es por eso que no lo mencione en la guia.
Pero en gustos...![]()
jejejejejejeje si eso si es cierto... eso es por gustosXD
pero igual men... te brincaste la barda con estos tutos.... muy pero muy buenos la verdad
muchas gracias![]()
piola el wacho.
Te mandaste la parte hermano.
Que vB ni vB pinta eso para la web e.e
Muchas gracias compadre.
Encuentro que esta mejor solo en el primer post, ya que este es el del contenido principal no?
eso si es verda Nkc tienes razon que van a compartir las respuestas :s es verda en el primer post
Ryuk Compañero como hago para que quede centrado en todo el medio del post ya queda como que dos dedos tirado hacia la izquierda saludos
Última edición por ZEL; 31/10/2010 a las 22:19
@ZEL en la primera linea del css esta el margin:5px 0 0 95px !important; al darle mayor valor al 95 se movera hacia la derecha.
Como lo puedo poner al final del post? Es que cuando son mensajes cortos queda feo con todo el hueco que sobra abajo y que no esté al final.
Ejemplo: MOTIVOS PARA SER ANTI-SEVILLISTA!!!
El problema de dejarlo al final del post es que si alguien deja un archivo adjunto las bookmarks quedarian debajo y a mi punto de vista se veria mal, pero si no es un foro donde constantemente suben archivos adjuntos puedes cambiarlo al final del post.
En la plantilla postbit_legacy busca <div class="cleardiv"></div> y arriba de eso pega el codigo de las bookmarks, no lo e probado pero deberia quedar como quieres.
Me aparece el código como si fuera un simple texto.
Probe lo que dije arriba y se ve perfecto.
sexybook.jpg
copadrito hay algo que no entiendo le estoy dando 150 y ni se muebe no hace nadapor que sera eso mira loco lo coloque
mira el espacio que hay de lado y lado :s/*SexyBookmarks By Ryuk*/
div.damn-sexy-bookmarks {background:none;margin:5px 0 0 150px !important;padding:25px 0 0 10px !important;height:29px;/*the height of the icons (29px)*/display:block !important;clear:both !important;
}
![]()