August 04, 2011 - 10:16 10:16
Hola amigos, aquí nuevamente les traigo un pequeño tip que muchos han estado preguntando con anterioridad, no se me hace algo muy extraordinario como para no publicarlo, así que sin más les dejo el tutorial.
Algunos con frecuencia me preguntan como pueden hacer que el logo de su foro se agite así como en StickPlays, pues bueno es muy sencillo ...
Index.template.php
Buscamos:
// Here comes the JavaScript bits!
echo '
Agregamos después:
<script type="text/javascript" src="', $settings['theme_url'], '/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="', $settings['theme_url'], '/scripts/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" language="javascript">$(document).ready(function() {$(".logo-stickplays").mouseover(function(){$(".logo-stickplays").effect( "shake", {times:4}, 50 );});});</script>
Ahora, para que te funcione en cualquier theme, busca la parte en la que se encuentra el logo de tu foro, en mi caso en el theme default, buscaría esto:
<h1 class="forumtitle">
<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</h1>
Y de esa parte, yo ocuparía cambiar esto:
<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />
Por esto:
<img class="logo-stickplays" src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />
Bueno eso es todo, pueden encontrar un demo, pues ya saben en stickplays.net/foro
Jajaja se me olvidó adjuntarles los 2 scripts de arriba, acá se los dejo.