[TIP] Hacer que tu Logo se agite

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:

Code: [Select]

// Here comes the JavaScript bits!
echo '

Agregamos después:

Code: [Select]

<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:

Code: [Select]

<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:

Code: [Select]

<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />

Por esto:

Code: [Select]

<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.

Gracias! buen tuto..

+1 por compartir...

No crees que le falta El CSS

Code: [Select]

<img class="logo-stickplays" src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />

Pusistes Class "Logo-Stickplays"   abria que cambiar por logo nada mas

No crees que le falta El CSS

Code: [Select]

<img class="logo-stickplays" src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />

Pusistes Class "Logo-Stickplays"   abria que cambiar por logo nada mas

No es cierto, ya que si te fijas en el 3 script, yo decido como se va a llamar mi class

Diego gracias por publicarlo ayudara mucho a otras personas

Muy bueno! siempre compartiendo! +1

Nada de nada ...    No me sirvio el script

yo lo probe si funciona xD tu eres al que no le funciona nada no? no es burla es duda e visto varios post donde dices lo mismo :S

Nada de nada ...    No me sirvio el script

yo lo probe si funciona xD tu eres al que no le funciona nada no? no es burla es duda e visto varios post donde dices lo mismo :S

nose quizas sea problema que tengo el foro en localhost

Nada de nada ...    No me sirvio el script

yo lo probe si funciona xD tu eres al que no le funciona nada no? no es burla es duda e visto varios post donde dices lo mismo :S

nose quizas sea problema que tengo el foro en localhost

algunos JS no funcionan en localhost xD prueba con un en web como .com.nu

Nada de nada ...    No me sirvio el script

yo lo probe si funciona xD tu eres al que no le funciona nada no? no es burla es duda e visto varios post donde dices lo mismo :S

nose quizas sea problema que tengo el foro en localhost

Deja el Index.template.php para ver que pasa   

wayserver revisa que no tengas ya las librerías que se agregan o algunas similares !

Gracias por compartirlo +1
Lo pondremos en techforo, espero que no te lo tomes como plagio eh xd

Muy bueno tu aporte +1

Gracias por compartirlo +1
Lo pondremos en techforo, espero que no te lo tomes como plagio eh xd

Si el mismo esta publicando el codigo no creo que lo tome como plagio ¬¬

Muy bueno tu aporte +1

Gracias por compartirlo +1
Lo pondremos en techforo, espero que no te lo tomes como plagio eh xd

Si el mismo esta publicando el codigo no creo que lo tome como plagio ¬¬

Muy bueno tu aporte +1

Gracias por compartirlo +1
Lo pondremos en techforo, espero que no te lo tomes como plagio eh xd

Si el mismo esta publicando el codigo no creo que lo tome como plagio ¬¬

Ya.. xd

y con esas scripts que nos dejaste abajo que hacemos? donde van esas?
yo abri mi Index.template.php con dreamweaber, y busque la primer linea y dice esto:

// Here comes the JavaScript bits!

echo '
   <script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/script.js?rc5"></script>
   <script type="text/javascript" src="', $settings['theme_url'], '/scripts/theme.js?rc5"></script>
   <script type="text/javascript"><!-- // --><![CDATA[
      var smf_theme_url = "', $settings['theme_url'], '";
      var smf_default_theme_url = "', $settings['default_theme_url'], '";
      var smf_images_url = "', $settings['images_url'], '";
      var smf_scripturl = "', $scripturl, '";
      var smf_iso_case_folding = ', $context['server']['iso_case_folding'] ? 'true' : 'false', ';
      var smf_charset = "', $context['character_set'], '";', $context['show_pm_popup'] ? '
      var fPmPopup = function ()
      {
         if (confirm("' . $txt['show_personal_messages'] . '"))
            window.open(smf_prepareScriptUrl(smf_scripturl)   "action=pm");
      }
      addLoadEvent(fPmPopup);' : '', '
      var ajax_notification_text = "', $txt['ajax_in_progress'], '";
      var ajax_notification_cancel_text = "', $txt['modify_cancel'], '";
   // ]]></script>';

tengo que borrar todo eso y reemplazarlo por lo que pusiste vos? o solo agregar lo que pusiste vos?