Staff en línea
Últimos temas
[widget] Panel de Usuario en el Índice Origin10[Ocio]El confesionario Digital
por Chalo Vie Mar 27, 2020 10:14 am

[widget] Panel de Usuario en el Índice Origin10Utiliza Android en tu pc de forma nativa
por Fibo Jue Mar 26, 2020 8:38 pm

[widget] Panel de Usuario en el Índice Origin10[Ocio] Contemos hasta el 5000
por Chalo Jue Mar 26, 2020 11:33 am

[widget] Panel de Usuario en el Índice Origin10[Publicidad] Alfa Gamer
por YoshiGM Dom Mar 22, 2020 11:49 am

[widget] Panel de Usuario en el Índice
Tema iniciado por y Añadir a favoritos

[widget] Panel de Usuario en el Índice 
el Dom Feb 28, 2016 5:18 pm
staff
[codebox]Gracias a este código pueden añadir un panel de usuario en sus foros como lo tiene el foro de soporte inglés. Este código fué creado por Ange Tuteur.[/codebox]

[hidecode]
Código:
<style type="text/css">#userProfile { font-size:11px; position:relative; margin-top:30px; margin-bottom:10px; padding:3px; }
#userProfile .leftCol { float:left; text-align:center; width:20%; }
#userProfile .rightCol { float:left; width:25%; }
#userName {
    background: #C8FFCA;
    color: #288809;
    font-weight: bold;
    font-family: "Trebuchet MS", Verdana, Arial, Sans-serif;
    border-radius: 3px 3px 0 0;
    position: absolute;
    left: 3px;
    top: -18px;
    padding: 0 12px;
    line-height: 18px;
}
#userName span { font-weight:normal }
#userAvatar img {
    max-width: 105px;
    margin-top: 2px;
    border: 1px solid #45C71A;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #1EA015;
}
#userAvatar { display:inline-block; overflow:hidden; min-height:100px; min-width:100px; }
#userProfile .title {
    color: #4BBB26;
    font-weight: bold;
    border-bottom: 1px solid #4ED222;
    padding-bottom: 3px;
    margin-bottom: 3px;
    width: 90%;
}
#userProfile .statLabel { display:inline-block; width:85px; font-weight:bold; text-align:right; margin-right:6px; }</style><script type="text/javascript">// <![CDATA[
(function(J, U, L) {
  var main = document.getElementById('main-content'),
      homepage = J('.introduction', main)[0],
      profil;
 
  if (U.session_logged_in) {
    profil = document.createElement('DIV');
    profil.id = 'userProfile';
    profil.className = 'panel introduction';
    profil.innerHTML = '<div id="userName"><span>Conectado Como </span>' + U.username + '</div><div class="leftCol"><span id="userAvatar">' + U.avatar + '</span></div><div class="rightCol"><div class="title">General</div><div><span class="statLabel">Rango : </span>' + L.rank_title + '</div><div><span class="statLabel">' + L.Posts + ' : </span>' + U.user_posts + '</div><div><span class="statLabel">' + L.PMs + ' : </span>' + U.user_nb_privmsg + '</div><div><span class="statLabel">' + L.Reputation + ' : </span>' + U.point_reputation + '</div></div><div class="rightCol"><div class="title">Perfil</div><div><a href="/u' + U.user_id + '">' + L.See_my_profile + '</a></div><div><a href="/profile?mode=editprofile">' + L.Edit_profile + '</a></div><div><a href="/privmsg?folder=inbox">' + L.All_PMs + '</a></div><div><a href="/profile?mode=editprofile&page_profil=notifications">' + L.Notif_see_all + '</a></div></div><div class="rightCol"><div class="title">Buscar</div><div><a href="/sta/' + U.username + '">' + L.All_Topics + '</a></div><div><a href="/spa/' + U.username + '">' + L.All_Messages + '</a></div><div><a href="/search?search_id=watchsearch">' + L.js_topics_followed + '</a></div><div><a href="/search?search_id=newposts">Ver post nuevos</a></div></div><div class="clear"></div>';
    main.insertBefore(profil, homepage);
  }
  // par ange tuteur
})(jQuery, _userdata, _lang);
//]]>
[/hidecode]

