[Tutorial] Pestañas Mobiles Para Temas Nesil

DJ Death 23 Sep, 2011, 4:10 pm

No se si fui muy descriptivo con mi titulo pero esto es para hacer que las Pestaña del tema Nesil se muevan depende a la Pagina que estas.
Asi como esta en MyBB-Es.
Solo necesitaremos un Plugin.
Este plugin es PHP and Template Conditionals.
[attachment=1236]
Ahora empezemos (;

1). Subimos el plugin a la carpeta de inc -> pluings y lo Activamos.
2). Vamos a nuestro Admin Panel -> Plantillas -> la Plantilla Nesil -> Cabecera -> header.
3). Vamos a añadir el siguiente codigo :F

Código:
<?PHP

$url_actual = "http://" . $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];

switch($url_actual)

{

case "{$mybb->settings['bburl']}/portal.php":

$Portal = " class=\"active\"";

break;

case "{$mybb->settings['bburl']}/index.php":

$Index = " class=\"active\"";

break;

/*default;

$df = " class=\"active\"";*/

} 

?>

Puse 2 por que los demas lo tengo editado pero les dare un ejemplo!

Si estamos en una direccion asi

Código:
http://MiDominio.net/pointshop.php?action=achiviements

Solo Copiamos lo de:

Código:
pointshop.php?action=achiviements

y hacemos otro caso asi

Código:
case "{$mybb->settings['bburl']}/pointshop.php?action=achiviements":

$Index = " class=\"active\"";

break;

Pegando el

Código:
pointshop.php?action=achiviements

Despues de

Código:
{$mybb->settings['bburl']}/

Despues editamos la variable

Código:
$Index = " class=\"active\"";

con un nombre cualquiera

Código:
$logro = " class=\"active\"";

Despues vamos a editar las Direcciones

Código:
<li class="active"><a href="{$mybb->settings['bburl']}/pointshop.php?action=achiviements">Logros</a></li>

y depende a la pagina ponemos en nombre de la variable para que quede asi:

Código:
<li{$Logro}><a href="{$mybb->settings['bburl']}/pointshop.php?action=achiviements">Logros</a></li>

Ahora si nos vamos a una pagina que no esta en el Menu, ninguna pestaña saldra selecionada pero para que dejemos una pestaña activada mientras no estemos dentro de la navegacion de la pestaña, Borramos estos caracteres:

Código:
/* */

de este codigo

Código:
/*default;

$df = " class=\"active\"";*/

ahora la pestaña que quieres que este activa por default, solo añade esto en la direccion:

Código:
<li{$Index}{$df}><a href="{$mybb->settings['bburl']}/index.php">Índice</a></li>

Y con eso funcionara.

Si no le entendieron o tienen una duda
Avisen (;
Espero que les guste y si esta posteado pues nimodo borrenlo D;

Gustavo R. 23 Sep, 2011, 6:09 pm

Muy bien

Es una forma mas facil Tongue

Gracias por el tuto.

[Imagen: http://i.imgur.com/l7Qimoa.png]

Himura 24 Sep, 2011, 7:20 am

Código:
<?php

switch(THIS_SCRIPT)

{

case "portal.php":

$active1 = " class=\"active\"";

break;

case "index.php":

$active2 = " class=\"active\"";

break;

case "search.php":

$active3 = " class=\"active\"";

break;

case "memberlist.php":

$active4 = " class=\"active\"";

break;

case "calendar.php":

$active5 = " class=\"active\"";

break;

$active2 = " class=\"active\"";

} 

?>

Código:
<li{$active1}><a href="{$mybb->settings['bburl']}/portal.php" title="Portal">Portal</a></li>

<li{$active2}><a href="{$mybb->settings['bburl']}/index.php" title="Foros">Foros</a></li>

<li{$active3}><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>

<li{$active4}><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>

<li{$active5}><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>

bueno no lo escribe en nesil pero es lo mismo solo inporta

Código:
<li{$activeX}>

Jaizu 24 Sep, 2011, 8:51 am

Y para otro skin?
Como sería el nombre del CSS para la pestaña activa?

[Imagen: http://i.imgur.com/kLUbBrj.png]

Cluster 24 Sep, 2011, 9:00 am

tomando el ejemplo que se usa en mybb-es (Himura) solo hace falta editar el class y ya

Jaizu 24 Sep, 2011, 9:09 am

(24 Sep, 2011, 9:00 am)Cluster escribió: tomando el ejemplo que se usa en mybb-es (Himura) solo hace falta editar el class y ya

Este es mi CSS(es para pobrar)

Código:
.active {

    text-decoration: none;

    color: #000;

    line-height: 20px;

}

¿Como sería en el php? :dash:

[Imagen: http://i.imgur.com/kLUbBrj.png]

Himura 24 Sep, 2011, 9:16 am

es igual ves

Cita:$active1 = " class=\"active\"";

DJ Death 24 Sep, 2011, 9:47 am

@Soul_Maka
Es distinto el switch que esta en Smybb y aqui
por el Default y que ponen

Código PHP:
<?php 

switch(THIS_SCRIPT) 

y si vas en tu Menu biene una web asi

Código PHP:
<?php 

http://pagina.com/pointshop.php?action=achiviements 

no se Activa, en Cambio la otra
Compara el caso, si es igual que la Direccion, se Activara.
@Jaizu
Solo Haz el Estilo CSS de Active
y donde ponas

Código PHP:
<?php 

class="active" 

Solo pones la {$variable} para que se active.