- Desde
- 28 Feb 2009
- Mensajes
- 1.138
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.
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 :
Al principio del codigo ahy un if condition que deben de editar segun su preferencia por ejemplo.
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.
Tercer y ultimo paso.
Descargar la imagen adjunta al final del post y subirla a la carpeta images de su servidor via FTP.
Listo.
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:
Al principio del codigo ahy un if condition que deben de editar segun su preferencia por ejemplo.
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.
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.
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:
HTML:
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
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:
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
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:
HTML:
<!-- / message -->
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:
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.