ConectarseRegistrarse
0

Temas

Monedas

Likes

0
Debes de estar Registrado y comentar para ver el enlace de descarga
Pulsa en Me Gusta para desbloquear contenidos ocultos y Agradecer por este aporte
Logros y Medallas obtenidos por

Temas Similares


Respuestas

avatar
Administrador
Administrador

Dalton
avatarDalton
Administrador
Ver perfil de usuario http://www.othispano.net
el Dom 06 Mayo 2012, 10:39 pm

Como pueden ver, en algunos foros se ha agregado un sistema de favoritos.
En este tutorial les enseñaré a crear algo similar.

Preview:


Activar los Favoritos:
Panel de Admin - General - Mensajes y Emails - Configuración
Autorizar la gestión de los favoritos : SI

Edición del template
Vamos a Panel de Admin - Visualización - Templates - General - overall_header y editamos haciendo clic en

Buscamos el siguiente código:
Código:
<div id="pun-head">
  <div id="pun-navlinks">
      <ul class="clearfix">
        <li>{GENERATED_NAV_BAR}</li>
Y colocamos justo debajo:
Código:
<li><img id="verfavoritos" src="http://i41.servimg.com/u/f41/16/71/63/22/001_1510.png" border="0"></li>
<div id="favdesplegado"><span class="contenedorfavoritos"></span><a href="/search?search_id=favouritesearch">Gestión de los Favoritos</a></div>

<script>                                                                   
$("#verfavoritos").click(function() {
  $("#favdesplegado").animate({
  right: parseInt($("#favdesplegado").css("right"))== 0 ?"-="+$("#favdesplegado").outerWidth() : 0
  },2000);
  $('.contenedorfavoritos').load('/search?search_id=favouritesearch .table tr:lt(10)');
});
</script>

CSS
Como último paso, vamos al css de nuestro foro y colocamos:
Código:
.contenedorfavoritos .posts {
text-align: center;
width: 200px;
padding-bottom: 10px;
}

#verfavoritos{cursor:pointer;}


.contenedorfavoritos .tc3{display:none}
.contenedorfavoritos .tc2{display:none}
.contenedorfavoritos .tc4{display:none}

#favdesplegado {
width: 200px;
position: fixed;
top: 0;
right:-205px;
height: 100%;
background: white;
z-index: 1;
border-left: 5px solid black;
text-align: center;
padding-top: 10px;
}

#favdesplegado .fav-icon{
padding-bottom: 10px;
width: 190px;
float: none;
display: block;
margin-bottom: 5px;
line-height: 25px;
background: #F2F2F2;
padding: 5px;
  height: 30px;
}

#favdesplegado td.fav-icon img {
float: left;
margin: 0;
}


#favdesplegado .fav-icon a.topictitle {
width: 150px;
height: 20px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 0 auto;
}


.contenedorfavoritos tr:first-child
{
display:none;
}

Un saludo! espero que les guste :D.

Creditos:
100% Tito.
Fuente: [Tienes que estar registrado y conectado para ver este vínculo]



Última edición por Falconn el Lun 28 Mayo 2012, 10:20 am, editado 1 vez

avatar
Usuario VIP
Usuario VIP

.Storm
avatar.Storm
Usuario VIP
Ver perfil de usuario
el Sáb 26 Mayo 2012, 11:43 am

Código creado por: Tito



avatar
Donador
Donador

Levi Bona'parteel Sáb 26 Mayo 2012, 1:30 pm

pdistes permiso antes de cojer este code que hizo tito? xD ya que te podrias meter en problemas saludos



avatar
Usuario VIP
Usuario VIP

Erudito™
avatarErudito™
Usuario VIP
Ver perfil de usuario http://web-support.foroactivo.com
el Jue 28 Jun 2012, 5:59 am

buen aporte



[Tienes que estar registrado y conectado para ver este vínculo]

LUCHAS CONTRA LAS BOMBAS MI CABALLERO
:4936: :4936: :4936: :4936: :4936: :4936:
avatar
Usuario
Usuario

Master Publicitarioel Jue 07 Mar 2013, 12:56 pm

ver


Contenido patrocinado
Contenido patrocinado

Permisos de este foro:
No puedes responder a temas en este foro.

 
Copyright © 2010 - 15-Tronos.net. All Rights Reserved.