LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

Estadísticas
Tenemos 2351 miembros registrados.
El último usuario registrado es sukerwold.

Nuestros miembros han publicado un total de 41211 mensajes en 3358 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


1 Barra de Facebook (punbb) el Lun Dic 05, 2011 5:26 pm

Hola a todos! Hoy les voy a mostrar un nuevo código (hecho en punbb, funciona en otras versiones pero puede llegar a tener ciertos errores) el cual da como resultado:



Pueden colocarlo en los anuncios, para que se vea en todas las páginas del foro.
Para eso deben ir a: Panel de Admin - General - Mensajes y Emails - Anuncios.

En opciones generales de los anuncios:
Activar los anuncios: SI
Mostrar los anuncios: Todas las Páginas
Scroll: Desactivar

Luego crean un nuevo anuncio haciendo click en y en "Contenido" colocan el siguiente código:

Código:
<html>
<head><style>
.avatarblock img{width:23px;height:23px;}

.nombreuser {
line-height: 30px;
color: #D8DFEA;
font-weight: bold;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
float: left;
text-decoration: none;
}

.hovava:hover{text-decoration: none;}

#tabla100{
   background-color: #3B5998;
width: 100%;
z-index: 300;
position:fixed;
left:0;
top:0;
border-bottom: 1px solid #133783;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .52);
height: 37px;
}

#pagelogo11:hover {
background: #4B67A1;
}

#pagelogo11 {
font-family: “Lucida Grande”, “Lucida Sans Unicode”, sans-serif;
font-size: 17px;
font-weight: 900;
-webkit-text-stroke: .1px white;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 5px;
line-height: 31px;
float: left;
text-transform: uppercase;

padding-left: 4px;
padding-right: 4px;
margin-top: 6px;
}

.hovava:hover{background: #4B67A1;}
#pagelogo11 a{
text-decoration:none;
color:#fff;
}

#tabla100 ul{
list-style:none;
   margin:0;
   padding:0;
}

#tabla100 li{
line-height: 40px;
margin:2px;
   padding:2px;
   float:left;
}

#nav div{
float: left;
margin-top: 6px;
}

#nav div:hover{background:#4b67a1;}

#keywordss11 {
background:#fff;
width: 320px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
height: 20px;
padding-left: 5px;
border: solid 1px #294A8F;
margin-left: 5px;
color: #777;
}

.botonnnn {
background-repeat: no-repeat;
background-position: -81px -38px;
background-color: white;
height: 22px;
position: relative;
right: 1px;
width: 22px;
background-image: url(http://static.ak.fbcdn.net/rsrc.php/v1/yJ/r/vOykDL15P0R.png);
border: solid 1px #294A8F;
border-left: 0;
}
</style></head>
<body><div id="tabla100"><div style="
    margin: 0 auto;
    width: 900px;
    height: 38px;
    position: relative;
">
<span id="pagelogo11"><a href="/forum" title="Inicio">webDesign</a></span><div id="nav">
   <div><a href="/profile?mode=editprofile&page_profil=friendsfoes"><img src="http://i.imm.io/cuOU.png"></a></div>
   <div><a href="/privmsg?folder=inbox"><img src="http://i.imm.io/cuOP.png"></a></div>
   <div><a href="/portal"><img src="http://i.imm.io/cuOT.png"></a></div>
</div>
<span class="busqueda" style="
    float: left;
"><form method="get" action="/search.forum" id="search"><p style="margin-top: 10px;"><input type="text" name="search_keywords" id="keywordss11" maxlength="128" class="inputbox search" value="Buscar..." onclick="if (this.value == 'Buscar...') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar...';"><input class="botonnnn" type="submit" value=" "></p></form>
</span><a href="/profile?mode=editprofile"><div class="hovava" style="
    position: relative; 
    top: 4px; 
    margin-right: 130px;
    width: auto;
    float: right;
    padding: 1px;
    padding-right: 4px;
"><span class="avatarblock" style="float: left;
    border: solid 1px #294A8F;  border-top: solid 1px #123682;  -webkit-border-radius: 2px;  height: 23px;  margin: 3px 5px 3px 3px;  width: 23px;
"></span>
<span class="nombreuser">{USERNAME}</span>
</div></a></div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
jQuery(document).ready( function() {
jQuery(".avatarblock").load("/profile?mode=editprofile&page_profil=avatars .frm-set dd:eq(0) img ");
});
</script>
</body>
</html>

Ustedes son libres de modificarlo a su gusto, cambiarle el color o lo que deseen.
Recuerden que si tienen una duda de cómo hacer algo, deben ir a la sección de soporte.

Un Saludo.



Última edición por Bazinga el Jue Ene 05, 2012 6:52 am, editado 1 vez

Ver perfil de usuario http://www.webdesignforo.net

2 Re: Barra de Facebook (punbb) el Mar Dic 06, 2011 12:39 am

Me encanta muy buen post , lo pondré en mi foro! ^^

Ver perfil de usuario http://www.designforum.foroactivo.com/

3 Re: Barra de Facebook (punbb) el Miér Dic 21, 2011 7:30 pm

Lástima que es para PunBB, pero igual, a alguien le servirá, gracias Encantado

Ver perfil de usuario

4 Re: Barra de Facebook (punbb) el Jue Dic 22, 2011 2:32 am

O.0 Esta muy buena gracias por el aporte xD

Ver perfil de usuario http://animepng.blogspot.com

5 Re: Barra de Facebook (punbb) el Mar Dic 27, 2011 9:53 pm

jajaj buen aporte xD me gusta mucho.

Ver perfil de usuario http://www.aikayweb.activo.ws

6 Re: Barra de Facebook (punbb) el Jue Dic 29, 2011 2:01 pm

Me encanta!



Última edición por Stasko el Mar Feb 28, 2012 6:50 pm, editado 1 vez

Ver perfil de usuario http://www.webdesignforo.net/

7 Re: Barra de Facebook (punbb) el Jue Feb 02, 2012 2:29 am

Muchas gracias!
Aun que se podrian logar cosas mas sorprendentes;)

Ver perfil de usuario

8 Re: Barra de Facebook (punbb) el Mar Feb 07, 2012 12:36 am

Es igualito muchas Gracias!

Ver perfil de usuario http://graphicsowt.el-foro.net/forum

9 Re: Barra de Facebook (punbb) el Mar Mayo 08, 2012 7:55 am

posteo para ver el unico problema es el avatar pero lo demas si ;D

Ver perfil de usuario http://kcss.foroac.com/forum

10 Re: Barra de Facebook (punbb) el Mar Mayo 08, 2012 12:23 pm

se ve genial! buen aporte ^^

Ver perfil de usuario

11 Re: Barra de Facebook (punbb) el Mar Ago 07, 2012 7:31 am

ver xD

Ver perfil de usuario

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

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