SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

avatar

Designer Grafico

em Dom 13 Maio 2012, 11:15 am

Qual é minha questão:
Queria saber como por imagens no grupo e quando o membro entrar no grupo a imagens ser colocada automaticamente, igual aqui no SP-Designer.

Imagens do que to falando: http://img194.imageshack.us/img194/5527/semttulochb.png

Imagem do meu problema:


Endereço do meu fórum:
http://narutosupremext.forumeiros.com/forum

Versão do meu fórum:
PUNBB

avatar

Pro
Admin
Actif

em Dom 13 Maio 2012, 12:15 pm

Veja este tutorial...

[Tutorial] Ícones nos grupos automáticos

Ícones nos grupos automáticos:
Í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 sobre Programação
Í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 altura, poderá consegui-los em nossa área de pedidos Gráficos
Verde: Aqui você devera colocar a cor do grupo, mais abaixo ensinaremos onde colegui-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 ok...

2- Adquirindo a cor do Grupo
Painel de Controle Seta Usuários Seta Grupos Seta Administração dos Grupos
Escolha o grupo em que você ira 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...



3- Inserindo o código CSS:
Vamos criar o CSS para suportar as funções do botão, vá até.
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

E adicione o código que aprendemos acima...

4- Efeito extra:
A mais quero adicionar um Neon para o grupo, para que meu ID tenha seu próprio Neon...
Então adicione o código abaixo em seu código, entre as chaves {codigo}
text-shadow:0px 0px 5px #b300ff;
Roxo: Cor do Neon
Ex: de como ficara o código com o Neon
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
text-shadow:0px 0px 5px #b300ff;}

5- O resultado final:


----------------------------------------------------------------------------

© SP-Design & Cyllaz

Se tiver alguma dúvida relacionada com este tutorial, crie um tópico com o seguinte título:
[Dúvida] Ícones nos grupos automáticos

avatar

Designer Grafico

em Dom 13 Maio 2012, 12:20 pm

Se puder, você poderia me passar a imagem do icone de administrador, moderador e membros?


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

Pro
Admin
Actif

em Dom 13 Maio 2012, 12:37 pm

O de Administrador eu passo, pois é da Forumeiros, agora os outros ícones, gostaria que você pedisse os seus na área de pedidos Gráficos, que nossos designers criarão para você ok...
Vamos todos ter fóruns únicos e diferentes ^^
Administrador:
http://spdesign.ativoforum.com/u1

avatar

Designer Grafico

em Dom 13 Maio 2012, 12:38 pm

Ok, obrigado!


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

Designer Grafico

em Dom 13 Maio 2012, 12:41 pm

Cyllaz, voce postou o link da sua ficha de personagem e nao da imagem, Xd


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

Pro
Admin
Actif

em Dom 13 Maio 2012, 12:49 pm

Me desculpe ^^

http://illiweb.com/fa/admin/couronne.png

avatar

Designer Grafico

em Dom 13 Maio 2012, 12:52 pm

Eu segui o tutorial mas não deu certo o codigo!


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

Pro
Admin
Actif

em Dom 13 Maio 2012, 12:58 pm

poste aqui o código que você usou, para ver se não á erros...

avatar

Designer Grafico

em Seg 14 Maio 2012, 7:06 am

Código:
a span[style="color:#1DC9CF"], a[style="color: #FFA200"]{
background:url(http://illiweb.com/fa/admin/couronne.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

Pro
Admin
Actif

em Seg 14 Maio 2012, 9:14 am

Esta exatamente como deveria estar...
o que deu errado ?

avatar

sou nível 16

em Seg 14 Maio 2012, 9:49 am

Coloque o codigo no final do seu css se não resultar coloque no inicio.

avatar

Designer Grafico

em Ter 15 Maio 2012, 7:44 am

Shion, fiz como você mandou mas não resultou!


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

sou nível 16

em Ter 15 Maio 2012, 8:06 am

passe sua folha de estilo css.

avatar

Designer Grafico

em Ter 15 Maio 2012, 8:10 am

Código:
a span[style="color:#1DC9CF"], a[style="color: #FFA200"]{
background:url(http://illiweb.com/fa/admin/couronne.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}

/* BODY------------------------------------------------------*/

#container{
z-index: -1;
padding: 0px 10px;
width: 920;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body10.png) repeat-y center;
margin-top: 0px !important;}

.pun{
padding-top: 0px;
padding-right: 20px;
padding-left: 20px;}

#container {
width: 900px;
margin: 0 auto;
padding-bottom: 30px;}

/* BODY-END------------------------------------------------------*/




/* HEADER------------------------------------------------------*/

#pun-intro{background: transparent url(http://i1271.photobucket.com/albums/jj633/winer-netinho/rank2-1.png) no-repeat center;
height: 343px;}