Resultado:
[widget] Panel de Usuario en el Índice Sx0tg4

En el código están los códigos CSS que pueden personalizar al gusto. Están verdes en esta ocasión pero ustedes pueden poner todo a su preferencia. ;)
YoshiGM
YoshiGM

¿Que estoy pensando? :

Iniciando Nuevo Proyecto! ;3 [table class=fecha_up][td]Se modifico:22/03/20 - 10:44 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1287


Puntos :

1714


Me gusta :

255


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Dom Feb 28, 2016 5:55 pm
a ver esto como es [widget] Panel de Usuario en el Índice 2708653269
Himnoshistoricos
Himnoshistoricos

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://c2.staticflickr.com/2/1445/25839638916_404acbe82c_b.jpg


Color de titulos :

#fff


Sombra titulo :

0 1px #000


Mensajes :

515


Puntos :

678


Me gusta :

97


ingreso :

04/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

firefox


http://www.niunpasoatras.org/

Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Dom Feb 28, 2016 7:42 pm
staff
Tienes una vista previa en el tema sin problemas..Me costó mucho encontrar el código en un principio pero un usuario lo pidió y Ange lo publicó lol..
YoshiGM
YoshiGM

¿Que estoy pensando? :

Iniciando Nuevo Proyecto! ;3 [table class=fecha_up][td]Se modifico:22/03/20 - 10:44 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1287


Puntos :

1714


Me gusta :

255


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Lun Feb 29, 2016 10:15 pm
seve bien boy a provarlo muchas gracias
rokitx
rokitx

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://www.profilebrand.com/images/facebook-cover/4342-loading-90-percent-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

72


Puntos :

76


Me gusta :

4


ingreso :

18/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Miér Mar 02, 2016 2:12 pm
staff
Vamos a ver que se puede hacer con el jejejeje Gracias Yoshi
Athan
Athan

¿Que estoy pensando? :

Athan [table class=fecha_up][td]Se modifico:8/03/16 - 10:55 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi68.tinypic.com/2dr5nit.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

205


Puntos :

279


Me gusta :

52


ingreso :

10/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


http://www.indiosrojiblancos.net/

Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Jue Ene 18, 2018 8:50 am
voy a probar este code
yeisergs
yeisergs

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

31


Puntos :

40


Me gusta :

7


ingreso :

18/01/2018


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Miér Ene 31, 2018 9:36 am
No me ha quedado claro cómo se vería este widget, así que voy a probarlo.

Muchas gracias por el aporte.
Szao
Szao

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

11


Puntos :

16


Me gusta :

5


ingreso :

29/01/2018


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Vie Feb 02, 2018 9:16 pm
staff
Es un panel de control en el índice.. pueden acceder a sus opciones de perfil, mensajes rango etc
YoshiGM
YoshiGM

¿Que estoy pensando? :

Iniciando Nuevo Proyecto! ;3 [table class=fecha_up][td]Se modifico:22/03/20 - 10:44 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1287


Puntos :

1714


Me gusta :

255


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Lun Sep 23, 2019 12:21 am
Comento para ver el códe! Gracias de todas maneras
iRodrigo
iRodrigo

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

145


Puntos :

178


Me gusta :

11


ingreso :

06/09/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://lucianomicle.foroactivo.com/

Volver arriba Ir abajo

Re: [widget] Panel de Usuario en el Índice 
el Jue Oct 10, 2019 6:46 pm
Comento para poder ver el codigo, lo probare aunque la imagen de muestra no se ve :v
Shura
Shura

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

22


Puntos :

25


Me gusta :

1


ingreso :

10/10/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

 En la misma categoria


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