[Tutorial] Pestaña activa con PHP
Lo que vamos a aprender es a poner la pestaña activa con PHP que es mucho más fácil. Veréis que en muchas webs está la pestaña activa, ellos lo tien...

Lo que vamos a aprender es a poner la pestaña activa con PHP que es mucho más fácil.

Veréis que en muchas webs está la pestaña activa, ellos lo tiene más fácil, por que hacen cada archivo y no hacen como en MyBB que utilizan {$header} ellos añaden la plantilla $header en cada archivo y en el menú van cambiado el class="active". Así lo utilizaba yo cuando empecé con mi web, y Armyz con Clikler, Erokenji también; Fue una solución que nos dió Ariel.

Yo pensando un poco, para no poner el css como lo puso Ero en su tuto que es un rollo xD

Lo primero que vamos ha hacer es bajarnos este plugin: http://mybbhacks.zingaburga.com/showthread.php?tid=260
Lo subimos y lo instalamos.

Supongo que vosotros sabréis como tenéis organizado vuestro CSS, entonces yo os doy una solución.

Vais a la plantilla "header" y añadimos:
Código PHP:
<?
/* Pestaña activa by Gypaete (Karyuu - www.sekai-manga.es) */
switch(THIS_SCRIPT)
{
    case 'portal.php':
        $Portal = " class=\"active\"";
    break;
    case 'index.php':
        $Index = " class=\"active\"";
    break;

?>
Y en el HTML del menú, por ejemplo el del index.php
Código:
<a href="index.php">Índice</a>
Ahora habría que añadir:
Código:
<a href="index.php"{$Index}>Índice</a>
Eso según las líneas del PHP, si alguien quiere que le añada más, tan sólo que me lo diga ^^

¡Fin!

PD: Si eres legal no quites mi copy xDD
Licencia (CC BY-NC-ND 3.0)

[Imagen: 80x15.png] Este tutorial se encuentra bajo una licencia Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported.

Autor de esta guía: Gypaete (Karyuu) de SekaiManga.
Si deseas publicarlo en otros sitios tendrás que publicar la licencia y la autoría.

Demo: http://www.sekai-manga.es/
Última modificación: 7 Aug, 2011, 8:47 am por juan.
Lo malo de este tutorial es que usa el PHP In Templates, lo que es mas riesgoso que el Template Conditionals por que cualquier admin tuyo que no sepa lo que hace puede editar un solo < mal y ya la rrego asta que regresestu (el que si sabe) y lo arregles colocando ese > donde va xD

Y no solo un > si no casi cualquier convinacion debe ser bien pensada antes de guardar >.<

Buen tutorial de todas formas Smile
{SIGNATURE_IMAGE}
Pues le dices que no toque esa parte xD o le dices que lo que no sepa, no lo toque.

Gracias Big Grin
:o este si se ve bueno. Lo usaré tan pronto quite el problema de FW
Bueno esta bueno el tuto pero no cualquiera sabe php, así esta para los que sepan lo básico.
Si no sabes, dime que yo te hago todo el código ;D
perdona aqui un novato, simplemente que hace esta modificacion?
Muy buena =D
Pero tengo una duda xD
Yo tengo esto:
Cita:<?
/* Pestaña activa by Gypaete (Karyuu - www.sekai-manga.es) */
switch(THIS_SCRIPT)
{
case 'portal.php':
$Portal = " class=\"active\"";
break;
case 'index.php':
$Index = " class=\"active\"";
break;
}
?>


<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" class="tip" title="Animever"/></a></div>
<div class="menu">
<a href="{$mybb->settings['bburl']}/index.php" class="tip" title="Índice" {$Index}><span>Índice</span></a>
<a href="{$mybb->settings['bburl']}/pointshop.php" class="tip" title="Tienda"><span>Tienda</span></a>
<a href="{$mybb->settings['bburl']}/pointshop.php?action=achiviements" class="tip" title="Premios"><span>Premios</span></a>
<a href="{$mybb->settings['bburl']}/memberlist.php" class="tip" title="Miembros"><span>Miembros</span></a>
<a href="{$mybb->settings['bburl']}/search.php" class="tip" title="Buscar"><span>Buscar</span></a>
<a href="{$mybb->settings['bburl']}/showteam.php" class="tip" title="Staff"><span>Staff</span></a>
</div>
<div id="header">
<hr class="hidden" />
<br>
{$welcomeblock}
</div>
</div>
<hr class="hidden" />
<br class="clear" />
<div id="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}<!-- ProfileComments -->
{$comments_alert}<!-- /ProfileComments -->
{$pending_joinrequests}
<br />
Pero cuando estoy en el Índice no cambia :/
Como sería el CSS que tengo que añadir, por ejemplo:
Código:
.menuactivo {
Aquí el CSS
}
Saludos Wink
Lo que tienes mal es que ya tienes un class "class="tip"" eso es lo que tienes, si quieres que te funciona quita ese class.