#pun-title{
display: inline !important;
color: white;
position: absolute;
top: 30px;
float: left !important;
text-align: left !important;
font-size: 30px;
font-weight: bold;
text-shadow: black 1px 1px 5px;
margin-left: 30px;}

#pun-desc{
display: inline !important;
color: white !important;
position: absolute;
top: 50px;
float: left !important;
text-align: left !important;
text-shadow: black 1px 1px 5px;
margin-left: 35px;}

#pun-logo {margin-top: 113px;
margin-left: -4px;}

#pun-head #pun-navlinks{
border-top: 2px solid #a71d02;
border-bottom: 2px solid #a71d02;
background: #a71d02;
height: 25px;
margin-top: -16px;
margin-bottom: -4px;
width: 920px;
padding: 0px;}

#pun-head #pun-navlinks li a{
margin: 0 0px 0 0;
color: white;
font-weight: bold;
position: relative;
top: 3px;
text-shadow: black 1px 1px 5px;
padding-right: 5px;
padding-left: 5px;
font-size: 12px;}

#pun-navlinks ul {text-align: center;}

#pun-head #pun-navlinks li a:hover{
text-shadow: black -1px -1px 3px;
text-decoration: none;
height: 29px;
background: #831702;
padding: 5px;
padding-top: 10px;
padding-bottom: 12px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}

#pun-head #pun-navlinks a[href="/profile.forum?mode=register"]{background: #831702;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 5px;
padding-top: 10px;
padding-bottom: 12px;
border: 2px solid white;
-moz-box-shadow: 0px 0px 5px #0c0c0c;
-webkit-box-shadow: 0px 0px 5px #0c0c0c;
box-shadow: 0px 0px 5px #0c0c0c;}

#i_icon_mini_new_message{margin-bottom: -5px;}

#hitskin_preview {display: none!important; height:0px!important; } * html #hitskin_preview { display:none!important; height:0px!important;}

/* HEADER-END------------------------------------------------------*/




/* TABLES------------------------------------------------------*/

.pun table a:hover{text-shadow: #c2c2c2 -1px -1px 0px;}

.frm-form, fieldset.frm-set{
margin: 0px !important;
margin-top: 5px !important;}

.pun table td.tcl .status img{margin-left: -10px;}

.pun .main-foot .h2,.options,.main-head,.main .main-head .page-title,.main .main-head .page-title a,#ucp .main-head,.main-head a {color: white !important;}

.main .main-head {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/catbg210.png) no-repeat center;
text-align: center;
height: 30px;
color: white;
font-family: arial !important;
font-size: 15px !important;
font-weight: bold !important;
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: -5px;
margin-top: 5px;}

