Ícones nos membros automáticamente
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Ícones nos membros automáticamente
Qual é minha questão:
como coloca essa imagem automaticamente nos membros cadastrado
Medidas que eu tomei para corrigir o problema:
nenhuma
https://i.servimg.com/u/f49/17/49/70/99/sem_ta22.png
Links e imagens do meu problema:
https://i.servimg.com/u/f49/17/49/70/99/sem_ta22.png
Endereço do meu fórum:
http://campxboxlive.forumais.com/
Versão do meu fórum:
PHPBB3
como coloca essa imagem automaticamente nos membros cadastrado
Medidas que eu tomei para corrigir o problema:
nenhuma
https://i.servimg.com/u/f49/17/49/70/99/sem_ta22.png
Links e imagens do meu problema:
https://i.servimg.com/u/f49/17/49/70/99/sem_ta22.png
Endereço do meu fórum:
http://campxboxlive.forumais.com/
Versão do meu fórum:
PHPBB3
Última edição por viniciusmtn em 25/05/12, 05:07 pm, editado 1 vez(es)
Re: Ícones nos membros automáticamente
Leia o conteúdo do spoiler:
Resulta?
- Spoiler:
Ícones nos grupos automáticos
Neste tutorial, vamos aprender a personalizar nossos IDs de acordo com nossos grupos, adicionando uma imagem ou Neon em nosso ID automaticamente, dependendo do grupo que estivermos.--> Tutoriais <--
Ícones nos grupos automáticos
1º - Código a ser trabalhado:
Vamos entender o código que usaremos:a span[style="color:#57B300"], a[style="color: #FFA200"]{
background:url(IMAGEM-AQUI) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Azul: Imagem que você quer que apareça na frente de seu ID, referente ao grupo, recomendamos ícones de 15 pixels de alturas.
Verde: Aqui você deverá colocar a cor do grupo, mais abaixo ensinaremos onde consegui-la
Vermelho: Esse é o espaço entre o ícone e o ID, aumente esse valor, se você achar que estão muito próximos.
OBS: isso é muito importante para o funcionamento do código.
Note que na linha onde você adicionara a cor, digamos que na primeira classe entre color:#57B300 não a nem um espaço, sendo que na segunda classe a um espaço entre color: e a cor ex: color: #57B300 notarão o espaço, esse espaço deve ser mantido e preservado, para que o código funcione perfeitamente, lembrando que na primeira classe esse espaço não existe, e aparece apenas na segunda.
2º - Adquirindo a cor do Grupo:
Escolha o grupo em que você irá adicionar o icone, e clique em Modificar
a cor estará em 'Cor dos membros do grupo', copie essa cor, e cole no local correspondente no código.
Painel de Controle :azul: Usuários :azul: Grupos :azul Administração dos Grupos
3º - Inserindo o código CSS:
Vamos criar o CSS para suportar as funções do código, vá até.
Painel de controle :azul: Visualização :azul: Imagens e Cores :azul: Cores :azul: Folha de estilos CSS
E adicione o código que aprendemos acima.
4º - Efeito extra:
Já conseguimos adicionar um icone automático nos nossos IDS agora, vamos aprender a adicionar um efeito neon junto com o icone automáticos.
Para fazer o efeito neon, deverá adicionar este código no código trabalhado acima.
Roxo: Cor do Neon.text-shadow:0px 0px 5px #b300ff;
Ex: de como ficara o código com o Neona span[style="color:#57B300"], a[style="color: #FFA200"]{
background:url(IMAGEM-AQUI) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px
text-shadow:0px 0px 5px #b300ff;}
Para adicionar o código com o Neon, siga o tutorial citado no passo três(3).
Resulta?
Re: Ícones nos membros automáticamente
cara eu faço tudo certinho mais quando eu coloco validar o codigo css o nome vai um pouco pra frente e a imagem não aprece olha ai na imagem
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
Re: Ícones nos membros automáticamente
Olá!
Poderia colocar o código novamente em seu fórum e postar aqui o código configurado.
Até mais.
Poderia colocar o código novamente em seu fórum e postar aqui o código configurado.
Até mais.
Re: Ícones nos membros automáticamente
- Código:
[style="color:#00EEFF"],a[style="color:#00EEFF"]{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/user-o10.png)0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
a[href="/g1-administradores"] {
background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g2-moderadores"] {
background: url("http://i46.servimg.com/u/f46/14/56/85/28/dbobra10.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g3-coordenadores"] {
background: url("http://pt.beezzer.com/img/icone.chave_inglesa.gif") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g4-designers"] {
background: url("http://i42.servimg.com/u/f42/17/32/13/00/brush-10.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g5-membros"] {
background: url("http://i42.servimg.com/u/f42/17/32/13/00/user-o10.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g7-colaboradores"] {
background: url("http://i42.servimg.com/u/f42/17/32/13/00/ajuda10.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g6-banido"] {
background: url("http://i86.servimg.com/u/f86/11/66/91/15/cancel12.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
body {
background: url("http://i47.servimg.com/u/f47/15/27/47/75/mundog10.jpg") repeat-x scroll center top #1c1d1b;
}
/*Efeito nos Grupos*/
a[href="/g1-administradores"] {
text-shadow: 0px 0px 5px #ff0000;
}
a[href="/g2-moderadores"] {
text-shadow: 0px 0px 5px #00569C;
}
a[href="/g3-coordenadores"] {
text-shadow: 0px 0px 5px #bfb604;
}
a[href="/g4-designers"] {
text-shadow: 0px 0px 5px #000000;
}
a[href="/g5-membros"] {
text-shadow: 0px 0px 5px #066875;
}
a[href="/g7-colaboradores"] {
text-shadow: 0px 0px 5px #4c8a05;
}
a[href="/g6-banido"] {
text-shadow: 0px 0px 5px #94098b;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #ff0000;
}
a[href="/u5"] {
text-shadow: 0px 0px 5px #ff0000;
}
a:hover {
color:#ffffff;
text-shadow : 0px 0px 10px #000000;
}
#page-footer ul li a {
color: white;
}
a:visited {
color: #6E6F75;
text-decoration: none;
}
a:link {
color: #6E6F75;
text-decoration: none;
}
.icon-home {
background: url(http://i44.servimg.com/u/f44/15/64/80/11/bt-hom10.png);
background-position: top;
background-repeat: no-repeat;
color: transparent!important;
font-size: 0!important;
padding: 12px 12px 20px;
}
* {
margin: 0;
padding: 0;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
a[href ="http://elitegames.livreforum.com/u1"] {
color:#002bff;
}
a[href="/u1"]{
background:url(http://img338.imageshack.us/img338/5646/52502626.gif);
}
.lastpost {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 2px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:200px;height:150px}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#login {
overflow: visible;
height: auto;
-webkit-transition: margin-top 0.5s ease-in-out 0s;
-moz-transition: margin-top 0.5s ease-in-out 0s;
-o-transition: margin-top 0.5s ease-in-out 0s;
transition: margin-top 0.5s ease-in-out 0s;
}
/* Login Panel I */
#topp {
height: 38px;
position: relative;
}
#topp ul.login {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 150px;
color: white;
font-size: 80%;
text-align: center;
padding-right: 45px;
}
#topp ul.login li.left {
height: 38px;
width: 45px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#topp ul.login li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
}
#topp ul.login li a {color: #33CCCC;}
#topp ul.login li a:hover {color: white;}
/* Login Panel */
#topp {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_top.jpg) repeat-x 0 0;}
#topp ul.login {
background: url(http://img18.imageshack.us/img18/3017/loginrw.png) no-repeat right 0;}
#topp ul.login li.left {
background: url(http://img41.imageshack.us/img41/3439/loginlc.png) no-repeat left 0;}
#topp ul.login li {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/login_m.jpg) repeat-x 0 0;}
/*Login*/
/* toggle effect - show/hide login*/
#login {
background: #1E1E1E;}
#login .loginContent input:focus.field {
background: #545454;}
#login .loginContent{padding-top:0px;width:790px;height:100px;}
#login .loginContent input.button_login {
background: transparent url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_login.jpg) no-repeat 0 0;}
#login .loginClose a {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right 0;}
#login .loginClose a:hover {
background: url(http://web-kreation.com/demos/login_form_mootools_1.2/images/button_close.jpg) no-repeat right -20px;}
a.button1,a.button2,button.button2,input.button1,input.button2{-khtml-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;background-image:url(http://i44.servimg.com/u/f44/15/64/80/11/bt-bot10.png);background-position:top left;background-repeat:repeat;border-radius:5px;color:#000;font-family:comic sans ms;font-size:1em;padding:3px}a.button1:hover,a.button2:hover,button.button2:hover,input.button1:hover,input.button2:hover{-khtml-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;background-image:url(http://i44.servimg.com/u/f44/15/64/80/11/bt-bot11.png);background-position:top left;background-repeat:repeat;border-radius:5px;color:#000;font-family:comic sans ms;font-size:1em;padding:3px}
.img_list_hp {
border: 1px solid #ff0000;
padding: 0;
float: left;
color: #ffffff!important;
width: auto;
font-size: 11px;
text-align: center;
margin: auto 10px auto auto;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.img_list_hp:hover {
background-color: #8a8a8a;
}
.img_list_hp img {
padding: 8px 15px;
}
.img_list_hp span {
background-color: #ff0000;
color #ffffff;
display: block;
padding: 0 10px;
}
.img_list_hp a {
color: #ffffff!important;
text-decoration: none;
}
#img_list_alt {
background-image: url(http://i21.servimg.com/u/f21/11/81/27/88/arrow_10.png);
background-repeat: no-repeat;
background-position: 20px 0;
padding-top: 13px;
padding-left: 55px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #DDD;
border-radius: ;
padding: 3px 5px;
}
/* Body - Wrap - Headerbar - Logo - Descripcion */
#wrap {
background-color: #FFFFFF;
background-image: url("http://i46.servimg.com/u/f46/12/26/44/81/wrap11.gif"); repeat-y scroll 0 0 transparent;
background-repeat: repeat-x;
margin-bottom: 30px;
margin-top: -9px;
min-width: 700px;
padding: 5px 9px 5px;
width: 960px;
}
.headerbar { margin-top: 42px; }
#logo-desc p {
color: #A9A9A9;bottom left;text-align: left;
font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 12px;
position: relative;
top: -40px;left: -185px;
}
#logo {
display: inline;
float: left;
position: relative;
top: 1px;
left: 18px;
}
/* Fin */
/* Panel (Row General) */
.panel {
background-color: #F8f8f8;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #d1d1d1;
border-radius: 8px 8px 8px 8px;
}
/* PORTAL Y FOROS */
.forabg, .forumbg {
background-color: #FBFBFB;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
border-top: 0px solid #dddddd;
border-bottom: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-radius: 5px 5px 5px 5px;
}
.forabg span.corners-top span, .forumbg span.corners-top span {
background: #a2afb5 url("http://i44.servimg.com/u/f44/14/84/14/59/top10.png");
background-position: top;
height: 60px; }
.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
background: #636363 url("");
background-position: top;
border-bottom: 1px solid #c4c4c4;
height: 6px; }
.header{ padding-top: 1px; height: 55px; }
li.row {
border-bottom: 1px solid #cfcfcf;
border-top: 1px solid #cfcfcf;
position: relative; left: -5px;
width: 958px;
min-width: 750px;
}
.row {
background-color: #FBFBFB;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
left: -5px;
min-width: 750px;
position: relative;
width: 958px;
}
.module, .post {
background-color: #FBFBFB;
background-image: url("http://i62.servimg.com/u/f62/15/52/27/82/grey_u10.png");
background-position: center bottom;
background-repeat: repeat-x;
border-radius: 5px 5px 5px 5px;
border: 1px solid #cfcfcf;
}
.module span.corners-top, .post span.corners-top {
background: #a2afb5 url("http://i46.servimg.com/u/f46/12/26/44/81/top11.gif");
height: 35px; }
.module span.corners-bottom, .post span.corners-bottom {
background-color: #b13b00;
height: 5px; }
/* FONDO Y CONTORNO SEARCH - POP UP */
.overview { border: 1px solid #292929; background-color: #FFFFFF; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-left-radius: 5px; border-top-radius: 5px; }
#login_popup {
background-color: #FFFFFF;
}
/*-------------------PosT Perfil-------------------*/
.postprofile {
background-image: url('http://i22.servimg.com/u/f22/15/52/27/82/grey13.png');
background-repeat: repeat-x;
background-position: bottom;
background-color: #FAFAFA;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #cfcfcf;
text-align:center;
text-weight: bold;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
hr {
border: 0 none #dddddd;
border-top: 1px solid #dddddd;
margin-right: 10px;
}
#page-footer div.navbar{
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size:12px;
font-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
background-image:url(http://i46.servimg.com/u/f46/12/26/44/81/top11.gif);
background-repeat:repeat-x;
}
#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }
/*-------------------Navegacion-------------------*/
#page-header .navbar {
position: relative;
top: -111px;
background: none;
}
#page-header .navbar{position:absolute;top: 54px;padding-left: 280px;
width:805px;background:url() repeat-x ;height:20px;background-position: top center;
}
#i_icon_mini_index {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl25.png');
width: 71px;
height: 38px;right: 5em;
}
#i_icon_mini_index:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl26.png');
width: 71px;
height: 38px;right: 5em;
}
#i_icon_mini_portal {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl27.png');
width: 94px;
height: 38px;
}
#i_icon_mini_portal:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl28.png');
width: 94px;
height: 38px;
}
#i_icon_mini_faq {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl29.png');
width: 94px;
height: 38px;
}
#i_icon_mini_faq:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl30.png');
width: 94px;
height: 38px;
}
#i_icon_mini_search {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl31.png');
width: 94px;
height: 38px;
}
#i_icon_mini_search:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/untitl32.png');
width: 94px;
height: 38px;
}
#i_icon_mini_members {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros130.png');
width: 67px;
height: 19px;position:absolute;top: 56px;margin-right: 380px;right: 31em;
}
#i_icon_mini_members:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros131.png');
width: 67px;
height: 19px;position:absolute;top: 56px;margin-right: 380px;right: 31em;
}
#i_icon_mini_Link {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/link10.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 370px;right: 31em;
}
#i_icon_mini_Link_Rapido:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/link_210.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 370px;right: 31em;
}
#i_icon_mini_groups {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos10.gif');
width: 56px;
height: 19px;position:absolute;top: 56px;margin-right: 310px;right: 31em;
}
#i_icon_mini_groups:hover {
background-image: url('http://i46.servimg.com/u/f46/12/26/44/81/grupos11.gif');
width: 56px;
height: 19px;position:absolute;top: 56px;margin-right: 310px;right: 31em;
}
#i_icon_mini_profile {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros132.png');
width: 59px;
height: 19px;position:absolute;top: 56px;margin-right: 235px;right: 31em;
}
#i_icon_mini_profile:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros133.png');
width: 59px;
height: 19px;position:absolute;top: 56px;margin-right: 235px;right: 31em;
}
#i_icon_mini_message {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros134.png');
width: 128px;
height: 19px;position:absolute;top: 56px;margin-right: 92px;right: 31em;
}
#i_icon_mini_message:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros135.png');
width: 128px;
height: 19px;position:absolute;top: 56px;margin-right: 92px;right: 31em;
}
#i_icon_mini_logout {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros136.png');
width: 93px;
height: 19px;position:absolute;top: 56px;margin-right: 105px;right: 21em;
}
#i_icon_mini_logout:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros137.png');
width: 93px;
height: 19px;position:absolute;top: 56px;margin-right: 105px;right: 21em;
}
#i_icon_mini_login {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros138.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 125px;right: 31em;
}
#i_icon_mini_login:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros140.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 125px;right: 31em;
}
#i_icon_mini_register {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros140.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 218px;right: 31em;
}
#i_icon_mini_register:hover {
background-image: url('http://i44.servimg.com/u/f44/17/14/14/34/foros141.png');
width: 77px;
height: 19px;position:absolute;top: 56px;margin-right: 218px;right: 31em;
}
/*-------------------Search box-------------------*/
#search-box #keywords {
width: 121px;
background: url(http://i46.servimg.com/u/f46/12/26/44/81/search10.gif) no-repeat;
height: 22px;
padding: 2px;
padding-bottom: 6px;position: relative;
padding-right: 10px;right: -10px;color: #2b2b2b;
font-size: 11px;
}
#search-box{
margin-right: -71px;
position: relative;
bottom: 40px;}
#search-box input {border: 1px;}
#search-box input.button2 {
color: transparent;
background: url(http://www.completevb.com/demovb4/images/styles/GamerBlue/buttons/search.png) no-repeat;
height: 19px;
width: 26px;
padding-left: 2px;
padding-right: 190px;
padding-bottom: 18px;
margin-bottom: -1px;
position: relative;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
right: -5px;bottom: 4px;
}
/* CHAT BOX */
#chatbox_header{background-image: url(http://i46.servimg.com/u/f46/12/26/44/81/top11.gif);}
/* Chatbox-------------------------------------------------*/
body.chatbox {background-image: none;}
.chatbox {background-color: #FAFAFA;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image: url(http://i46.servimg.com/u/f46/12/26/44/81/top11.gif);}
.chatbox-title,.chatbox-title a.chat-title {color: #FAFAFA !important; }
.chatbox-title {float: left;margin: 0;padding: 2px 5px 0 5px;width: 15em;}
.chatbox-options {float: right;list-style: none;font-size: 11px;margin: 0.7em 0.5em 0.5em 0.5em;}
.chatbox-options li {display:inline;}
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {color: #FAFAFA; font-weight: bold;}
#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}
#chatbox_members .member-title {text-align: center;padding: 0.5em 0.25em;background-image: none;font-size: 12px;background-color: #fca714;color : #417394;font-family: "Segoe UI", Tahoma, Geneva, sans-serif;}
#chatbox_members ul {list-style: none;margin: 0 0 0 1em;}
#chatbox_members ul li {margin: 0.5em 0.5em 0.5em 0;}
#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}
.chatbox_row_3 {padding: 4px;background-color: #0075c6;}
.memberlist_row_1 {background-color: #ffffff;}
#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 5px;}
#chatbox_footer label {color: #FAFAFA; font-weight: bold;}
#chatbox_footer .fontbutton{
padding: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: 1px solid #c2d2df;}
#message,#submit_button{border-width: 1px;}
.fontbutton {padding: 1px;cursor: pointer;text-align: left;}
.fontbutton_normal {background: #E1E1E2;}
.fontbutton_selected {background: #BBC7CE;border: 1px solid #22229C;}
.fontbutton_clicked {background: #959595;border: 1px solid #22229C;}
.fontbutton_hover {background: #E1E1E2;border: 1px solid #22229C;}
#chatbox_contextmenu {border: 2px solid black;background-color: #384c56;}
#chatbox_contextmenu p {margin:0;padding: 1px 4px;font-family: verdana, arial, sans-serif;background: #ffffff;border-bottom:1px solid #777;}
#chatbox_contextmenu p.hover {background: #ffffff;}
#chatbox_contextmenu p.close {background: #ddd;padding: 1px;font-size: 95%;color:#fff;background: url('');}
#chatbox_contextmenu p.close img {vertical-align: middle;padding-left: 20px;}
#chatbox_contextmenu a {color: #417394; text-decoration: none; font-size: 95%;}
#chatbox_contextmenu a:hover {color: ;}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}
fieldset.polls {
background-image: url("http://cdn2.iconfinder.com/data/icons/webapp/PNG-32/Pie%20Chart.png");
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox .user {font-weight: bold;}
#chatbox {background-image: url(http://i46.servimg.com/u/f46/12/26/44/81/chat11.gif)}
* html #chatbox-members { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
* html #chatbox { /* IE expressions helping IE work in Standards mode */height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");}
* html #chatbox-footer {/* IE expressions helping IE work in Standards mode */width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");}
Re: Ícones nos membros automáticamente
Olá!
Eu não me refiro a todo o seu CSS personalizado, mas somente ao código do tutorial "Ícones nos grupos automáticos" configurado por você. Poderia passar esse código?
Alem disso, eu verifiquei e esse código que você me passou não está em seu fórum.
Até mais.
Eu não me refiro a todo o seu CSS personalizado, mas somente ao código do tutorial "Ícones nos grupos automáticos" configurado por você. Poderia passar esse código?
Alem disso, eu verifiquei e esse código que você me passou não está em seu fórum.
Até mais.
Re: Ícones nos membros automáticamente
foi mal esse e meu outro forum cara esta aqui o codigo
- Código:
[style="color:#00EEFF"],a[style="color:#00EEFF"]{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/user-o10.png)0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Re: Ícones nos membros automáticamente
[style="color:#00EEFF"],a[style="color: #00EEFF"]{
background:url(https://i.servimg.com/u/f42/17/32/13/00/user-o10.png)0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Você não leu o tutorial... Se você ver, vai ver que no tutorial fala que é "proibido" remover o "espaço" que à nesta parte do código:
No começo, na cor hexadecimal #NÚMERO, deverá editar para a cor do GRUPO do usuário
[style="color:#00EEFF"]
Cor dos membros do grupo : Aqui ficará o código da cor hexadecimal para editar na 1º parte do código!
background:url(https://i.servimg.com/u/f42/17/32/13/00/user-o10.png)0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Você não leu o tutorial... Se você ver, vai ver que no tutorial fala que é "proibido" remover o "espaço" que à nesta parte do código:
- Código:
a[style="color:#00EEFF"]
No começo, na cor hexadecimal #NÚMERO, deverá editar para a cor do GRUPO do usuário
[style="color:#00EEFF"]
Painel de controle Grupos Administração dos Grupos Escolha o grupo que deseja aplicar o efeito e clique em
Cor dos membros do grupo : Aqui ficará o código da cor hexadecimal para editar na 1º parte do código!
Re: Ícones nos membros automáticamente
cara msm assim não foi olha o codigo que eu coloquei
- Código:
a span[style="color:#00EEFF"], a[style="color: #00EEFF"]{
background:url(http://i42.servimg.com/u/f42/17/32/13/00/user-o10.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Re: Ícones nos membros automáticamente
Tente este código:
Não edite nada. Apenas a parte de "IMAGE-AQUI" que deve adicionar uma pequena imagem que ficará ao lado do nome do usuário.
Código pronto:
Caso o código funcione, para adicionar em outros grupos apenas edite isto:
Negrito: Cor do grupo
E é claro, a parte da "IMAGEM-AQUI".
Imagens no tamanho máximo de 18x16px.
- Código:
a span[style="color:#00EEFF"], a[style="color: #FFA200"]{
background:url(IMAGEM-AQUI) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Não edite nada. Apenas a parte de "IMAGE-AQUI" que deve adicionar uma pequena imagem que ficará ao lado do nome do usuário.
Código pronto:
- Código:
a span[style="color:#00EEFF"], a[style="color: #FFA200"]{
background:url(http://2img.net/i/fa/admin/couronne.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Caso o código funcione, para adicionar em outros grupos apenas edite isto:
a span[style="color:#00EEFF"]
Negrito: Cor do grupo
E é claro, a parte da "IMAGEM-AQUI".
Imagens no tamanho máximo de 18x16px.
Re: Ícones nos membros automáticamente
Olá Vinicius.
Tenho o que você procura:
Cole esse código na sua folha CSS.
É importante compreender que o grupo será identificado pela cor. Para isto, mude o campo - #000099 - com a cor do grupo que deseja ter a imagem na frente.
O campo - https://2img.net/i/fa/admin/couronne.png - é onde colocará a respectiva imagem.
Abraços...
Tenho o que você procura:
- Código:
a span[style="color:#000099"]{padding-left:17px;padding-top:2px;padding-bottom:2px;background-image:url('http://2img.net/i/fa/admin/couronne.png');
background-position: 0 1;background-repeat:no-repeat;}
Cole esse código na sua folha CSS.
É importante compreender que o grupo será identificado pela cor. Para isto, mude o campo - #000099 - com a cor do grupo que deseja ter a imagem na frente.
O campo - https://2img.net/i/fa/admin/couronne.png - é onde colocará a respectiva imagem.
Abraços...
Tópicos semelhantes
» Contagem de membros diminuiu automaticamente
» Membros adicionados em grupos automáticamente
» Membros registrados amigos dos admins automaticamente
» Adicionar rank automaticamente a membros de um grupo específico
» Como colocar emblema de membros para membros do meu forum?
» Membros adicionados em grupos automáticamente
» Membros registrados amigos dos admins automaticamente
» Adicionar rank automaticamente a membros de um grupo específico
» Como colocar emblema de membros para membros do meu forum?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos