Página 1 de 1
colocar este bloque con pestañas
Publicado: 09 Mar 2012, 22:16
por androidfanaticos
link del mod :
http://www.phpbb-es.com/foro/descarga-m ... 25177.html
como puedo colocar este bloque en pestañas y dejar como predeterminada visible la de "Mensajes recientes"
- mi portal.jpg (116.87 KiB) Visto 1216 veces
ejemplo :
http://www.pc-teros.es/
- pc teros.jpg (43.09 KiB) Visto 1216 veces
o si hay algun mod que pueda aser esto en el portal
Re: colocar este bloque con pestañas
Publicado: 09 Mar 2012, 22:33
por Makoto
Bueno tienes dos formas de mostrar en pestañas como esta en el ucp de tu estilo o como se ven las pestañas al enviar un nuevo mensaje
Para cualquiera de los dos debes comparar codigos
Movido a un Estilos ya que no tiene que ver con el funcionamiento del mod sino con su estetica y creo que debe estar en este foro, si algun miembro con mayor jerarquia que la mia o moderadores de este foro creen que no debe ir aqui muevanlo
Re: colocar este bloque con pestañas
Publicado: 09 Mar 2012, 22:38
por androidfanaticos
quiero que se vea como en mi panel de ucp pero sin que recarge la pagina completa. nose como hacerlo. soy muy novato
Re: colocar este bloque con pestañas Tema Solucionado
Publicado: 10 Mar 2012, 12:39
por androidfanaticos
bueno ya lo ise. gracias de todas formas
Re: colocar este bloque con pestañas
Publicado: 10 Mar 2012, 14:27
por Alorse
androidfanaticos escribió:bueno ya lo ise. gracias de todas formas
Es muy satisfactorio para nosotros que los mismos usuarios resuelvan sus dudas, significa que progresan y que dejan de ser tan dependientes.
Si luego puedes compartir el código, seguramente a alguien más puede servirle.
Re: colocar este bloque con pestañas
Publicado: 12 Mar 2012, 03:34
por androidfanaticos
ESTE ES EL CODIGO
Código: Seleccionar todo
<script type="text/javascript">
// <![CDATA[
var panels = new Array('login-panel', 'online-panel', 'stats-panel', 'titania-panel', '24timer-panel', 'birth-panel', 'donor-panel', 'iconos-panel');
/*
@package Tabbed Profiles
@version 1.0.0 "White Hawk"
@copyright (c) Ashley Shillabeer (http://plutohosting.net)
@copyright (c) Michael Cullum (http://unknownbliss.co.uk)
@license http://opensource.org/licenses/gpl-license.php GNU Public License
*/
function dE(n, s)
{
var e = document.getElementById(n); if (!s) { s = (e.style.display == '' || e.style.display == 'block') ? -1 : 1; } e.style.display = (s == 1) ? 'block' : 'none';
}
function subPanels(p)
{
var i, e, t;
if (typeof(p) == 'string') { show_panel = p; }
for (i = 0; i < panels.length; i++)
{
e = document.getElementById(panels[i]);
t = document.getElementById(panels[i] + '-tab');
if (e)
{
if (panels[i] == show_panel)
{
e.style.display = 'block';
if (t) { t.className = 'activetab'; }
}
else
{
e.style.display = 'none';
if (t)
{
t.className = '';
}
}
}
}
}
// ]]>
</script>
<div id="tabs">
<ul>
<li class="activetab" id="online-panel-tab"><a name="online" href="#online-panel" onclick="subPanels('online-panel'); return false;"><span>NOMBRE DEL BLOQUE</span></a></li>
<li class="" id="stats-panel-tab"><a name="stats" href="#stats-panel" onclick="subPanels('stats-panel'); return false;"><span>NOMBRE DEL BLOQUE</span></a></li>
<li class="" id="iconos-panel-tab"><a name="iconos" href="#iconos-panel" onclick="subPanels('iconos-panel'); return false;">NOMBRE DEL BLOQUE</span></a></li>
</ul>
</div>
<div id="panel-tab" class="panel bg3">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="online-panel" style="display: block;">
<p>AQUI EL CODIGO</p>
</div>
<div id="stats-panel" style="display: none;">
<p>AQUI EL CODIGO</p>
</div>
<div id="iconos-panel" style="display: none;">
<p>AQUI EL CODIGO</p>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>