.main .main-head .page-title, .main .main-head{
color: white;
font-family: arial !important;
font-size: 15px !important;
font-weight: bold !important;
text-shadow: #000000 1px 1px 5px;}

.pun .main-head h2, .pun .main-head h3, .pun .main-head th{color: white;
font-family: arial !important;
font-size: 15px !important;
font-weight: bold !important;
text-shadow: #000000 1px 1px 5px;}

.pun table.table {
width: 880px;
margin-left: 10px;
padding: 0px;
border: 2px solid #5f2626;
border-top: none;
background: #f1eff1;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
border-collapse: separate;
margin-bottom: 10px;}

.pun table.table th{border-bottom: 1px dashed #5f2626;
background: #ededed;}

.pun table.table td {
border: none !important;
background: none !important;}

.tc2, .tc3{font-size: 20px;
font-family: georgia;
color: #9e9595;
text-shadow: white 1px 1px 1px;}

fieldset.frm-set .tc2, fieldset.frm-set tc3, .frm-form .tc2, .tc2 a, .tc3 a{font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #333333;}

.table{margin-bottom: 0px !important;}

.frm-form{background: none !important;}

/* TABLES-END------------------------------------------------------*/




/*OTHER-BOXES------------------------------------------------------*/
#pun-visit{border: none;
background: none;}

.main-content {
border: none !important;
background: none !important;}

#pun-announcement{border: 2px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}

#pun-announcement{margin-top: 3px;}

.main-box .right{display: none;}

.main-box{
display: inline-block !important;
border: none;
background: none;}

#login_popup{border: 2px solid #5f2626;}

#fa_ticker_block{background: url(http://i66.servimg.com/u/f66/11/96/49/61/body10.png) repeat-y center;
margin-bottom: -4px;
margin-top: 4px; }


#fa_ticker_block .module{background: #fbfbfb !important;
width: 890px !important;
margin-left: 11px !important;}

/*OTHER-BOXES------------------------------------------------------*/




/*WHO IS ONLINE BOX------------------------------------------------------*/

#pun-info {border: 2px solid #5f2626;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f1eff1;
margin: 0px !important;}

#stats, #onlinelist{background: none !important;}

#onlinelist .right{
padding: 5px;
padding-right: 3px;
font-family: arial !important;
font-size: 16px !important;
font-weight: bold !important;
border: 2px solid #cccccc;
border-right: none;
margin-right: -12px;
-moz-border-radius: 6px 0px 0px 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
background: #F4F4F4 url(http://i66.servimg.com/u/f66/11/96/49/61/globe10.png) no-repeat left;
padding-left: 37px;}

#onlinechat{background: none;}

/*WHO IS ONLINE BOX-END------------------------------------------------------*/




/*LEGEND------------------------------------------------------*/

ul#pun-legend li img{
background: url(http://i.imgur.com/fSWEt.png) no-repeat left;
padding-left: 19px;
margin-bottom: -25px;}

ul#pun-legend{
padding-top: 5px;
height: 62px;
margin-top: -2px;
background: url(http://i60.servimg.com/u/f60/13/40/91/61/legend10.png) no-repeat top center;}


/*LEGEND FROM TOPICS LIST------------------------------------------------------*/

ul.pun-legend {
background: none;
padding: 15px;
margin-top: -32px;
border: 2px solid #5f2626;
border-top: 0px;
background: #f1eff1;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;}

ul.pun-legend img{background: url(http://i66.servimg.com/u/f66/11/96/49/61/iconbg10.png) no-repeat left;
padding-left: 10px;}

.pun .main-head a.exthelp,.pun .main-head a.exthelp:link,.pun .main-head a.exthelp:visited {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/questi10.png);}


/*PRIVATE MSG. LEGEND------------------------------------------------------*/

.pun-privmsg{background: url(http://i66.servimg.com/u/f66/11/96/49/61/pvmsgl12.png) no-repeat center;
height: 48px;
padding-top: 17px;}

/*LEGEND-END------------------------------------------------------*/




/* OTHER STAFF------------------------------------------------------*/

a, a:hover{text-decoration: none;}

#main-content #add-google{
display: none !important;
height: 0px !important;
width: 0px !important;
padding: 0px !important;
margin: 0px !important;}

#main .user_login_form {display: none !important;}

.main-box ul{
display: inline !important;
margin-left: 20px;
margin-top: -19px;
background: #F4F4F4;
padding: 5px;
width: auto !important;
border: 2px solid #cccccc;
border-top: none;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;}

.pun .paged-head, .pun .paged-foot{border: none;
background: none;
margin-top: -12px;}

.button2{padding: 3px !important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

.blog_cal-border{background: url(http://i66.servimg.com/u/f66/11/96/49/61/date11.png) no-repeat center;
width: 61px;
height: 82px;
padding-top: 23px;
padding-left: 19px;
margin-right: 27px;
margin-top: -10px;}

/* OTHER STAFF-END------------------------------------------------------*/




/* FOOTER------------------------------------------------------*/


#pun-about a[href="http://www.blogratuit.ro/ro/"]{display: none;}

#pun-about{color: white;}

#pun-about a{text-decoration: none;
padding: 0px;}

#pun-about{
padding-top: 5px;
background: transparent ;
border: none;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/cr16.png) no-repeat 90% 39px;}

#pun-about #qjump {
display: none;}

#pun-about ul{border-top: 2px solid #a71d02;
border-bottom: 2px solid #a71d02;
background: #a71d02;
height: 25px;
margin-bottom: 30px;
width: 920px;
margin-left: -12px;
text-align: center;}

#pun-about ul li{position: relative;
top: 2px;}

#pun-about ul li a{color: white;
text-shadow: black 1px 1px 5px;}

#pun-about ul li a:hover{
text-shadow: black -1px -1px 3px;}

#pun-foot{
background: transparent url(http://i66.servimg.com/u/f66/11/96/49/61/footer18.png) no-repeat 0px 24px;
height: 90px;
border: none;
margin-top: -40px;}

#pun-foot .center a{color: white !important;
font-size: 15px;
font-family: arial;
text-shadow: black 1px 1px 5px;}

/* FOOTER-END------------------------------------------------------*/



/* POST------------------------------------------------------*/

.post{margin-top: 5px;
background: #f1eff1 !important;
border: 2px solid #cccccc !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.postmain, .posthead {background: transparent !important;}

.postmain, .posthead, .postmain, .postfoot{
border-color: #cccccc !important;}

.posthead strong{
margin-top: -7px;
font-size: 20px;
font-family: georgia;
color: #9e9595;
text-shadow: black 1px 1px 1px;}

.options{
padding: 5px;
background: #F4F4F4;
border: 2px solid #cccccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 5px;}

.main-head .options{
padding: 0px;
background: none;
border: none;
margin-bottom: 0px;}

.post-options img{margin: 4px;}

.post-options img:hover {border-bottom: 1px dashed #704A4A;
margin-bottom: 3px;}

.post-options img[src="http://i65.servimg.com/u/f65/11/95/16/90/edit10.png"] {
position: relative;
top: -2px;}

.post-options img[src="http://i65.servimg.com/u/f65/11/95/16/90/delete10.png"]{
position: relative;
top: -2px;}

.post-options img[src="http://i65.servimg.com/u/f65/11/95/16/90/locked13.png"]{
position: relative;
top: -2px;}

.post-options img["http://i65.servimg.com/u/f65/11/95/16/90/unlock10.png"]{
position: relative;
top: -2px;}

.post-options img[src="http://i65.servimg.com/u/f65/11/95/16/90/lock10.png"]{
position: relative;
top: -2px;}

#i_icon_online{margin-left: -15px !important;}

.user-contact img{filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
background: transparent !important;}

.user-contact img:hover{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

/* POST-END------------------------------------------------------*/




/* POSTING BUTTONS------------------------------------------------------*/

.posting img, #new-message-link img{padding-top: 12px;
padding-bottom: 12px;
margin-top: -12px;
margin-bottom: -12px;}

.posting img:hover, #new-message-link img:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/button12.png) no-repeat center;}

/* POSTING BUTTONS-END------------------------------------------------------*/




/* WIDGETS------------------------------------------------------*/
.module.main{
border: 2px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 2px;
margin: 2px !important;}

.module .main-head{-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #a71d02 !important;
margin-top: 0px;
height: 25px;
padding-top: 5px;}

.module p.author {
color: white;
-moz-border-radius: 0px 0px 7px 7px;
-webkit-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
padding: 0.25em;
padding-left: 20px;
background-color: #a71d02;
border-bottom: none;
font-size: 0.9em;}

/* WIDGETS-END------------------------------------------------------*/


/* SEMIFIX A ADVANCED PROFILE BUG------------------------------------------------------*/

#profile-advanced-left {margin-right: 250px;}

#profile-advanced-right {
float: right;
width: 250px;}

#profile-advanced-layout {
margin-left: -10px;
padding: 10px;
padding-bottom: 5px;
margin-bottom: -5px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body10.png) repeat-y center;}

#profile-advanced-layout{padding-bottom: 50%;}

/* SEMIFIX A ADVANCED PROFILE BUG-END------------------------------------------------------*/

/* CHATBOX------------------------------------------------------*/
 
.chatbox {
background-color: #F1EFF1 !important;
border: 2px solid #5f2626 !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2px;
margin: 0px !important;}

#chatbox{background-color: #F1EFF1;}

#chatbox_header {
background: #a71d02;
margin-top: 0px;
height: 30px;chatbox_messenger_form
padding-top: 5px;
text-shadow: white 1px 1px 1px;}

#chatbox_option_co,#chatbox_option_disco{
font-size: 16px;
font-weight: bold;
font-family: arial;}

#chatbox_header.main-head {
padding: 0 1.3em;
color: darkgrey;
background-color: #F1EFF1;
text-shadow: white 1px 1px 1px;}

.chatbox-title,.chatbox-title a.chat-title,.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: darkgrey;
text-decoration: none;
text-shadow: white 1px 1px 1px;}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed black;
background-color: #F1EFF1;}

#chatbox_messenger_form {
margin: 10px 0 0 0;
background-color: #F1EFF1 !important;}

#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #F1EFF1;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif;}

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
padding: 4px;
background-color:#F1EFF1 !important;}

#chatbox .user {
font-weight: bold;}

.memberlist_row_1 {background-color: #F1EFF1;}

#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed black;
background-color: #F1EFF1;}

#message{
background-color: white;}

.fontbutton_normal {
background: #F1EFF1;}

.fontbutton_selected {
border: 1px solid black;
background-color: #F1EFF1;}

.fontbutton_clicked {
background: #F1EFF1;
border: 1px solid black;}

#chatbox_contextmenu {
border: 2px solid black;
background-color: #F1EFF1;}

#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid black;
background-color: #F1EFF1;}

#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:black;
background: url('');
background-color: #F1EFF1;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #F1EFF1;}

#chatbox_contextmenu a {
color: black;
text-decoration: none;
font-size: 95%;
background-color: #F1EFF1;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #F1EFF1;}

/* CHATBOX-END------------------------------------------------------*/




/* TEXT AREA-VISTA EFECT------------------------------------------------------*/

#text_editor_textarea{background: #f0f0f0;
border: 5px solid white;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 0px 10px #0c0c0c;
-webkit-box-shadow: 0px 0px 10px #0c0c0c;
box-shadow: 0px 0px 10px #0c0c0c;
margin: 5px;
padding: 5px;}

/* TEXT AREA-VISTA EFECT-END------------------------------------------------------*/




/* ATTACHMENT-----------------------------------------------------*/

.attachbox{border: 1px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 10px;
background: #F4F4F4;
text-shadow: white 1px 1px 1px;}

.attachbox dd{border-top: 1px dashed #5f2626;}

.attachbox .i_icon_delete{float: right;}

/* ATTACHMENT-END-----------------------------------------------------*/




/* SEARCH QUERY-----------------------------------------------------*/

#search_menu{border: 2px solid #5f2626;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
margin: 10px;
background: #F4F4F4;}

.title-overview{background: none;}

#search_menu a{text-shadow: none !important;}

#search_menu a:hover{background: none !important;
text-shadow: none !important;}

/* SEARCH QUERY-END-----------------------------------------------------*/




/* SHARE ICONS FROM A BLOG MSG.-----------------------------------------------------*/

#bookmarks a img.twitter {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/twitte10.png) no-repeat scroll;}

#bookmarks img.excite{display: none;}

#bookmarks a img.digg {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/digg10.png) no-repeat scroll;}

#bookmarks a img.reddit {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/reddit10.png) no-repeat scroll;}

#bookmarks a img.delicious {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/delici10.png) no-repeat scroll;}

#bookmarks a img.google {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/google10.png) no-repeat scroll;}

#bookmarks img.live {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/window10.png) no-repeat scroll;}

#bookmarks img.facebook {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/facebo10.png) no-repeat scroll;}

#bookmarks img.slashdot {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/slashd10.png) no-repeat scroll;}

#bookmarks img.netscape {display: none;}

#bookmarks img.technorati {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/techno10.png) no-repeat scroll;}

#bookmarks img.stumbleupon {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/stumbl10.png) no-repeat scroll;}

#bookmarks img.furl {display: none;}

#bookmarks img.smarking {display: none;}

#bookmarks img.newsvine {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/newsvi11.png) no-repeat scroll;}

#bookmarks img.yahoo {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/yahoo10.png) no-repeat scroll;}

#bookmarks {
font-size: 15px;
font-weight: bold;}

/* SHARE ICONS FROM A BLOG MSG.-END-----------------------------------------------------*/




/* POINTS SYSTEM-----------------------------------------------------*/

.vote{margin: 3px;}

.vote .vote-button a {
font-size: 20px;
font-weight: bold;
font-family: arial;}

.vote-bar{
border: 2px solid white !important;
height: 50px !important;
width: 6px !important;
margin-right: 4px;
-moz-box-shadow: 0px 0px 5px #0c0c0c;
-webkit-box-shadow: 0px 0px 5px #0c0c0c;
box-shadow: 0px 0px 5px #0c0c0c;}

.vote-bar-plus{
background: #8ecb18 !important;}

.vote-bar-minus{
background: #bf4d07 !important;}

/* POINTS SYSTEM-END-----------------------------------------------------*/

#profile-advanced-right .module .main-head .h3{font-weight: normal !important;}

#tabs ul li a{background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;}

#tabs ul li a:hover{background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabhov11.png);
color: #704a4a;}

#tabs ul .activetab a{background: #a71d02 url(http://i66.servimg.com/u/f66/11/96/49/61/tabact10.png);}

.main{margin: 1em 0px;
border: 0px;}

.pun .main table .main-head{width: 900px;}
 
 
.alert{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#BDE5F8;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png')}
.alert2{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ffcc00;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png')}
.alert3{border:1px solid;margin:10px 0px;padding:15px 10px 15px 60px;color:#00529B;
background-repeat:no-repeat;background-position:10px center;background-color:#ff5c5c;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png')}

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;}
#text_editor_controls, .left-box{position:relative !important}

.for_topics {
width: 74px;
height: 33px;
background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0E2C3E;
padding-top: 3px;
margin-left: 13px;}

a span[style="color:#1DC9CF"], a[style="color: #FFA200"]{
background:url(http://illiweb.com/fa/admin/couronne.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: #ffffff;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #990000;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #000000;
}

.dtc2, .dtc3 {
width: 74px;
height: 33px;
background: url("http://i43.servimg.com/u/f43/14/53/79/27/fp10.png") no-repeat left top;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
color: #0E2C3E;
padding-top: 3px;
margin-left: 13px;}


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

sou nível 16

em Ter 15 Maio 2012, 8:17 am

Código:
a span[style="color:#1DC9CF"]{ background:url(http://illiweb.com/fa/admin/couronne.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
Não entendi este codigo e a virgula tente agora

avatar

Designer Grafico

em Ter 15 Maio 2012, 8:20 am

Não resultou!


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

sou nível 16

em Ter 15 Maio 2012, 8:32 am

tente este.
Código:
a span[style="color:#1DC9CF"]{background:url(http://illiweb.com/fa/admin/couronne.png) 0 1 no-repeat;padding-left:17px;padding-top:2px;padding-bottom:2px}

avatar

Designer Grafico

em Ter 15 Maio 2012, 8:43 am

Não resultou!


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

sou nível 16

em Ter 15 Maio 2012, 8:46 am

Já não sei o que esta acontecendo algo errado em seu css. tente por no final.

avatar

Designer Grafico

em Ter 15 Maio 2012, 8:52 am

Não adianto, coloquei os dois codigos que voce passou no final mas não foi!

OBS: Coloquei um codigo de uma vez pra ver se ia!


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design
avatar

Pro
Admin
Actif

em Qua 16 Maio 2012, 2:56 am

Olá, seu fórum não existe mais, ainda precisara deste suporte ?
se sim, qual o endereço do fórum ?

avatar

Designer Grafico

em Qua 16 Maio 2012, 7:23 am

Existe sim, eu to on nele! O endereço é: http://narutosupremext1.forumeiros.com


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Experimente nosso Editor de imagens
SP-Design

Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Você não está conectado. Conecte-se ou registre-se



Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®