Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
» Menu de Navegação
Hoje à(s) 21:00 por iScroll

» Degrade para meu fórum
Hoje à(s) 20:03 por xBreninho_.

» Banner PARCERIA
Hoje à(s) 19:51 por Fou-Lu

» Assinatura MSO...
Hoje à(s) 19:33 por Fou-Lu

» [LOGO] para Fórum!
Hoje à(s) 19:31 por Fou-Lu

» Imagens e assinatura não se adequadram no fórum
Hoje à(s) 17:59 por -xGabriel..

» Menu de navegação
Hoje à(s) 17:34 por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
280 usuários online :: 4 usuários cadastrados, 1 Invisível e 275 Visitantes :: 2 Motores de busca

Fou-Lu, iScroll, Kyo Panda, Kyou

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Data/hora atual: Qui 23 Fev 2017 - 21:28

70 Resultados encontrados para fff

Estatisticas personalizadas

Boa tarde.

Adicione em seu CSS:
Código:
div#stats {
    padding: 10px;
    padding-bottom: 25px;
    background-color: #FF5722;
    width: 100%;
}
Se quiser mudar a cor das letras, ainda no CSS, procure por:
Código:
.statsPers li
e mude o color: #cacaca;. O #cacaca é hexadecimal da cor. Se quiser branco, coloque #fff Piscada
por Shek Crowley
em Qua 14 Dez 2016 - 15:14
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Estatisticas personalizadas
Respostas: 11
Visto: 235

Alinhar colunas das categorias

Detalhes da questão


Endereço do fórum: http://winxclubfadas.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá.
Gostaria de alinhar os elementos das categorias: última mensagem e colunas, da melhor forma possível.

Folha de estilos CSS:
/* Forum */
#logo {
position:relative !important;
top: 15px;
}

#wrap {
margin-left: 255px;
-moz-border-radius: 60px;
border-radius: 60px;
border-right: 7px solid #121E38;
border-left: 7px solid #121E38;
border : 2px solid #121E38;
max-width: 1050px !important;
}

/* --- */

/* Navigation */
a.mainmenu {
bottom: 100px;
font-family: trebuchet ms;
font-size: 9px;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
background-color:#0e0e0e;
border-bottom: 0px solid #ddd;
color:#848484;
-webkit-transition: all 0.2s linear 0ms;
padding: 10px;
}

a.mainmenu:hover {
bottom: 100px;
text-decoration: none;
color: #000;
text-transform:uppercase;
background-color:#f9f9f9;
border-bottom: 0px solid #aaa;
padding: 10px;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
/* --- */

/* Widgets */

.h3 {
padding: 0px;
width: 200px;
text-align: right;
color: #ffffff;
font-family: times new roman;
font-size: 15px;
letter-spacing: 2px;
text-shadow: 1px 1px 1px #000;
margin-bottom: 0px;
position: relative;

}

.module h3{
color: #121E38;
}

.module .h3 {
height: 20px;
font-family: Oranienbaum !important;
font-size: 18px;
max-width: 300px !important;
text-align: center;
border-bottom: 1px solid #121E38;
padding-bottom: 3px;
visibility: ;
}

#content-container div#left {
overflow-y:auto;
background-color:#0e0e0e;
color:#121E38;
background-position:initial initial;
background-repeat:initial initial;
border-left-color:#121E38;
border-left-style:solid;
border-left-width:25px;
border-right-color:#121E38;
border-right-style:solid;
border-right-width:10px;
float:none;
height:100%;
margin:0;
padding:0;
position:fixed;
left: 10px;
top:0;
width:200px;
}

#comments_scroll_container {
font-family: georgia;
font-size: 11px;
text-tranform: lowercase;
text-align: left;
padding: 7px;
background: #;
text-align: center;
border-radius: 0px 0px 0px 0px;
}

/* --- */

/* Forum Table */

ul.forums {
background-image: url("http://i.imgur.com/QaUnqqp.png");
background-repeat: repeat;
background-color: #121E38;
border-bottom: 15px solid #121E38;
border-radius: 0 0 40px 40px;
}

li.header {
background-image: url(\'http://i.imgur.com/PbcxC7c.png\');
color: #121E38;
text-transform: none;
font-size:0px;
padding: 35px;
background-color: #121E38;
border-bottom: 0px solid #121E38;
text-align: right;
}

.forabg .row {
display: inline-block;
width: 50%;
}
dd.dterm {
margin-left: 15px;
}
.forabg dd.topics {
position: absolute;
}

.forabg dd.posts {
position: absolute;
}

.forabg dd.lastpost {
position: absolute;
}


#desc-ro {
background: #DDD;
width: 362px;
height: 200px;
}

a.forumtitle {
color: #EEE9E9;
display: block;
font-family: \'Neucha\', cursive;
font-size: 20px;
margin-bottom: -16px;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
width: 361px;
font-weight: lighter;
}

.forabg dd.topics {
background: #121E38;
border-bottom: 2px solid #64828A;
height: 89px;
margin-left: 395px;
margin-top: 29px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
}
.forabg dd.posts {
background: #121E38;
height: 93px;
margin-left: 395px;
margin-top: 128px;
position: absolute;
width: 70px;
font-size: 22px;
color: #DBDBDB;
font-family: \'Alfa Slab One\', cursive;
text-shadow: 2px 1px 0 #5E91AD, 1px 1px 0 #444, -1px 1px 0 #444, -1px -1px 0 #444, 1px -1px 0 #444;
text-transform: uppercase;
line-height: 89px;
}
.forabg dd.lastpost {
width: 303px;
background: #748192;
margin-left: 91px;
margin-top: 191px;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-family: calibri;
color: #fff;
text-shadow: 2px 1px 0 #444;
}

dd.lastpost a strong {
margin-left: 10px;
margin-right: 10px;
}

li dd.lastpost span a {
margin-right: 10px;
}

.forabg dd.lastpost a {
color: #fff;
}

.last-post-icon{ display:none; }
.lastpost br { display:none;}

/* para eliminar la columna de temas */
.forabg li.header dd.topics {
display: none
}
/* para eliminar la columna de mensajes */
.forabg li.header dd.posts {
display: none
}
/* para eliminar la columna de ultimos mensajes */
.forabg li.header dd.lastpost {
display: none
}


.table-title, .table-title h2 {
color: #ffffff;
font: 40px Neucha;
letter-spacing: 3px;
padding: 30px;
height: 64px;
text-shadow: 3px 3px 3px #121E38;
margin-top: 20px;
}

@font-face {
font-family: \'Oranienbaum\';
font-style: normal;
font-weight: 400;
src: local(\'Oranienbaum\'), local(\'Oranienbaum-Regular\'), url(http://themes.googleusercontent.com/static/fonts/oranienbaum/v2/WyaFSM_en0pjtlmUWwS7GWOb2gHztoQeulij-1lvl-8.woff) format(\'woff\');
}

@font-face {
font-family: \'Yeseva One\';
font-style: normal;
font-weight: 400;
src: local(\'Yeseva One\'), local(\'YesevaOne\'), url(http://themes.googleusercontent.com/static/fonts/yesevaone/v7/wVgDKaRrT3DN9VGcOY4orxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}

/* --- */

/* Post Content & Profiles */

.postbody .content {
text-align: justify;
font-size: 12px;
line-height: 13px;
background: #0e0e0e;
margin-top: -15px;
border-left: 10px solid #121E38;
padding: 10px 30px;
background-repeat: repeat;
border-bottom: 8px solid #121E38;
border-radius: 0 0 40px 40px;
}

p.author {
background-image: url(\'\');
background-color: #0e0e0e;
margin-top: 15px;
padding: 3px !important;
position: relative;
right: -7em;
text-align: center;
}

p.author {
font-family: Yanone Kaffeesatz;
font-size: 12px;
line-height: 1.2em;
margin-top: 15px;
padding: 5 5 5px;
}

.postprofile dl dt a img {
margin-top: 10px;
padding-right: 10px;
opacity: 1.0;
border-radius: 0px 0px 0px 0px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile:hover dl dt a img {
opacity: 0.5;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
* div.postprofile dl dd{
display: none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
text-align: center;
}
* div.postprofile dl:hover dd{
text-align: justify;
display:inline-block;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-family:calibri;
font-size:11px;
text-transform:uppercase;

}

.postprofile {
width: 220px;
border-top: 3px solid #121E38;
border-left: 3px solid #121E38;
border-right: 3px solid #121E38;
font-family: georgia;
font-size:9px;
color: #COLOR;
text-transform: uppercase;
text-align: justify;
margin-left: 10px;
background-image: url(\'http://i48.tinypic.com/2aikcns.jpg\');
padding: -10px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.postprofile dd {
text-align: left;
margin-top: 4px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.postprofile strong:first-child {
background-color:#121E38;
color: white !important;
background-position:initial initial;
background-repeat:initial initial;
display:inline-block;
font-family: Oranienbaum;
font-size:17px;
padding:5px;
margin-left: -10px;
opacity: 100;
text-align:center !important;
text-transform:uppercase;
width: 215px;
height: 17px;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.postprofile dt:first-child img {
margin-bottom: 3px;
display: block;
margin-left: auto;
margin-right: auto;
float:center;
padding: -10px;
max-width: 200px !important;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}*/

/* --- */

/* Group Legend */

ul + .h3, #i_whosonline + p {
width: 500px;
}

.clear + .h3, #page-body p.page-bottom {
float: right;
left: -180px;
width: 400px;
}

.clear + .h3 {
position: relative;
bottom: 420px;
visibility: ;
}

#page-body p.page-bottom {
position: relative;
bottom: 370px;
left: 450px;
line-height: 120%;
}

ul#picture_legend {
background: url(http://i.imgur.com/PbcxC7c.png);
font: 10px Balthazar;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center!important;
display: block;
padding: 5px;
}

#page-footer li a {
font: 8px trebuchet ms;
text-transform: uppercase;
letter-spacing: 3px;
}

p em b a.gensmall {
color:gray;
float:center !important;
font-family:Kelly Slab;
font-size: 15px;
letter-spacing:2px;
text-transform:uppercase;
}
p em {
color:transparent;
font-style:normal;
}

@font-face {
font-family: \'Kelly Slab\';
font-style: normal;
font-weight: 400;
src: local(\'Kelly Slab\'), local(\'KellySlab-Regular\'), url(http://themes.googleusercontent.com/static/fonts/kellyslab/v3/gKqKZ8BbpAcxgFwZImcomxsxEYwM7FgeyaSgU71cLG0.woff) format(\'woff\');
}

/* --- */

/* Spoiler, Code & Others*/

dl.codebox {
font-size: 1em;
padding: 3px;
border:none;
}

dl.codebox {
-moz-border-radius: 8px 8px 8px 8px;
background:url(http://hitskin.com/themes/19/30/67/i_background.jpg);
border-top: 1px dashed #666;
border: none;
}


dl.codebox dt {
display:block;
font-size:0.8em;
font-weight:700;
color:#ddd;
margin-bottom:3px;
text-transform:uppercase;
font-family:sans-serif;
border:none;
}

dl.codebox code {
color:#ddd;
font-family:Sans-serif;
text-align:center;
font-size:9px;
border: none;
}

dl.spoiler {
border:none;
font-size:12px;
color:#ddd;
display:block;
border-bottom: 2px solid #666;
}


blockquote {
background: url(http://i122.photobucket.com/albums/o271/KaiEiri/w7kuhc83_zpsbe2c44bb.png) repeat;
border-left: 3px solid #666;
border-right: 3px solid #666;
display:block;
}

.content blockquote {
color:#color;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
letter-spacing:1px;
border:none;
border-left: 9px solid #433e3e;
border-right: 3px solid #433e3e;
}

/* --- */

/**CORPO DO CHAT**/
#chatbox_footer{background-color:#121D2D}
#chatbox,#chatbox_members,#chatbox_header.main-head,#chatbox_footer{-moz-border-radius:10px;-webkit-border-radius:10px;border:7px;border-top:7px solid #121D2D;border-bottom:7px solid}
#chatbox {background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg);
background-image: url(http://images4.fanpop.com/image/photos/19200000/Dobby-harry-potter-19287081-1440-900.jpg) !important;
background-repeat: no-repeat;
background-position: bottom right;
}
#chatbox_header, #chatbox_footer, #chatbox, #chatbox_members {
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 7px solid #121D2D;
}
#chatbox_header{background-color: #121D2D;}
/**FIM DO CORPO**/

#cajamayor{
background: #202020;
background-color: #242424;
padding: 10px;
border: 20px solid #000;
height: auto;
width: 1030px;

}

.estadis-h3{
color: #fff;
background-color: #000;
padding: 50px;
text-transform: uppercase;
font-size: 20;
text-align: center;
}
#leyenda-ori {
background: #141414;
border: 10px solid #141414;
color: #aaa;
font-family: calibri;
font-size: 10px;
height: 150px;
overflow: auto;
text-align: justify;
text-transform: uppercase;
width: 184px;}

.g1 { background: #646480; }
.g2 { background: #A4A682; }
.g3 { background: #965D6D; }
.g4 { background: #547E81; }

.g1, .g2, .g3, .g4 {
color: #fff;
display: block;
font-family: calibri;
font-size: 12px;
height: 20px;
margin-top: 2px;
padding: 23px;
text-align: center;
text-transform: lowercase;
text-shadow: 1px 1px 0 #222;
width: 120px;
}
p em {
background-color: #111;
border-bottom: 28px solid #121E38;
border-top: 9px solid #121E38;
color: transparent;
display: block;
margin-left: 105px;
padding: 10px;
text-align: center;
text-transform: uppercase;
width: 800px;
}
* {
margin: 0px;
padding: 0px;
}
p {
font-size: 1.1em;
line-height: 1.3em;
}
p em b a.gensmall {
font-family: Neucha;
font-size: 15px;
letter-spacing: 2px;
text-align: center;
text-transform: capitalize;
text-shadow: 1px 1px 2px #000;
}
p em b a.gensmall {
font-family: Neucha;
font-size: 20px;
line-height: 100%;
letter-spacing: 0px;
font-style: normal;
text-align: center;
text-transform: none;
}

/**FIM Da Estatisticas**/
.postprofile{width:21%!important}.postbody{width:77%}
por Pattricia
em Seg 3 Out 2016 - 23:02
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alinhar colunas das categorias
Respostas: 4
Visto: 447

Modificar cor dos campos de perfil

Olá,

Para a cor dos campos, tente este (troque #fff pela cor desejada):
Código:
.panel-right > div:nth-child(1) > fieldset > dl > dd > select {color: #fff !important;}

Para aba, tente este (troque red pela cor desejada) :
Código:
#tabs .activetab a:hover span {
    color: #fff !important;
}
#tabs .activetab a span:focus {
    color: red !important;
}


Até mais!
por Cream
em Qua 21 Set 2016 - 14:50
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar cor dos campos de perfil
Respostas: 9
Visto: 169

Personalizar Footer

Olá.

Procure por:
footer {
margin-top: 5px;
background: rgba(0,0,0,0.4);
color: #FFF;
padding: 15px;
margin-bottom: -50px!important;
width: 98%!important;
margin-left: 0px!important;
background: none!important;
}

Verde -> Altere o valor até que a barra de rolagem suma, neste caso diminua o valor.

Atenciosamente,
Holkis - Moderador do grupo dos ajudeiros.
por Holkis
em Seg 12 Set 2016 - 16:30
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar Footer
Respostas: 27
Visto: 349

Ícones tipo o do FdF (resolvido, etc)

Informações técnicas

Tipo de pedido : [Ícones]
Dimensões : 109x32
Cores primátias : #FD0000
Cores secundárias : #2d3134
Imagens do pedido :
Imagens a serem usadas:

Texto a ser inserido : Não especificado
Fonte : Verdana (EM CAPS LOCK)
Cor da fonte : Branco com uma leve sombra
Link do meu fórum : http://jornalrhc.forumeiros.com
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : Olá, Artmeiros!
Gostaria de pedir três ícones :v

Primeiro:
Cor base: #8b5
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: APROVADO
Imagem: http://www.daev.org.br/media/images/textures/icones/fa-check.png

Segundo
Cor base: #ec0a0a
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: NEGADO
Imagem: https://www.communitybapt.com/static/djangocms_admin_style/fonts/src/exclamation-triangle.svg

Terceiro:
Cor base: #e8983a
Cor secundária: #2d3134
Cor e fonte do texto: #fff e Verdana
Texto a ser inserido: EM AVALIAÇÃO
Imagem: http://etiklife.com/wp-content/uploads/intense-cache/icons/plugin/font-awesome/book.svg

Observação: O tamanho dos ícones pode ser ajustado conforme o tamanho, vale frisar que a fonte deve estar em 14px , todas em caps lock.

por Luiz~
em Dom 4 Set 2016 - 5:14
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: Ícones tipo o do FdF (resolvido, etc)
Respostas: 3
Visto: 128

Perfil Nos Tópicos

Simples, no código que te pedi pra por na folha de estilo css, tem essa propriedade:
background: #fff;


Em #fff coloque o valor desejado.

Alguma outra pergunta?
Até mais.
por while
em Qua 24 Ago 2016 - 23:26
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Perfil Nos Tópicos
Respostas: 8
Visto: 271

Como mudar essa cor do fórum?

Aqui:

.pun table.table {width:1000px;margin-left:-1px;}
/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}
/*Efeito nos Grupos*/
a[href="/g1-administradores"] {
text-shadow: 0px 0px 5px #FF00D0;
}
a[href="/g2-moderadores"] {
text-shadow: 0px 0px 5px #00569C;
}
a[href="/g5-gerencia"] {
text-shadow: 0px 0px 5px #e007bf;
}
a[href="/g9-designer"] {
text-shadow: 0px 0px 5px #00bdad;
}
a[href="/g10-informatico"] {
text-shadow: 0px 0px 5px #fc8d05;
}
/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}

blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}

/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
background:url('http://img52.imageshack.us/img52/2378/strong.png');
}
#pwd_middle {
background:url('http://img262.imageshack.us/img262/9555/medium.png');
}
#pwd_bad {
background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}

/* Brilho no nick */
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF00D0;
}
a[href="/u4"] {
text-shadow: 0px 0px 5px #ff6600;
}


body {
background-color:#010066;
color: #5D5D5D;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 13px;
font-weight: normal;
margin-top: -1px;
padding-bottom: 10px;
}

.pun {
width: 1000px;
background: #010066;
border: 1px solid #878787;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
box-shadow:0px 0px 8px #707070;
line-height: 1.6em;
padding: 12px;
}

.pun a:link {
color: #964e4e;
text-decoration: none;
}

.pun a:visited {
color: #964e4e;
text-decoration: none;
}

.pun a:hover, a:active {
color: #8a2f2f;
text-decoration: underline;
}

#pun-intro {
background:#5c1818 url(http://i.imgur.com/DUJBWLG.png) repeat top center;
border-bottom-color: #591b1b;
border-bottom-style: solid;
border-bottom-width: 0px;
min-height: 64px;
margin-left: -12px;
width: 998px;
margin-top: -12px;
}



.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}

.quick_login {
background: #efefef;
color: #993232;
font-size: 11px;
border: 1px solid #edcccc;
padding: 4px;
}

#pun-legend {
padding-bottom: 4px;
padding-top: 10px;
}

#pun-title {
display: none;
}

.post_field {
background:#fff none ;
color:#4d5153;
border:1px solid #bcb6ad;
padding:3px 3px 3px 10px;
margin-top: 2px;
text-align:left;
}

#pun-head #pun-navlinks {
background-color: #010066;
background-image: url("http://i.imgur.com/r45df2I.png");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}

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

#pun-navlinks li {
display: inline;
font-size: 1.15em;
}

#pun-navlinks li a {
margin: 0 0.1em 0 0;
}

#pun-navlinks a, #pun-navlinks a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
padding-left: 10px;
line-height: 26px;
}

#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
color: #fff;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}

#pun-about {
background-color: #F3F3F3;
border: 1px solid #964e4e;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 2px;
text-align: right;
line-height: 150%;
padding: 0.6em 1em;
}
#pun-about ul li a {
font-weight: normal;
}
#pun-about #qjump {
display: none;
}

.pun .paged-head, .pun .paged-foot {
border: 0px solid #dddddd;
background-color: #010066;
padding: 0.6em 1.3em 0.3em 1.3em;
}

#pun-visit, .main-box {
background-color: #F3F3F3;
border: 1px solid #964e4e;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 2px;
}

.user-info span {
color: #000000;
font-size: 11px;
}
.pun .user .user-info {
color: #666666;
font-size: 11px;
line-height: 1.5;
}

.postmain blockquote {
padding: 0.5em 1em;
background-color: #EFEFEF;
border: 1px solid #c48181;
}

.postmain cite {
display: block;
margin: 0 0 1em 0;
font-weight: bold;
font-style: normal;
}

.codebox {
margin: 1em;
background-color: #F5F5F5;
border: 1px solid #8f1010;
}

.codebox dt {
padding: 0.25em;
border-bottom: 1px dashed #c48181;
}

.codebox dd {
margin: 0.5em;
padding: 0.5em;
background-color: #F5F5F5;
}

.main .main-head {
background-color: #;
background-image: url("http://i.imgur.com/r45df2I.png");
background-position: left 50%;
background-repeat: repeat-x;
border: 1px solid #;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top: 15px;
padding-left: 390px;
}

.page-title h2, .page-title span {
font-weight: bold !important;
}

.main .main-head .page-title {
color: #fff;
font-size: 14px;
font-weight: bold !important;
font-family: tahoma,arial,verdana,sans-serif;
text-shadow: 0 -1px 0 #613633;
}
.pun .main-content {
border: 1px solid #96514e;
background-color: #fbfbfb;
}

.pun .post {
background-color: #FAFBFC;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 6px;
}

.main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #660000;
background-color: transparent;
}

.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #DADADA;
margin-left: 17em;
}

.pun .posthead {
padding: 0.5em 1.3em 0.5em 1em;
background-color: #D9D9D9;
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/gradie10.png");
background-position: 0 50%;
background-repeat: repeat-x;
border-bottom-color: #D0D0D0;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: -2px;
}

.postfoot {
border-top-color: #DADADA;
border-top-style: solid;
border-top-width: 1px;
clear: both;
margin-left: 0em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
}

.frm-buttons {
border-top-color: #DDDDDD;
border-top-style: double;
border-top-width: 0px;
margin-bottom: 0;
margin-top: 0.5em;
padding-bottom: 0;
padding-left: 17.5em;
padding-right: 0;
padding-top: 0.7em;
}

#stats {
padding: 0.6em 1em;
line-height: 150%;
background-color: #F3F3F3;
border-bottom-color: #96514e;
border-bottom-style: solid;
border-bottom-width: 2px;
}

#tabs ul {
list-style-position: outside;
list-style-type: none;
padding: 0px;
white-space: nowrap;
}

#tabs ul li {
float: left;
margin: 0;
padding: 0 4px 0 0;
padding-bottom: 3px;
}

#tabs ul li.activetab a {
background-color: #fff;
border: #8f1010;
border-style: double;
border-width: 3px;
color: #666666;
text-decoration:none;
}

#tabs ul li.activetab a:hover {
background-color: #F5F5F5;
}

#tabs ul li a {
float: left;
padding: 0 1em;
background-color: #fff;
border: #8f1410;
border-style: double;
border-width: 3px;
font-size:1.1em;
font-weight:normal;
line-height: 2em;
text-decoration:none;
}

#tabs ul li a:hover {
background-color: #F5F5F5;
}

.pun .frm .frm-form table {
border: 1px solid #c48181;
padding-left: 4px;
}

.pun table.table th {
padding: 0.4em 0;
border-style: none;
border-color: #f4f4f4;
background-color: #f4f4f4;
color: #333333;
}

.pun table.table td {
padding: 0.6em 0 0.7em;
line-height: 130%;
background-color: #FFFFFF;
border-color: #ccb7b7;
border-width: 1px;
border-style: dashed none none none;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #fff;
}

.pun .posthead h2 strong {
display: block;
float: right;
font-size: 11px;
font-weight: normal;
margin-right: -6px;
margin-top: -1px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 8px;
padding-top: 2px;
}
.pun .posthead h2 strong {
background-color: #8f5151;
color: #FFFFFF;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.user-contact a {
background-color: #964e4e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
}

.trow_sep {
color: #FFFFFF;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 14px;
font-weight: bold !important;
text-shadow: 0 -1px 0 #613333;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
background-position: left center;
background-repeat: no-repeat;
padding-left: 20px;
}

#forum_statistics {
background-color: #F3F3F3;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 4px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

#board-stats span {
background-color: #E2E2E2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #4A4A4A;
font-weight: bold;
padding-bottom: 2px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px;
}

#board-stats {
border-left-color: #DEDEDE;
border-left-style: solid;
border-left-width: 0px;
float: right;
padding-left: 20px;
width: 38%;
}
#board-stats dl {
margin-top: 10px;
}
#board-stats dt, #board-stats dd {
border-top-color: #DEDEDE;
border-top-style: solid;
border-top-width: 1px;
float: left;
font-size: 0.85em;
padding-bottom: 6px;
padding-left: 2px;
padding-right: 2px;
padding-top: 6px;
width: 45%;
}
#board-stats dt {
clear: both;
font-weight: bold;
}

#board-stats h2 {
clear: both;
font-weight: bold;
}

#chatbox_header.main-head {
background-color: #964e4e;
background-image: url("http://i41.servimg.com/u/f41/14/81/40/78/gradie10.png");
background-position: left 50%;
background-repeat: repeat-x;
color: #dedede;
padding-bottom: 0;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0;
}

#onlinechat {
border-top: 0px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}

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

#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed #ccb7b7;
}

#onlinelist {
border-top: 0px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
body { background: url('http://i.imgur.com/ih9OcPj.gif') repeat-y 11%, url('http://i.imgur.com/ih9OcPj.gif') repeat-y 89%; }

.tcl .hierarchy .forumtitle {
padding-left: 40px;
}
.pun .main-content {
background-color: transparent;
border: 0 none;
padding: 9px 1px !important;
}
#fa_ticker {
background-color: #FFFF00;
height: 15px;
}
por Belissimo
em Qui 14 Jul 2016 - 18:36
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como mudar essa cor do fórum?
Respostas: 14
Visto: 907

Ajustar largura do fórum

Olá!

localize na sua folha css:

#branding {
background: #3C414B url(http://i.imgur.com/dLLNhf4.jpg) repeat scroll center top / cover;
border-top: 3px solid #6485E2;
height: 200px;
line-height: 200px;
margin: 20px auto 0;
padding: 10px;
width: 90%;
}


É altere seu valor para 97% (ou como achar melhor)

para o footer a mesma coisa, localize:

footer {
background: #3B404A none repeat scroll 0 0;
border-bottom: 3px solid #6687E7;
color: #FFF;
font-size: 13px;
font-weight: 100;
height: 100px;
line-height: 100px;
margin: 0 auto 20px;
padding: 10px;
width: 90%;
}

É altere seu valor para 97% (ou como achar melhor)

Até mais Thumbleft
por APOllO
em Qui 7 Jul 2016 - 1:50
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Ajustar largura do fórum
Respostas: 5
Visto: 230

Aumentar espaçamento entre avatar e nick

Olá, para distanciar basta adicionar esse código em sua folha de estilo css:
Código:
dl > dt > a > img {padding:10px;}


Quanto a mudar a cor de fundo, adicione esta:
Código:
.postprofile {background:black;}

altere o "black" pelo nome da cor que deseja (deve ser em inglês, exemplo black, blue, red) ou coloque a cor em hexadicimal , ou seja #000, #FFF, #ddd.

Até mais.
por while
em Sex 17 Jun 2016 - 17:51
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Aumentar espaçamento entre avatar e nick
Respostas: 3
Visto: 223

Melhor Resposta / Botão Obrigado

Retire os CSS e JS passado nesse topico e acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores

procure por Cor do fundo de uma mensagem agradecida :

e deixe #FFF

e pronto... não estará aparecendo mais o "Melhor Resposta".
por while
em Sex 29 Abr 2016 - 18:28
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Melhor Resposta / Botão Obrigado
Respostas: 12
Visto: 369

Personalizar rodapé

Oi,

Tentei o código e nada mudou, daí eu substitui o "color:#fff" por "background-color:#fff" e ficou conforme a imagem abaixo.



Apenas as partes que destaquei em vermelho ficaram brancas.
por MEZA
em Qui 14 Abr 2016 - 17:40
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar rodapé
Respostas: 9
Visto: 507

logo forum

Informações técnicas

Tipo de pedido : [Logo]
Dimensões : 1255x339
Cores primátias : Não especificado
Cores secundárias : Não especificado
Imagens do pedido :
Imagens a serem usadas:
Não
especificado

Texto a ser inserido : World Best RPG
Fonte : http://www.netfontes.com.br/dow.php?cod=pricedown
Cor da fonte : Não especificado
Link do meu fórum : http://worldbestrpg.forumeiros.com
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : bom quero um logo parecido com este http://i.imgur.com/aFwItps.png para meu forum mais escrito World Best RPG "World Best' = #00BFFF "RPG" = #FFF o Resto do Seu Gosto !
por Panic_xD
em Seg 11 Abr 2016 - 22:24
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: logo forum
Respostas: 4
Visto: 91

Modificar codigo do perfil

Detalhes da questão


Endereço do fórum: www.bra-perfectstart.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá amigos.

Queria me informar se teria como modificar o código:

Cósigo:
.postprofile {
background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
border: 1px solid #DDD;
border-radius: 3px;
padding: 60px 3px 3px;
position: relative;
text-align: center;
}
.postprofile {
border-color: #fff;
border-left-style: solid;
border-left-width: 1px;
color: #666;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
div.post.online .postprofile:before {
content: url('http://i18.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
content: url('http://i18.servimg.com/u/f18/16/89/96/68/offlin19.png');
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 2;
}
div.post.online .postprofile:after {
border-color: #84C754;
}
div.post .postprofile:after {
background: #2E3133;
border-bottom: 4px solid #868686;
content: ".";
font-size: 0;
height: 16px;
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 1;
}


O perfil ficou mais afastado da lacuna e também ficou com uma cor diferente do quadro geral do forum, teria como alterar essas coisas ?

Obrigado
por Jean_Xd
em Sex 19 Fev 2016 - 23:16
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar codigo do perfil
Respostas: 13
Visto: 471

quadro de widgets e anúncio

Olá amigo, tem um código interferindo no seu novo estilo,

procure por .h3, .catHead { na sua folha de estilos CSS  e apague todo o conteúdo entre as {}

Conteúdo:

.h3, .catHead {
   background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
   background-repeat: repeat;
   border: 1px solid #dcdcdc;
   background-color: #fff;
   color: #818283;
   -moz-border-radius-topleft: 10px;
   -webkit-border-radius-topleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-radius-bottomright: 10px;
   -moz-box-shadow: 0px 5px 5px #CCCCCC;
   /* -webkit-box-shadow: 0px 5px 5px #CCCCCC; */
   /* border-bottom-right-radius: 10px; */
   /* border-top-left-radius: 10px; */
   /* box-shadow: 0px 5px 5px #CCCCCC; */
   /* text-align: center; */
   /* padding-bottom: 5px; */
   /* padding-top: 5px; */
   /* padding-left: 5px; */
   /* padding-right: 5px; */
   /* margin-bottom: 10px; */
   /* margin-top: -1px; */
}


EDIT

Por fim, adicione:

Código:
.introduction .h3, .module .h3, .postbody .h3 {
    margin-top: 8px;
}
.h3 {
    font-weight: 700;
}
por HilterHP
em Sex 12 Fev 2016 - 20:04
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: quadro de widgets e anúncio
Respostas: 16
Visto: 224

Campo de perfil adicionado involuntariamente através de código

@Fraise escreveu:Bom dia, @Ramon_Teles.

Eu creio que seja apenas um javascript que foi colocado por você ou por alguém que tenha acesso ao painel de controle. Mais especificando, eu não consegui acessar seu fórum mas acho que é a função "Quem está lendo este tópico?". Para retirar tal função, aceda a Painel de Controle > Módulos > Gestão dos códigos JavaScript e procure por um código deste género e apague:
Código:

/**
 * @CP_AddOn Addons for the Forumotion control panel
 * @copyright Copyright (C) 2014 JScript
 * @license http://www.gnu.org/licenses/gpl.html GPL version 2 or higher
 * @engine 1.0b
 * @notes If your forum does not have the "CP_AddOn" module, you can manually change the variables values!

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<mod>
   <header>
      <id>WhereIam</id>
      <title>Where I am?, Topic Active Users (Who is read this topic?)!</title>
      <version>1.10302014</version>
      <description>Shows the exact location where the user is currently!</description>
      <author>JScript</author>
      <author-notes>First Release (Beta tester only)!</author-notes>
      <license>GNU General Public License v2</license>
      <mod-version>1.0.0.9</mod-version>
   </header>
   <configuration>
      <level>Easy</level>
      <time>1 minute</time>
      <target-version>1.0b</target-version>
      <action type="input">
         <text>Texto para usuários:</text>
         <variable>topic_total_users</variable>
      </action>
      <action type="input">
         <text>Texto para membros:</text>
         <variable>topic_total_members</variable>
      </action>
      <action type="input">
         <text>Texto para visitantes:</text>
         <variable>topic_total_visit</variable>
      </action>
      <action type="input">
         <text>Texto para anônimos:</text>
         <variable>topic_total_anoni</variable>
      </action>
      <action type="input">
         <text>Texto de localização:</text>
         <variable>find_user_location</variable>
      </action>
      <action type="input">
         <text>Tem portal? (1=sim, 0=não!):</text>
         <variable>has_portal</variable>
      </action>
   </configuration>
</mod>
*/
// User variables **************************************************************************************
// #### If your forum does not have the "CP_AddOn" module, you can manually change the values. ####
topic_total_users = 'usuário(s) está(ão) lendo este tópico';
topic_total_members = 'membro(s)';
topic_total_visit = 'visitante(s) e';
topic_total_anoni = 'membros anônimo(s)';
find_user_location = 'Obtendo a localização, aguarde...';
has_portal = 1; // #### If your forum does not have a "Portal", change the value to 0! ####
// ******************************************************************************************************

// System variables!
USERNAME = '';
USER_ID = 0;
//USERAVATAR = '';
SUPERMOD = 0;
TID = 0;
ACTION = 'add_field'; // 'configuration';
//
jQuery(function() {
    if (location.pathname.indexOf('/u') !== -1) {
        jQuery('dt:contains("WhereIam")').closest('dl').remove();
    } else if (location.pathname.indexOf('editprofile' !== -1)) {
      jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")').closest('dl, tr').remove();
    }
    if (_userdata.session_logged_in) {
        USERNAME = _userdata.username;
        USER_ID = _userdata.user_id;
        // USERAVATAR = jQuery(_userdata.avatar).attr('src');
        SUPERMOD = _userdata.user_level; // Is Admin/Mod ?
        TID = jQuery('a[href*="tid="]').attr('href').split('tid=')[1].split('&')[0]; //Get the var {TID}
    }
    // console.clear();
    console.log("/**************************************************************************");
    console.log("* Module: 'Where I am?' and 'Topic Active Users (Who is read this topic?)'!");
    console.log("* Description: Shows the exact location where the user is currently.");
    console.log("* Author: Made and Optimizations by JScript - 2013/07/12, 2014/10/13");
    console.log("* Version: Beta tester only!");
    console.log("/**************************************************************************");
    console.log('USERNAME: ' + USERNAME);
    console.log("USER_ID: " + USER_ID);
    console.log("TID: " + TID);

    var oWereIam = {
        pathname: location.pathname,
        total_users: 0,
        oSubForum: '',
        oTarget: 0,
      sIndex: '/forum',
        oHtml: {
         phpbb2: '<!-- ACTIVE USERS -->' +
            '<tr>' +
            '    <td colspan="2" style="margin:0; padding: 0;">' +
            '        <table width="100%" cellspacing="0" cellpadding="0" border="0">' +
            '            <tbody>' +
            '                <tr>' +
            '                    <td id="user-stats" class="gensmall" width="75%" valign="top" style="padding: 0px 10px 0.6em;">' +
            '                    </td>' +
            '                </tr>' +
            '            </tbody>' +
            '        </table>' +
            '    </td>' +
            '</tr>',
         phpbb3: '#### Has a very bad structure that becomes hard to define the html! ####',
            punbb: '<!-- ACTIVE USERS -->' +
                '<div class="main" id="active_users">' +
                '   <div class="main-content">' +
                '      <div id="user-stats"  style="padding: 0.6em 1em;">' +
                '      </div>' +
                '   </div>' +
                '</div>',
         invision: '<!-- ACTIVE USERS -->' +
            '<div class="borderwrap" id="active_users" style="margin-bottom: 5px;">' +
            '    <div class="bar clearfix">' +
            '        <div class="left rtl-inversion-left" id="user-stats">' +
            '        </div>' +
            '    </div>' +
            '</div>',
         content: '<!-- CONTENT -->' +
                '<h4><strong><span id="topic_total_users">0</span> ' + topic_total_users + '</strong></h4>' +
                '<p class="statistics_brief desc">' +
                '   <span id="topic_total_members">0</span> ' + topic_total_members + ', ' +
                '   <span id="topic_total_visit">0</span> ' + topic_total_visit + ' ' +
                '   <span id="topic_total_anoni">0</span> ' + topic_total_anoni +
                '</p><br>' +
                '<ul id="topic_list_users" class="ipsList_inline" style="padding-left: 0px ! important;"></ul>'
        }
    };

    if (_userdata.session_logged_in) {
        WhereIam() // Where I am?
    }

    if (oWereIam.pathname.indexOf('/t') !== -1) {
      /* Forum versions! */
      var phpBB2 = jQuery('#content-container table.forumline:last tbody > tr:eq(1)');
      var phpBB3 = jQuery('#main-content > div.h3:last');
      var punbb = jQuery('#pun-info');
      var invision = jQuery('#main-content .borderwrap:last');

      if (phpBB2.length) {
         jQuery(oWereIam.oHtml.phpbb2).insertBefore(phpBB2);
      } else if(phpBB3.length) {
         jQuery(oWereIam.oHtml.punbb).insertBefore(phpBB3);
      } else if(punbb.length) {
         jQuery(oWereIam.oHtml.punbb).insertBefore(punbb);
      } else if(invision.length) {
         jQuery(oWereIam.oHtml.invision).insertBefore(invision);
      };
      jQuery('#user-stats').html(oWereIam.oHtml.content);

      if (!has_portal) oWereIam.sIndex = '/';

        oWereIam.oSubForum = jQuery('.pun-crumbs.noprint a.nav[href^="/f"], #navstrip a.nav[href^="/f"], .pathname-box:first a.nav[href^="/f"], span.nav a.nav[href^="/f"]').attr('href');
        try {
            jQuery.get(oWereIam.oSubForum, function(data) {
            oWereIam.oTarget = jQuery('#stats > a, #info_open td[colspan="2"]:not(.catBottom) .gensmall a, #main-content > a[href^="/u"], .activeusers-box .row1 a', data);

            }).always(function() {
                if (oWereIam.oTarget.length !== 0) {
                    var guest = Math.floor(Math.random() * (5 - 0));
                    jQuery('#topic_total_visit').text(guest);
                    searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
                }/* else {
                    jQuery.get(oWereIam.sIndex, function(data) {
                        var oOnlineList = /(?:\b<br>([\s\S]*?)<br>)/
                            .exec(
                                jQuery('#onlinelist > p:not(.right)', data).html()
                            )[1];
                        var memDiv = jQuery('<div>').html(oOnlineList);

                        oWereIam.oTarget = memDiv.find('a');
                    }).always(function() {
                        if (oWereIam.oTarget.length !== 0) {
                            var guest = Math.floor(Math.random() * (5 - 0));
                            jQuery('#topic_total_visit').text(guest);
                            searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
                        }
                    });
                }*/
            });
        } catch (e) {
            /*jQuery.get(oWereIam.sIndex, function(data) {
                var oOnlineList = /(?:\b<br>([\s\S]*?)<br>)/
                    .exec(
                        jQuery('#onlinelist > p:not(.right)', data).html()
                    )[1];
                var memDiv = jQuery('<div>').html(oOnlineList);

                oWereIam.oTarget = memDiv.find('a');
            }).always(function() {
                if (oWereIam.oTarget.length !== 0) {
                    var guest = Math.floor(Math.random() * (5 - 0));
                    jQuery('#topic_total_visit').text(guest);
                    searchActiveUsers(oWereIam.oTarget, 0, oWereIam.oTarget.length, 0, guest);
                }
            });*/
        }
    }

    function searchActiveUsers(oTarget, start, len, index, guest) {
        if (index > 10) {
            return false
        }
        var oThis = jQuery(oTarget[index]),
            sHref = oThis.attr('href'),
            $JScript;

        if ((sHref !== undefined)) {
            var user_name = '<a href="' + sHref + '">' + oThis.html() + '</a>';

            jQuery.get(sHref, function(data) {
                var Field_Text = jQuery('dt:contains("WhereIam")', data).closest('dl').find('div.field_uneditable').text();

                try {
                    $JScript = JSON.parse(Field_Text.replace(/'/g, '"'));
                } catch (e) {
                    // console.log(e);
                }
                console.log(Field_Text);
            }).always(function() {
                try {
                    if ($JScript.path.url == oWereIam.pathname) {
                        if (oWereIam.total_users == 0) {
                            $('#topic_list_users').html('');
                            $('#topic_list_users').append(user_name);
                        } else {
                            $('#topic_list_users').append(', ' + user_name);
                        }
                        oWereIam.total_users++;
                        $('#topic_total_users').text(oWereIam.total_users + guest);
                        $('#topic_total_members').text(oWereIam.total_users);
                    }
                } catch (e) {
                    // console.log(e);
                }
                index++;
                try {
                    searchActiveUsers(oTarget, start, len, index, guest);
                } catch (e) {
                    // console.log(e);
                }
            });
        }
    }
});

function WhereIam() {
    jQuery.ajaxSetup({
        async: false
    });
    jQuery.get('/profile?mode=editprofile', function(data) {
        var found = 1;
      var Profile_Field_ID = jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")', data).closest('dl, tr').find('textarea').attr('id');

        console.log("Profile_Field_ID: " + Profile_Field_ID);

        if ((Profile_Field_ID == undefined) && (SUPERMOD == 1)) {
            jQuery.post("/admin/index.forum?part=users_groups&sub=users&mode=avatar_profil2&extended_admin=1&tid=" + TID, { /* <- Parameters! */
                /* Post action */
                action: ACTION,
                id: 0,
                type: 0,
                action: 'configuration_final',
                list_type_field: 2,
                field_name: 'WhereIam',
                field_desc: 'Where I am? - Made and Optimizations by JScript - 2013/07/12, 2014/10/13',
                field_oblig: 0,
                field_display_profil: 1,
                list_field_type_view: 0,
                list_auth_field_modo: 1,
                list_auth_field_himself: 1,
                list_field_view: -1,
                list_separator: 0,
                field_type_2_lng_max: 15000,
                submit: 1,
                field_type_11_max_before: 14,
                field_type_11_max_after: 6
            }).done(function() {
                console.log('Add profile field done!');
                jQuery.get('/profile?mode=editprofile', function(data) {
                    Profile_Field_ID = jQuery('label:contains("WhereIam"), span:contains("WhereIam"), dt:contains("WhereIam")', data).closest('dl, tr').find('textarea').attr('id');
                }).fail(function() {
                    console.log('Failed to get field Profile_Field_ID!');
                    found = 0;
                });
            }).fail(function() {
                console.log('Add profile field Fail!');
                found = 0;
            });
        }
        if (found) {
            var sTitle = jQuery('.pun-crumbs:first p strong:last').text();
            if ((sTitle == 'undefined') || (sTitle == '')) sTitle = location.pathname;

            var now = new Date;
            var $JScript = {
                appInfo: {
                    module: 'Where I am?',
                    description: 'Shows the exact location where the user is currently.',
                    author: 'JScript',
                    version: '1.00',
                    release: '2014/10/13'
                },
                userInfo: {
                    oscpu: navigator.oscpu,
                    appName: navigator.appName,
                    language: navigator.language,
                    userAgent: navigator.userAgent
                },
                path: {
                    title: sTitle,
                    url: location.pathname,
                    param: location.search,
                    state: '0',
                    time: now.getHours() + ":" + now.getMinutes(),
                    date: now.getDate() + "/" + now.getMonth() + "/" + now.getFullYear()
                }
            };

            jQuery.post("/ajax_profile.forum?jsoncallback=?", {
                id: Profile_Field_ID.substring(16, Profile_Field_ID.length),
                user: USER_ID,
                active: "1",
                content: '[["' + Profile_Field_ID + '", "' + JSON.stringify($JScript).replace(/"/g, "'") + '"]]',
                tid: TID
            }, function(data) {
                console.log("OK: ajax_profile, userID = " + USER_ID);
            }, "json").fail(function() {
                console.log("error: ajax_profile, userID = " + USER_ID);
            });
        }
    }).done(function() {
        // Done!!!
    }).fail(function() {
        console.log('Failed to get field Profile_Field_ID');
    });
    jQuery.ajaxSetup({
        async: true
    });
}


Caso não encontre e se não for incomodo eu agradecia que nos fornecesse todos os códigos javascript de seu fórum para que possamos averiguar a situação.

Até mais.
Fraise


Olá @Fraise , realmente eu adicionei este JavaScripter porém não funcionou e eu retirei ele...
Aparecia a mensagem de quem está lendo o tópico, porém não aparecia quem e nem mudava os números, sempre 0 em todos.
Porém isto no Perfil continua...
Os Javascripts que tenho são...

Spoiler:
$(document).ready(function () {
    if ($('a[href*="/modcp?"]').length) {
        $('#quick_reply input[value="Pré-visualizar"]').before('<input type="button" value="Caixa de Moderação" id="cdm" style="float: left;"/>');
        $('input#cdm').toggle(function () {
            $(this).after('<div class="main-content" style="min-width: 428px;z-index: 2000;margin: 30px 0 8px 0;position: absolute;"> <div id="mod" style="background: #fff;padding: 3px;"> <select id="status" style="width: 50%"> <option value="">Status</option> <option value="Isto é uma mensagem automática, este tópico foi Bloqueado">Tópico Bloqueado</option> <option value="Isto é uma mensagem automática, este tópico foi desbloqueado">Tópico Desbloqueado</option> </select> <select id="to" style="width: 50%"> <option value="">Mover Tópico</option> <option value="Isto é uma mensagem automática, este tópico foi movido para: Arquivo">Arquivo</option> <option value="Isto é uma mensagem automática, este tópico foi movido para: ( local para onde irá )">( Local )</option></select> <textarea id="mot" name="subject" placeholder="Descreva o motivo desta mensagem" class="inputbox" style="display: block; margin: 5px 0 5px 0; min-height: 55px;" onChange="titulo();"></textarea> <input onclick=" envia()" type="button" id="gerar-msg" value="Gerar"/> <input name="post" onclick=" envia()" type="submit" id="gerar-msg" value="Enviar"/> <input name="post" onclick=" block()" type="submit" id="gerar-msg" value="Enviar & Block"/> <input type="button" value="Limpar caixa" id="limpar-msg"/> </div> </div>');
        }, function () {
            $(this).next().remove();
        });
        $('#limpar-msg').click(function () {
            $('#text_editor_textarea').sceditor('instance').val('');
        });
    }
});
function envia() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
    }
}
function block() {
    if ($('#text_editor_textarea').val() == "") {
        var pegatopics = $('[name="t"]').val();
        $('[name="t"]').val(pegatopics);
        $('[name="message"]').last().sceditor('instance').insertText($('.sceditor-container iframe').val() + '' + $("#status").val() + '\n' + $('#mot').val() + '\n' + $('#to').val());
        window.open('/modcp?t=' + pegatopics + '&mode=move&mode=lock');
    }
}


Spoiler:
jQuery(document).ready(function(){
jQuery(".post:has('.Owner')").css('background','url(http://i.imgur.com/pM1PNMl.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.DonoSub')").css('background','url(http://i.imgur.com/gqMcZ.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Mod')").css('background','url(http://i36.servimg.com/u/f36/13/66/77/06/modsom10.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Admin')").css('background','url(http://i.imgur.com/gqMcZ.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.ModAprendiz')").css('background','url(http://i.imgur.com/zB1PP.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Designer')").css('background','url(http://i.imgur.com/iqPZdWZ.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Socio')").css('background','url(http://i.imgur.com/8BXSdiB.png) repeat-y top left');
});

jQuery(document).ready(function(){
jQuery(".post:has('.Membro')").css('background','url(http://i.imgur.com/AaKEb7W.png) repeat-y top left');
});


Spoiler:
jQuery(document).ready(function(){jQuery('.postbody table, .postbody table div, tr td .postbody table, tr td .postbody table div,div.sig-content table').css('position','').css('display','').css('z-index','999').css('min-width','1px').css('min-height','1px').css('max-height','1500px').css('max-width','1500px').css('cursor','')});


Spoiler:
jQuery(document).ready(function(){jQuery.getScript('http://blogparts.giffy.me/0017/parts.js')});

$(function() {
  $.getScript('http://js01.fra.co/21268.js');
});


Aguardo retornos,
abraços !
por Ramon_Teles
em Sex 12 Fev 2016 - 13:08
 
Buscar em: Questões resolvidas sobre o painel de administração
Tópico: Campo de perfil adicionado involuntariamente através de código
Respostas: 9
Visto: 340

Largura do fórum

Olá!
Spoiler:
a.hover,#at16eatdr a:hover{background:#e0eefa;color:#333;text-decoration:none}#at_promo{display:none;font-size:12px}#at_promo button{background:#ee6a44;border-bottom:1px solid #d4522c;border-left:1px solid #ffa389;border-right:1px solid #d4522c;border-top:1px solid #ffa389;color:#fff}#at_promo .at-promo-content{margin-top:12px}#at_promo .at-promo-btn{padding-top:10px}#at_promo .at-promo-top{background:url(http://illiweb.com/fa/addthis/60x60_atn_logo.jpg) no-repeat 0 0;padding:10px 0 5px 70px}#at_promo h4{font-size:14px;font-weight:700;margin:0 0 4px}#at_promo h4 sup{color:#ee6a44;font-size:11px}#at_promo span{display:block}#at_promo .at-promo-btm-ffx{background:url(http://illiweb.com/fa/addthis/60x60_at_firefox_toolbar.jpg) no-repeat 0 0;padding:6px 0 0 70px}#at_promo .at-promo-btm-ie{background:url(http://illiweb.com/fa/addthis/60x60_at_ie_toolbar.png) no-repeat 0 0;padding:6px 0 0 70px}#left .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0}#left .module-advert span.corners-bottom,#left .module-advert span.corners-top{margin:0}#main .module-advert{background-color:#fff;color:#222;margin-bottom:4px;overflow:hidden;padding:0 10px}#main .module-advert span.corners-bottom,#main .module-advert span.corners-top{margin:0 -10px}#forum_rules table{border-collapse:separate;border-spacing:5px 5px;table-layout:fixed;width:100%}#forum_rules .logo{overflow:hidden;vertical-align:top;width:100px}#forum_rules .logo img{max-width:100px}div.navbar ul.linklist li.rightside strong a{font-weight:400}@media print{*{background-color:#fff;background-image:none;color:#000}body{font-size:10pt;margin:0;padding:0}body#phpbb div#wrap{margin:0;width:85%}span.corners-bottom,span.corners-top{display:none}#wrap #logo-desc img,#wrap #logo-desc p,div#page-header div.navbar,div#page-header div.navbar ul.linklist{display:none!important}#wrap div.headerbar{border-bottom:1px solid #ccc;margin:0}#wrap div#page-body h2{border-bottom:1px solid #ccc;font-weight:bolder;margin-bottom:1em}#wrap div#page-body .left-box,#wrap div#page-body .pagination,#wrap div#page-body div.topic-actions,#wrap div.post .right,#wrap div.postbody div.signature,#wrap div.postbody img,#wrap div.postbody ul.profile-icons,#wrap dl.postprofile{display:none!important;float:none}#wrap dl.postprofile{float:none}#wrap div.postbody .online{background-image:none}#wrap div.postbody{width:auto}#wrap div.postbody h3{font-size:10pt}#wrap div.postbody p.author{border-bottom:1px dashed #ccc;width:100%}#wrap div#page-body div.post{border-top:3px double #ccc;padding:0 0 2em}div.postbody{float:none;width:100%}#wrap div#page-body div.post .content{overflow:visible}div.noprint{display:none}}a[href="/u1"]{display:none}a[href="/u30922"]{text-shadow:0 0 7px #d4d6d5}#main-content{margin-left:15px}div.profile1.dl.dt.a.img{top:50px!important}li.row{-moz-border-radius:8px;-webkit-border-radius:8px;border-bottom:none;border-left:none;border-radius:8px;border-top:none}li.row:hover{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist.forums{-moz-border-radius:8px;-webkit-border-radius:8px;border-left:none;border-radius:8px}ul.topiclist dd{border-left:none}dl.icon{border:none!important}div.forumbg.announcement{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) no-repeat;border:solid 1px #d4d6d5;border-radius:3px;padding:2px}ul.topiclist.topics.bg_none{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#fff;border-left:none;border-radius:8px}div.vote.gensmall{border-top:solid 1px #d4d6d5;position:relative!important;right:-3px!important;top:-20px!important}div.panel.row3,div.post.row1,div.post.row1.online,div.post.row2,div.post.row2.online{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#fff;border:solid 1px #d4d6d5;border-radius:7px;padding:2px}div#tabs li a{-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom:solid 1px #eaeaea;border-top-left-radius:3px;border-top-right-radius:3px}div.postprofile{-moz-border-radius:7px;-webkit-border-radius:7px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-radius:7px;left:2px;padding:2px}ul.profile-icons{-moz-border-radius-bottomleft:10px;-moz-border-radius-topright:3px;background-color:#eaeaea;border:solid 1px #d4d6d5;border-bottom-left-radius:10px;border-top-right-radius:3px;height:25px;padding:5px 5px 10px 10px !important;position:relative;right:-48px;top:-18px}div.postprofile:hover,img.i_post:hover,img.i_reply:hover,ul.profile-icons li:hover{-moz-opacity:.9;filter:alpha(opacity=90);opacity:.9}#divbold:hover,#divcolor,#divitalic:hover,#divsmilies:hover,#divstrike:hover,#divunderline:hover,#main-content a.cgu-buttons:hover,#message:hover,button.button2:hover,input#submit_button:hover,input.button1:hover,input.button2:hover,input.liteoption:hover,input.mainoption:hover{background-position:0 100%;border:1px solid #363636;color:#363636}#chatbox_main_options li:hover,ul.online-users li:hover{font-size:12px}#chatbox_contextmenu{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #696969;border-radius:3px;padding:2px;z-index:99999999999!important}#chatbox_contextmenu p.close{color:#000}#chatbox_contextmenu p{border-bottom:solid 1px #696969}#chatbox_contextmenu p:hover{font-size:12px}#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline,#main-content a.cgu-buttons,#message,.spoiler dt,button.button2,input#submit_button,input.button1,input.button2,input.liteoption,input.mainoption{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}#chatbox_footer,#chatbox_header,#chatbox_header,#chatbox_members,#chatbox_row_ clearfix,#chatbox_row_2 clearfix{background-color:#fff!important;cursor:pointer!important;z-index:9999999999!important}#savec{position:relative}.save-bloc{background:#efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x;border:1px solid #BCBCBC;color:#555!important;cursor:point;dispay:none;display:none;left:0;padding:5px;position:absolute;top:20px;white-space:nowrap;z-index:999}.save-bloc div:hover{color:#050505!important}.save-bloc div{cursor:pointer}.save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}#wrap{-moz-border-radius:10px;-webkit-border-radius:10px;width:997px!important}#page-header .navbar ul.navlinks{background:url(http://i49.servimg.com/u/f49/15/29/79/25/meniu111.png) no-repeat 50% 0;height:50px;left:-64px;position:relative;width:1040px}#page-footer .navbar,#page-header .navbar{background:none;margin-left:32px;width:900px}#page-footer,div.navbar,div.navbar ul.linklist{display:block!important}.navbar{background-color:#FFF!important;clear:both;padding:0 10px}#page-header .navbar ul.navlinks li a:hover{color:#efefef;text-shadow:#000 -1px -1px 1px}#page-header .navbar ul.navlinks li a{bottom:-20px;color:#fff;font-family:arial;font-size:17px;margin:5px;position:relative;text-shadow:#000 1px 1px 1px}.table-title,div.module div.inner div.h3{color:#fff;font-family:arial;font-size:14px;text-shadow:#000 -1px 1px 1px}.icon .dterm .lastpost,.icon .dterm .posts,.icon .dterm .topics{color:#fff;font-family:arial;text-shadow:#000 -1px 1px 1px}.chatbox-title{color:#fff;float:left;font-family:arial;margin:0;padding:2px 5px 0;text-shadow:#000 1px 1px 1px;width:15em}.module{-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid #5fadd4;padding:0}.post{border:3px solid #5fadd4}div.newslink{-moz-border-radius:15px;-webkit-border-radius:15px;border:1px solid #000}.forabg,.forumbg announcement{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #5fadd4;border-radius:10px}.module .h3{background-image:url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);margin:-5px -5px auto;padding:10px;text-align:center;width:155px center}.post .h3{background-image:url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png)}.input.button1,button.button2,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px}#search-box{display:none!important}.viewonline{-moz-border-radius:10px;-webkit-border-radius:10px;background-color:#549ABD}.mainmenu:hover{border-bottom:1px solid #fff!important}.postprofile{-moz-border-radius:10px;-webkit-border-radius:10px;border:1px solid #efefef;padding:15px 10px 10px 0;text-align:center}.vote .vote-button,.vote-no-bar{display:none}.vote .vote-button:first-child{display:block}.vote{-moz-border-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;background-color:#eaeaea;border:1px solid #d4d6d5;padding:4px 1px;text-align:center;width:20px}.vote .vote-no-bar{display:none}.vote .vote-bar{border-bottom:1px solid #d4d6d5;border-left:0;border-right:0;border-top:1px solid #fff;font-size:0;height:50px;margin:0;padding:3px 0;width:20px}.vote .vote-bar-plus{margin-left:7px;width:6px}.vote .vote-bar-minus{margin-left:7px;width:6px}.vote .vote-button a[href $="plus"]{background:url(http://i46.servimg.com/u/f46/16/56/73/62/12.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}.vote .vote-button a[href $="minus"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/-11.png);background-repeat:no-repeat;color:transparent;display:block;height:21px;width:22px}#page-footer{border:3px solid #efefef}.h3,h3{border-bottom:1px solid #efefef}.inputbox:hover{border:1px solid #efefef}ul.navlinks{border-bottom:0 solid #FFF}ul.linklist li a img{-moz-opacity:.5;filter:alpha(opacity=50);opacity:.5}ul.linklist li a img:hover{-moz-opacity:1;cursor:allowed;filter:alpha(opacity=100);opacity:1}
.fade {
display:inline-block;
background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,255)), color-stop(1.00, rgba(255,255,255,0)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#00ffffff, GradientType=1)";
}
.blur {
display:inline-block;
color:#ddd;
text-shadow: 0 0 2px #aaaaaa;
text-shadow: 0 0 4px #aaaaaa;
text-shadow: 0 0 6px #aaaaaa;
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.flipH {
display:inline-block;
-moz-transform:scale(-1,1);
-o-transform:scale(-1,1);
-webkit-transform:scale(-1,1);
transform:scale(-1,1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=-1,
M12=0,
M21=0,
M22=1,
SizingMethod="auto expand");
}
.flipV {
display:inline-block;
-moz-transform:scale(1,-1);
-o-transform:scale(1,-1);
-webkit-transform:scale(1,-1);
transform:scale(1,-1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=1,
M12=0,
M21=0,
M22=-1,
SizingMethod="auto expand");
}

zen
por Hyouki
em Qui 11 Fev 2016 - 16:59
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Largura do fórum
Respostas: 6
Visto: 353

Avatar muito pequeno

Detalhes da questão


Endereço do fórum: http://nostagicgames.forumeiros.com/
Versão do fórum: PhpBB2

Descrição


No meu fórum, ao entrar no perfil do usuário o avatar fica do tamanho que quero, 150x350, porem nos tópicos o avatar fica muito pequeno, tenho 99% de certeza que é algo na CSS, poderiam arrumar para mim?

CSS:
body {
background: #edeff1 url("http://i55.servimg.com/u/f55/18/71/50/00/noise10.png") repeat;
color: #4e565e;
}
body, .pun a {
font: normal 11px "Trebuchet MS",tahoma,helvetica,arial,sans-serif;
}
::selection {
color: #fff;
background: #82b8e6;
}
a:link {text-decoration:none;}
.pun, .wrapper {
margin: 0 auto;
min-width: 980px;
max-width: 1600px;
width: 90%;
}
.pun {
background: #fff;
max-width: 1588px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 5px;
border: 1px solid #d6d8d9;
margin-bottom: 10px;
}
.overview {background: white;}
#pun-visit {
background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
box-shadow: 0 1px 4px #fde5bb;
font-size: 13px;
line-height: 140%;
margin: 5px 5px 10px;
padding: 10px;
text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}
#pun-visit, #pun-visit a {color: #b85f1d;}
.main-box, #pun-about {background: transparent;border: 0px; font: 0.8em;}
#secondary_navigation {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans810.png") repeat;
background: rgba(0,0,0,0.Estilo cool;
font-size: 11px;
text-shadow: rgba(0,0,0,0.Estilo cool 0px 1px 1px;
-webkit-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
-moz-box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
box-shadow: rgba(255,255,255,0.05) 0px 1px 0px;
border-bottom: 1px solid #0d0d0d;
overflow: hidden;
line-height: 37px;
clear: both;
}
#secondary_navigation a {
color: #ddd;
line-height: 37px;
height: 37px;
}
#secondary_navigation a:hover {
color: #fff;
text-shadow: #fff 0px 0px 3px;
}
#secondary_navigation li {list-style-type: none;}
#secondary_navigation li {
float: left;
}
.breadcrumb {
color: #777;
font-size: 11px;
}
ul.pun-crumbs {margin: 0px;padding: 0px;}
span.crumbs .first {
margin-left: 0;
background: none;
padding-left: 12px;
}
span.crumbs a {
color: #ddd;
margin-left: -8px;
padding: 10px 15px 10px 5px;
background: url('http://i55.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -1px;
}
span.crumbs a:hover {
background: url('http://i55.servimg.com/u/f55/18/71/50/00/second10.png') no-repeat 100% -44px;
}
#secondary_links a {
padding: 0 12px;
display: block;
}
#secondary_links img {
vertical-align: top;
width: 16px;
height: 16px;
position: relative;
margin: 10px -3px 0 -3px;
}
#secondary_links a:hover img {
opacity: 0.7;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
.left {float: left;}
/*INTRO*/
#pun-intro {
  background: #262626 url('http://i55.servimg.com/u/f55/18/71/50/00/brandi10.png') repeat;
  height: 69px;
  border-bottom: 1px solid #141414;
  padding: 0;
  padding-top: 38px;
}
#pun-desc {display: inline-block;}
#pun-navlinks {
background: rgba(0,0,0,0.3) url("http://i55.servimg.com/u/f55/18/71/50/00/trans310.png") repeat;
-webkit-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-moz-box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
box-shadow: rgba(255,255,255,0.1) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px, inset #000 0px 1px 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-transform: uppercase;
font-family: "Lato","Trebuchet MS",Arial,Helvetica,sans-serif;
float: right;
margin-top: 16px;
}
#pun-navlinks a.mainmenu {
color: #e9ebed;
padding: 8px;
line-height: 35px;
height: 35px;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
}
#pun-navlinks a.mainmenu:hover {
background: rgba(255,255,255,0.05) url("http://i55.servimg.com/u/f55/18/71/50/00/nav_ac10.png") repeat;
text-decoration: none;
color: #fff;
text-shadow: #fff 0px 0px 4px;
}
#pun-navlinks li {
font: 12px 700;
}
#pun-navlinks li a {
margin: 0px;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
#pun-head {
background: #a9afb6 url("http://i55.servimg.com/u/f55/18/71/50/00/noise11.png") repeat;
border-top: 1px solid #cbcdd1;
border-bottom: 1px solid #95999c;
-webkit-box-shadow: #fff 0px 1px 0px;
-moz-box-shadow: #fff 0px 1px 0px;
box-shadow: #fff 0px 1px 0px;
margin-bottom: 10px;
}
/*USERBAR*/
#user_navigation {
float: left;
color: #9f9f9f;
font-size: 11px;
line-height: 36px;
height: 36px;
overflow: hidden;
font-weight: bold;
border-left: 1px solid rgba(255,255,255,0.15);
}
#user_navigation .ipsList_inline li {
margin: 0;
list-style-type: none;
padding: 0;
float: left;
}
#user_navigation a {
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
float: left;
padding: 0 12px;
line-height: 36px;
outline: none;
height: 36px;
border-right: 1px solid rgba(255,255,255,0.15);
}
#user_navigation a:hover {
background: rgba(255,255,255,0.12);
}
#avatar img {
background: #fff;
border: 1px solid #959595;
height: 24px;
margin-top: 4px;
padding: 1px;
position: relative;
vertical-align: top;
width: 24px;
}
#user_navigation #sign_in img, #user_navigation #register_link img {
vertical-align: top;
position: relative;
margin: 10px 2px 0 0;
}
#inbox_link img {
background-image: url(http://i55.servimg.com/u/f55/18/71/50/00/icon_i10.png);
}
#notify_link img {
background-image: url(http://i55.servimg.com/u/f55/18/71/50/00/icon_n10.png);
}
#inbox_link img, #notify_link img {
background-position: 0 0;
background-repeat: no-repeat;
height: 20px;
vertical-align: middle;
width: 20px;
}
#search {
margin: 4px 0 0 0;
}
fieldset {
border: 0;
}
#adv_search {
width: 26px;
height: 26px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: url('http://i55.servimg.com/u/f55/18/71/50/00/advanc10.png') no-repeat 50% 50%;
text-indent: -3000em;
display: inline-block;
margin-left: 3px;
}
#adv_search:hover {
background-color: rgba(0,0,0,0.2);
}
#search_wrap {
position: relative;
background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans210.png") repeat;
background: rgba(0,0,0,0.2);
display: block;
padding: 0 26px 0 7px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.35) 0px 1px 3px, rgba(255,255,255,0.2) 0px 1px 0px;
min-width: 250px;
}
#main_search {
font: normal 12px tahoma,helvetica,arial,sans-serif;
border: 0;
margin: 3 0 0 0;
padding: 0;
background: transparent;
width: 138px;
outline: 0;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}
#search_options {
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url('http://i55.servimg.com/u/f55/18/71/50/00/trans410.png') repeat;
background: rgba(0,0,0,0.4);
display: inline-block;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
color: #fff;
float: right;
}
.clickable {
cursor: pointer;
}
#search .submit_input {
background: #292929 url('http://i55.servimg.com/u/f55/18/71/50/00/search10.png') no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-radius: 0 3px 3px 0;
}
#search .submit_input:hover {
background-color: #3e3e3e;
}
/*TABLEHEAD*/
.main .main-head, .title-overview , .main .main-foot {
background: #a9b4c0 url("http://i55.servimg.com/u/f55/18/71/50/00/noise12.png") repeat;
color: #fff;
text-shadow: rgba(0,0,0,0.25) 0px -1px 0px;
padding: 12px;
font-size: 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #778594 0px 1px 3px;
-moz-box-shadow: inset #778594 0px 1px 3px;
box-shadow: inset #778594 0px 1px 3px;
overflow: hidden;
margin-bottom: 2px;
}
.main .main-head .page-title {
font-weight: 700;
}
.pun table.table td, .pun table.table th {
background: #fff !important;
}
.pun table.table td {
padding: 10px;
border: 0px;
border-bottom: 1px solid #f3f3f3;
}
.pun table.table td.col_stats {text-align: right;}
.pun table.table td a {color: #676c70;}
.pun table.table td a:hover {color: #53585c;}
.hierarchy a {
  font: 12px bold;
}
.main .main-content, .main .main-content.frm, .pun .frm-form {background: transparent;border: 0px;}
/*WIDGETS*/
.module .main-head, .statistics_head {
background: #262626;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
padding: 10px;
}
.module .main-content {background: #fff;}
/*STATISTICS*/
.statistics_head {
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 8px;
}
#onlinelist, #onlinechat {
  background: #fff;
  border: 0px;
}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: url('http://i71.servimg.com/u/f71/18/12/14/12/trans110.png') repeat;
background: #edeff1;
color: #768089;
text-shadow: rgba(255,255,255,0.9) 0px 1px 0px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
padding: 3px 7px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
/*footer*/
#footer_utilities {
padding: 8px;
font-size: 11px;
position: relative;
border-top: 1px solid #141414;
text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
background: #262626 url('http://i55.servimg.com/u/f55/18/71/50/00/brandi11.png') repeat;
}
#footer_utilities, #footer_utilities a {
color: #ccc;
}
.clr {
clear: both;
}
#backtotop, #bottomScroll {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -12px;
position: absolute;
display: inline-block;
background: url("http://i55.servimg.com/u/f55/18/71/50/00/trans311.png") repeat;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
-moz-box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
box-shadow: inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.07) 0px 1px 0px;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
outline: 0;
}
#bottomScroll:hover,#backtotop:hover{background:url("http://i55.servimg.com/u/f55/18/71/50/00/trans710.png") repeat;background:rgba(0,0,0,0.7);color:#fff}
#backtotop img {
margin-top: 5px;
opacity: 0.4;
}
#backtotop:hover img {
opacity: 1;
}
.skin_link {
float: left;
padding-top: 4px;
}
.skin_link, .skin_link a {
color: #ccc !important;
}
#copyright {
text-align: right;
line-height: 22px;
float: right;
}
#footer_utilities .ipsList_inline {
margin-top: 3px;
clear: left;
float: left;
}
#footer_utilities .ipsList_inline>li {
margin: 0;
}
.ipsList_inline>li {
display: inline-block;list-style-type: none;
margin: 0 3px;
}
#rss_feed {
margin-top: -1px;
}
#footer_utilities .ipsList_inline>li>a {
margin-right: 0px;
padding: 4px 10px;
display: inline-block;
}
/*TÓPICO*/
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: 0px;
}
.pun .posthead {
background: #262626 url('http://i55.servimg.com/u/f55/18/71/50/00/brandi12.png') repeat;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #000 0px 1px 3px;
-moz-box-shadow: inset #000 0px 1px 3px;
box-shadow: inset #000 0px 1px 3px;
color: #bbb;
border: 0px;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.pun .posthead a {color: #fff;}
.pun .posthead h2 strong {
font: 11px normal;
color: #878c91;
}
.pun .posthead h2 strong:before {
  content: '#';
}
.pun .posthead .username {
  float: left;
  min-width: 177px;
}
.pun .posthead .username a {
font-weight: bold;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
font-size: 13px;
}
.pun .posthead .username a span {color: #fff !important;}
.pun .user .user-basic-info a img {
max-width: 90px;
max-height: 90px;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.pun .user .user-basic-info a img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
.pun .post {margin-bottom: 10px;}
.pun .post, .pun .postmain {background: #fff;border: 0px;}
.pun .postmain {margin-left: 17em;}
.pun .post .user {
width: 155px;
margin-top: 1em;
border-right: 1px dashed #e4e8ed;
font-size: 12px;
text-align: center;
margin-left: -16em;
padding: 10px 10px;
line-height: 150%;
}
.pun .user .user-info {
font: 11px;
color: #878c91;
}
.pun .postfoot {
background: #edeff1 url("http://i55.servimg.com/u/f55/18/71/50/00/noise13.png") repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px;
border-radius: 3px;
-webkit-box-shadow: inset #b3bac1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #b3bac1 0px 1px 3px;
clear: both;
}
/*PERFIL TABS PERSONALIZADOS*/
#tabs ul li a {
  font-weight: bold;
  color: #424242;
  background-color: #F1F1F1;
  border-color: #C1C1C1;
  background-image: url('http://i50.tinypic.com/2rcpvd3.png');
  background-repeat: repeat-x;
  margin-top: 10px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
#tabs ul li.activetab a:hover {
background-color: #363636;
}
#tabs ul li a:hover {
background-color: #F4F4F4;
border-color: #333;
}
#tabs ul li.activetab a {
background-color: #363636;
background-image: url(http://i50.tinypic.com/9qky9y.png);
background-repeat: repeat-x;
border-color: #363636;
color: white;
text-decoration: none;
}
#tabs ul li.activetab a:hover {
  background: white;
}
/*QR*/
#quick_reply .frm-buttons {
  text-align: right;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: #fff;
}
input[type="button"], input[type="submit"], input[type="reset"] {
background: #51a3ce url('http://i55.servimg.com/u/f55/18/71/50/00/highli11.png') repeat-x 0 0;
border: 1px solid #4897c0;
-webkit-box-shadow: #8ac7e7 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: #8ac7e7 0px 1px 2px;
color: #fff;
padding: 4px 10px !important;
cursor: pointer;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color:#60b3de;color:#fff}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;box-shadow:inset rgba(0,0,0,0.2) 0px 1px 3px;position:relative;top:1px}
por magista7
em Seg 1 Fev 2016 - 11:00
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Avatar muito pequeno
Respostas: 3
Visto: 273

Cor do "Painel de Controle"

Cole os seguintes códigos:
Folha de estilo CSS
Código:
.painelcontrole a:link{
 color:#fff !important;
}


No fim do rodapé (substitua todo o código por esse logo abaixo)
Código:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_SEPARATOR}<a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                        <!-- END footer_link -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center painelcontrole">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>
<div id="footer" class="clear">
    <div class="clearfix footerColumns">

        <div class="footerCol">
            <h3><a href="/forum">Forum</a></h3>
            <ul>
                <li><a href="#">Regras Gerais</a></li>
                <li><a href="#"> Noticias</a></li>
                <li><a href="#">Ajuda-Bugs</a></li>
                <li><a href="#">Edição de RG </a></li>
                <li><a href="#">Cash</a></li>
            </ul>
        </div>

        <div class="footerCol">
            <h3><a href="#">Denúncia e Revisão</a></h3>
            <ul>
                <li><a href="#">Denúncia Fórum</a></li>
                <li><a href="#">Denúncia Servidor</a></li>
                <li><a href="#">Revisões</a></li>
            </ul>
        </div>
        <div class="footerCol">
            <h3><a href="#">Assuntos Gerais</a></h3>
            <ul>
                <li><a href="#">Discussão</a></li>
                <li><a href="#">Downloads</a></li>
                <li><a href="#">Screenshots</a></li>
                <li><a href="#">Vídeos</a></li>
                <li><a href="#">Tutoriais</a></li>
            </ul>
        </div>
        <div class="footerCol">
            <h3><a href="#">Painel do Usuário</a></h3>
            <ul>
                <li><a href="/profile?mode=editprofile&page_profil=informations">Meu Perfil</a></li>
                <li><a href="/search?search_id=watchsearch">Tópicos sendo Observado(s)</a></li>
                <li><a href="/search?search_id=egosearch">Tópicos Responidos</a></li>
                <li><a href="/search?search_id=newposts">Novos Tópicos </a></li>
            </ul>
        </div>

        <div class="footerCol">
            <h3><a href="#">Grupos</a></h3>
            <ul>
                <li><a href="#">Administradores</a></li>
                <li><a href="#">Moderadores</a></li>
                <li><a href="#">Líderes</a></li>
                <li><a href="#">Helpers</a></li>
                <li><a href="#">Membros</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="footer_utilities" class="clearfix clear">
    <a rel="nofollow" href="#top" id="backtotop" title="Go to top">
      <img src="http://i.imgur.com/aSgMJ9W.png" alt="">
    </a>
    <div class="skin_link"><a href="http://www.ipbfocus.com">IPB skin</a> by <a href="http://baixacidade.forumeiros.com/">Sliw</a>
    </div>
    <!-- Copyright Information -->
    <p id="copyright">
        <a href="#" title="Community Forum Software by Forumotion">© 2016 BC RPG | Desenvolvido por Pala & Sliw - Todos os direitos reservados.</a>
    </p>
    <!-- / Copyright -->
    <ul class="ipsList_inline left">
        <li><a href="/contact">Contact Us</a>
        </li>
        <li><a href="/faq" title="View help" rel="help" accesskey="6">FAQ</a>
        </li>
    </ul>
</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_facebook_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
} );
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>
<style>
#footer_utilities{
   padding:12px;
   position:relative;
   background:url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans60.png") repeat;
   background-image:-moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.65) 100%);
   background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.65)));
   background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   background-image:-o-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   background-image:-ms-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   background-image:linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.65) 100%);
   border:1px
solid #111;
   border:1px
solid rgba(0,0,0,0.5);
   color:#ddd;
   -webkit-box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
   -moz-box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
   box-shadow:rgba(0,0,0,0.45) 0px 1px 5px;
   text-shadow:rgba(0,0,0,0.6) 0px -1px 0px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   border-radius:3px
}

#footer_utilities, #footer_utilities a{
   color:#fff
}

#footer_utilities .ipbmenu_content a{
   color:#333;
   text-shadow:none
}

#footer_utilities .ipsList_inline{
   margin-top:3px;
   clear:left;
   float:left
}

#footer_utilities .ipsList_inline>li{
   margin:0
}

#footer_utilities .ipsList_inline>li>a{
   margin-right:0px;
   padding:4px 10px;
   display:inline-block
}

#footer_utilities a.menu_active{
   background:url('http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans30.png') repeat;
   background:rgba(0,0,0,0.3);
   color:#fff;
   text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
   -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px;
   box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0px 1px 0px, rgba(255,255,255,0.05) 0px 0px 0px 1px
}

#copyright{
   text-align:right;
   line-height:22px;
   float:right
}

#ipsDebug_footer{
   width:900px;
   margin:8px
auto 0px auto;
   text-align:center;
   color:#404040;
   font-size:11px
}

#ipsDebug_footer
strong{
   margin-left:20px
}

#ipsDebug_footer
a{
   color:#404040
}
#backtotop,#bottomScroll{
   width:24px;
   height:24px;
   line-height:20px;
   left:50%;
   top:50%;
   margin-left:-12px;
   margin-top:-12px;
   position:absolute;
   display:inline-block;
   background:url("http://www.ipbfocus.com/skindemo/public/style_images/dispersion/trans20.png") repeat;
   background:rgba(0,0,0,0.2);
   -webkit-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
   -moz-box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
   box-shadow:inset rgba(0,0,0,0.7) 0px 1px 3px, rgba(255,255,255,0.1) 0px 1px 0px;
   text-align:center;
   -moz-border-radius:16px;
   -webkit-border-radius:16px;
   border-radius:16px;
   outline:0
}

#bottomScroll:hover,#backtotop:hover{
   background:rgba(0,0,0,0.7);
   color:#fff
}
#footer_utilities {
    padding: 12px;
    position: relative;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0% 0% transparent;
    color: #DDD;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.45);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    width: 88.3%;
    margin: 10px auto;
}
#backtotop img{
padding-top: 4px;
}
</style>


Criei uma segunda classe na div do Painel de controle, pq não sabia se a "center" é usada em outros locais do fórum.
O esquema é o mesmo, ali em #fff fica a cor.
Resultou? Não esqueça do joinha!
por Sir_Undead
em Sex 15 Jan 2016 - 12:26
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do "Painel de Controle"
Respostas: 6
Visto: 233

Cor do "Painel de Controle"

Acesse Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Cole o seguinte código lá e salve:
Código:
.copyright a:link {
    color: #fff !important;
}


Onde está #fff você altera para cor que quiser, no caso #fff é branco.
por Sir_Undead
em Sex 15 Jan 2016 - 8:27
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do "Painel de Controle"
Respostas: 6
Visto: 233

Duvida sobre codigo de parceiros

Shek escreveu:Bom dia!

Bem... Mas, seria no DIV ou na imagem? Se for na DIV, depois do align="center" basta atribuir o:
Código:
style="border: 1px solid #FFF"

Solid: indica que a borda é sólida (não modificar).
1px: Significa que a borda tem 1px. Quando mais aumentar, mais grossa a borda fica. Feliz
FFF: Seria a cor Hexadecimal da borda. Caso não queira, apenas tire o #FFF

Até mais!


Imagem
por Leonardo Luiz
em Seg 7 Dez 2015 - 14:12
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Duvida sobre codigo de parceiros
Respostas: 8
Visto: 302

Duvida sobre codigo de parceiros

Bom dia!

Bem... Mas, seria no DIV ou na imagem? Se for na DIV, depois do align="center" basta atribuir o:
Código:
style="border: 1px solid #FFF"
Solid: indica que a borda é sólida (não modificar).
1px: Significa que a borda tem 1px. Quando mais aumentar, mais grossa a borda fica. Feliz
FFF: Seria a cor Hexadecimal da borda. Caso não queira, apenas tire o #FFF

Até mais!
por Shek Crowley
em Seg 7 Dez 2015 - 14:05
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Duvida sobre codigo de parceiros
Respostas: 8
Visto: 302

Como alterar a pagination do fórum?

É quase isso que o Rafusqui falou, porém, procure no CSS essa linha:
Código:
background: #3c6994;

E altere o #3c6994, para a cor decimal (Isso é a cor da barra)


Procure por essa linha:
Código:
    background: #fff!important;

Altere o #fff para a sua cor em hexadecimal ou em inglês. Essa parte altera os botões quando estão ativos, por exemplo, se estiver na página 1 o botão 1 fica branco etc.
Procure por essa linha:
Código:
 background: rgba(255,255,255,0.1)!important;

Altere o rgba(255,255,255,0.1), para a cor desejada, esse é o fundo dos botões 1,2,3,4,5,6 etc.
Exemplo:
Código:
background: black !important

Seta A cor deve ser escrita em hexadecimal ou inglês!!

Abraço!
MateusAnjosV. Feliz
por MateusAnjosV
em Ter 10 Nov 2015 - 20:04
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como alterar a pagination do fórum?
Respostas: 5
Visto: 311

Adicionar um parágrafo dentro de um código javascript

Rapaz, deu certo mesmo.
Valeu mesmo, @MateusAnjosV.

search_results_posts:

<style type="text/css">#search-opts {
width:auto;
position:relative;
z-index:1;
}

.preset_label {
display: block !important;
padding-top: 20px !important;
}

#search-results {
width:auto;
position:relative;
z-index:1;
margin-top:-26px;
}

.search-option {
display:block;
margin:3px 0;
}

#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif {
color:#FFA;
}</style>

<script src="{JS_DIR}extendedview.js" type="text/javascript"></script>
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;<strong>{L_SEARCH_TITLE}</strong>
</p>
</div>

<div id="search-opts">
<div class="module main">
<div class="main-head">
<h3>Tipo de Pesquisa:</h3>
</div>
<div class="main-content">
<a class="search-option" href="/search?show_results=topics&">Por Tópicos</a>
<a class="search-option" href="/search?show_results=posts&">Por Postagens</a>
</div>
</div>
</div>

<script type="text/javascript">//<![CDATA[
(function() {
var opt = $('.search-option'), query = window.location.search.slice(1).replace(/show_results=(?:topics|posts)/, '').replace(/^&|&$/g, '');

opt[/show_results=topics/.test(window.location.search) ? 0 : 1].className += ' search-actif';
opt[0].href += query;
opt[1].href += query;
}());
//]]></script>

<div class="main paged" id="search-results">
<div class="inner-page">
<div class="paged-head clearfix">
</div>

<div class="main-head">
<h1 class="page-title">{L_SEARCH_MATCHES}</h1>
</div>
<!-- BEGIN searchresults -->
<div class="main-content topic">
<div class="post">
<div class="postmain">
<div class="posthead">
<h2><a href="{searchresults.U_POST}">{searchresults.TOPIC_TITLE}</a> - {searchresults.POST_DATE}</h2>
</div>

<div class="postbody">
<div class="user online">
<h4 class="user-ident">
<span class="username">{searchresults.POSTER_NAME}</span>
</h4>
</div>
</div>

<div class="post-entry">
<div class="entry-content">
<div>{searchresults.MESSAGE}</div>
</div>
</div>

<div class="postfoot">
<div class="user-contact">

</div>
<div class="post-options">
{L_FORUM}: <strong><a class="postdetails" href="{searchresults.U_FORUM}">{searchresults.FORUM_NAME}</a></strong>&nbsp;&nbsp;
{L_TOPIC}: <strong><a class="postdetails" href="{searchresults.U_TOPIC}">{searchresults.TOPIC_TITLE}</a></strong>&nbsp;&nbsp;
</div>
</div>
</div>
</div>
</div>
<!-- END searchresults -->

<div class="main-foot clearfix">
<h2>{L_SEARCH_MATCHES}</h2>
</div>

<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
<p class="posting">{L_BACK_TO_TOP}</p>
</div>
</div>
</div>
<div class="clear"></div>



<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<style type="text/css">
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif { color:#FFA }

#search_presets a.preset_option:hover { text-decoration:none }
</style>
<script type="text/javascript">
(function() {
var href = window.location.href,

presets = {
'\nFiltrar Por\n': {
'\nTempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
'\nTítulo do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
'\nAutor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
},

'\nOrdenar Por\n': {
'\nAscendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
'\nDescendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
}
},

title = $('.page-title')[0],
container = document.createElement('DIV'),
i, j, str = '';
container.id = 'search_presets';

if (title) {
for (i in presets) {
str += '<span class="preset_label">' + i + ' : </span>';
for (j in presets[i]) {
str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
}
}
container.innerHTML = str;
title.innerHTML = '';
title.appendChild(container);
}
})();
</script>


search_results_topics:

<style type="text/css">#search-opts {
width:auto;
position:relative;
z-index:1;
}

.preset_label {
display: block !important;
padding-top: 20px !important;
}

#search-results {
width:auto;
position:relative;
z-index:1;
margin-top: -26px;
}

.search-option {
display:block;
margin:3px 0;
}

#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif {
color:#FFA;
}</style>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<p class="crumbs">
<a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;<strong>{L_SEARCH_TITLE}</strong>
</p>
</div>

<div id="search-opts">
<div class="module main">
<div class="main-head">
<h3>Tipo de Pesquisa:</h3>
</div>
<div class="main-content">
<a class="search-option" href="/search?show_results=topics&">Por Tópicos</a>
<a class="search-option" href="/search?show_results=posts&">Por Postagens</a>
</div>
</div>
</div>

<script type="text/javascript">//<![CDATA[
(function() {
var opt = $('.search-option'), query = window.location.search.slice(1).replace(/show_results=(?:topics|posts)/, '').replace(/^&|&$/g, '');

opt[/show_results=topics/.test(window.location.search) ? 0 : 1].className += ' search-actif';
opt[0].href += query;
opt[1].href += query;
}());
//]]></script>

<div class="main paged" id="search-results">
<div class="inner-page">
<form action="{S_ACTION}" method="post" name="post" onsubmit="return verify_select();" class="frm-form">
<div class="paged-head clearfix">
</div>

<div class="main-head">
<h1 class="page-title">{L_SEARCH_MATCHES}</h1>
</div>

<div class="main-content">
<table class="table" cellspacing="0">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tcr">{L_FORUM}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>

<tbody class="statused">
<!-- BEGIN searchresults -->
<tr>
<td class="tcl tdtopics search">
<span class="status">
<img src="{searchresults.TOPIC_FOLDER_IMG}" alt="{searchresults.L_TOPIC_FOLDER_ALT}" title="{searchresults.L_TOPIC_FOLDER_ALT}" />
</span>
{searchresults.TOPIC_ICON}&nbsp;
{searchresults.NEWEST_POST_IMG}
{searchresults.PARTICIPATE_POST_IMG}&nbsp;
{searchresults.TOPIC_TYPE}&nbsp;
<h2 class="topic-title"> <a class="topictitle" href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></h2><br>
{searchresults.GOTO_PAGE}
{searchresults.TOPIC_AUTHOR}</br>
</td>
<td class="tc2"><a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_NAME}</a></td>
<td class="tcr">{searchresults.LAST_POST_TIME}<br>{searchresults.L_BY} {searchresults.LAST_POST_AUTHOR}{searchresults.LAST_POST_IMG}</br></td>
</tr>
<!-- END searchresults -->
</tbody>
</table>
</div>

<div class="main-foot">
</div>

<div class="paged-foot clearfix">
<p class="paging">{PAGINATION}</p>
<p class="posting">{L_BACK_TO_TOP}</p>
</div>
</form>
</div>
</div>
<div class="clear"></div>

<style type="text/css">
#search_presets a.preset_option {
color:#FFF;
margin:0 3px;
}

#search_presets a.preset_option.preset_actif { color:#FFA }

#search_presets a.preset_option:hover { text-decoration:none }
</style>
<script type="text/javascript">
(function() {
var href = window.location.href,

presets = {
'\nFiltrar Por\n': {
'\nTempo de Postagem\n': href.replace(/sort_by=\d+/, '') + '&sort_by=0',
'\nTítulo do Tópico\n': href.replace(/sort_by=\d+/, '') + '&sort_by=1',
'\nAutor\n': href.replace(/sort_by=\d+/, '') + '&sort_by=2'
},

'\nOrdenar Por\n': {
'\nAscendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=ASC',
'\nDescendente\n': href.replace(/&sort_dir=(?:ASC|DESC)/, '') + '&sort_dir=DESC'
}
},

title = $('.page-title')[0],
container = document.createElement('DIV'),
i, j, str = '';
container.id = 'search_presets';

if (title) {
for (i in presets) {
str += '<span class="preset_label">' + i + ' : </span>';
for (j in presets[i]) {
str += '<a class="preset_option ' + (new RegExp(presets[i][j].replace(/.*?(sort_by=\d+|sort_dir=(?:ASC|DESC))$/, '$1')).test(href) ? 'preset_actif' : '') + '" href="' + presets[i][j] + '">' + j + '</a>';
}
}
container.innerHTML = str;
title.innerHTML = '';
title.appendChild(container);
}
})();
</script>


Podem fechar Party
por Daniel Z
em Sab 31 Out 2015 - 0:15
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Adicionar um parágrafo dentro de um código javascript
Respostas: 17
Visto: 1409

[Logotipo] Ani Manga Online

Informações técnicas

Tipo de pedido : [Logo]
Dimensões : 691x263
Cores primátias : A fonte da letra será branca
Cores secundárias : A fonte da letra será branca
Imagens do pedido :
Imagens a serem usadas:

Texto a ser inserido : Ani Manga Online
Fonte : A fonte da palavra escrita "Fórum dos Fóruns"
Cor da fonte : #FFF
Link do meu fórum : http://animangaonline.ativoforum.com/
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : Meu prezado administrador,

Eu não quero igual ao logotipo de Fórum dos Fórum, eu gostaria como aquelas setas e apenas o nome do Ani Manga Online, se puder bote aquelas bolhas, olha exemplo:
http://prntscr.com/8v468t

O descrição, excluir isto, aquele logotipo de Forumeiros, pode tirar também, do outro lado que tem imagens tipo coração,sol,comunidade, retire isto também.
Bote uma render de anime ao lado de logotipo, seria bom!

Isto não é plágio, apenas mudei tudinho a tipografia, tente aparecido.
por Wamki
em Dom 25 Out 2015 - 12:48
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: [Logotipo] Ani Manga Online
Respostas: 5
Visto: 104

Background com CSS

Certo. Adicione no inicio da sua folha de estilos:
Código:
div#apresentaPrimeiro_quadrado { background: #FFF !important; }

#FFF Seta Corresponde à cor desejada.

Até mais.
Fraise
por Fraise
em Sex 23 Out 2015 - 16:56
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Background com CSS
Respostas: 11
Visto: 252

Como colorir a caixa de título dos tópicos ?

Para alterar a cor do texto, use este código:
Código:
.post .post-header {
color: #FFF !important;
}


#FFF corresponde à cor hexadecimal do texto.

Até mais.
Fraise
por Fraise
em Qua 14 Out 2015 - 16:04
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como colorir a caixa de título dos tópicos ?
Respostas: 20
Visto: 344

Cor do texto do fórum

Olá!

Aceda a Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS e, no ínicio, adicione o seguinte código:
Código:
.secondarytitle h2 { color: #FFF !important; }
a.forumlink:link { color: #FFF !important; }
a.forumlink:visited { color: #FFF !important; }


#FFF corresponde à cor hexadecimal. Poderá encontrar variadas cores aqui:
Seta http://www.color-hex.com/

Até mais.
Fraise
por Fraise
em Sab 10 Out 2015 - 11:44
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor do texto do fórum
Respostas: 4
Visto: 245

Imagem circular em últimas mensagens

Olá!

É só adicionar em seu CSS:
Código:
.mini_ava {
    background: #FFF;
    border-radius: 100px;
    border: 2px solid #FFF;
}
As cores #FFF representam o Branco em hexadecimal. O border-radius, representa o arredondamento do avatar. O quando maior o valor, mais redondo será. Feliz

Até mais!

Tópico movido de 'Questões sobre Códigos' para 'Questões sobre a aparência do fórum'
por Shek Crowley
em Qua 7 Out 2015 - 13:35
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Imagem circular em últimas mensagens
Respostas: 7
Visto: 1292

Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos

apresentou dois erros:

sendo eles, o titulo não aparecendo completo pois foi pro lado... e o outro seria que não aparece ainda os icones no local que pedi;

print de como está:



Meu codigo CSS:

codigo css:
#stats {
display: initial!important;
text-align: initial!important;
}

body[bgcolor="#fbfbfb"] {
position: inherit;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-spacing:0}
body {
color: #5A5A5A;
font: 11px "Open Sans",tahoma,helvetica,arial,sans-serif;
position: relative;
padding-bottom: 20px;
}
ol,ul{list-style:none}
.hide{display:none;}
a{color:#9e8677;text-decoration:none}a:hover{color:#111}::-moz-selection{color:#fff;background:#82b8e6}::selection{color:#fff;background:#82b8e6}.ipsList_inline>li{display:inline-block;margin:0
3px}.ipsList_inline>li:first-child{margin-left:0}.ipsList_inline>li:last-child{margin-right:0}.ipsList_inline.ipsList_reset>li:first-child{margin-left:3px}.ipsList_inline.ipsList_reset>li:last-child{margin-right:3px}.ipsList_inline.ipsList_nowrap{white-space:nowrap}
/*avatar*/
#avatar img {
width: 120px;
height: 120px;
vertical-align: top;
position: relative;
border-radius: 100%;
margin-top: 30px;
margin-right: 15px;
}
#avatar img:hover {
opacity:0.7;
}
/*wrapper ipb*/
.wrapper{margin:0 auto;width:96%;min-width:990px;max-width:1500px}
.pun {
line-height: 130%;
margin: 0px auto;
max-width: 1018px;
padding: 5px;
width: 98%;
min-width: 930px;
}
/*navegacion*/
#header_bar{background:#323232 url('http://i.imgur.com/zy9fTaH.png') repeat-x 0 1px;padding:0;text-align:right}#admin_bar{font-size:11px;line-height:28px;padding:0
12px;background:#323232 url('http://i.imgur.com/zy9fTaH.png') repeat-x 0 1px;overflow:hidden}#admin_bar
li{padding-left:10px;padding-right:10px}#admin_bar li.active
a{color:#fc6d35}#admin_bar
a{color:#8a8a8a}#admin_bar a:hover{color:#fff}#userBar{-webkit-box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 1px 4px;box-shadow:rgba(0,0,0,0.2) 0px 1px 4px}#user_navigation{display:block;color:#9f9f9f;font-size:11px;line-height:36px;overflow:hidden}@media (min-width: 1100px){#user_navigation
li.half{float:left;width:50%}#user_navigation li.half
a{padding:0
!important;text-align:center;background:rgba(255,255,255,0.08)}#user_navigation li.half a:hover{background:rgba(255,255,255,0.16)}#user_navigation
a#notify_link{padding-left:10px}#user_navigation a#user_link:before{content:"Welcome ";opacity:0.6}}#user_navigation
a{color:#fff;display:block;padding:0
0 0 20px;line-height:36px;outline:none}#user_navigation a:hover{background:rgba(0,0,0,0.2)}#changeBackgroundLink
a{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.08)}#changeBackgroundLink a:hover{background:rgba(255,255,255,0.16)}#changeBackgroundLink a:hover:after{content:"»";float:right}#user_navigation
a#user_link{display:block;text-transform:uppercase;font-size:10px;font-weight:bold;background:url("http://i.imgur.com/IQELYL2.png") repeat;background:rgba(0,0,0,0.3);line-height:46px}#user_navigation a#user_link:hover{background:url("http://i.imgur.com/mksg0Kw.png") repeat;background:rgba(0,0,0,0.4)}#user_navigation
.user_photo{position:relative;vertical-align:top;padding:0;height:24px;width:auto;margin:6px
-6px 0px -6px}#user_navigation #sign_in img,
#user_navigation #register_link
img{vertical-align:top;position:relative;margin:10px
2px 0 0}#user_navigation ul
li{margin:0;padding:0;display:block}#user_link_dd,.dropdownIndicator{display:inline-block;width:9px;height:5px;background:url('http://i.imgur.com/Lik7rK4.png') no-repeat left}#user_link_menucontent #links
li{width:50%;float:left;margin:3px
0;white-space:nowrap}#user_link_menucontent #links
a{display:block}.menu_active .dropdownIndicator, li.active
.dropdownIndicator{background-position:right}#community_app_menu .menu_active
.dropdownIndicator{background-position:left}#community_app_menu li.active .menu_active
.dropdownIndicator{background-position:right}#user_link_menucontent
#statusForm{margin-bottom:15px}#user_link_menucontent
#statusUpdate{margin-bottom:5px}#user_link_menucontent>div{margin-left:15px;width:265px;text-align:left}#statusSubmitGlobal{margin-top:3px}#user_navigation a#user_link.menu_active,
#user_navigation a#notify_link.menu_active,
#user_navigation
a#inbox_link.menu_active{background-position:bottom;background:#222;background:rgba(0,0,0,0.45);color:#fff;position:relative;z-index: 999;-moz-border-radius:3px 3px 0px 0px;border-radius:3px 3px 0px 0px}#notify_link,#inbox_link{vertical-align:middle;position:relative}#notify_link
img{background-image:url('http://i.imgur.com/Vdcb1OJ.png')}#inbox_link
img{background-image:url('http://i.imgur.com/fDNRyKA.png')}#notify_link img, #inbox_link
img{width:20px;height:20px;background-repeat:no-repeat;background-position:0 0;margin:-2px 4px 0 0}.services
img{margin:10px
-2px 0 -2px;vertical-align:top}#statusUpdateGlobal,#statusSubmitGlobal{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.15);border:1px
solid #757575;border:1px
solid rgba(255,255,255,0.3);color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:rgba(0,0,0,0.2) 0px -1px 0px}#statusSubmitGlobal{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(255,255,255,0.25)}#statusSubmitGlobal:hover{background:rgba(255,255,255,0.4)}
/*logo*/
#branding{height:90px}#logo{float:left}#logo
a.textLogo{color:#fff;text-shadow:rgba(0,0,0,0.3) 0px 1px 2px;background:url("http://i.imgur.com/Wv3FgDP.png") repeat;background:rgba(30,30,30,0.15);height:90px;line-height:90px;padding:0
20px;font-weight:300;font-size:24px;font-family:"Open Sans",Arial,Helvetica,sans-serif;display:block;text-decoration:none;min-width:205px;text-align:center}#logo a.textLogo:hover{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(30,30,30,0.25)}
/*menu*/
#primary_nav{}.sideLinks li,#community_app_menu>li{margin:0;position:relative;display:block;float:none}.sideLinks a,#community_app_menu>li>a{color:#ddd;color:rgba(255,255,255,0.75);display:block;outline:none;padding-left:20px;line-height:40px}.sideLinks a:hover,#community_app_menu>li>a:hover,#community_app_menu>li>a.menu_active{background:url("http://i.imgur.com/UMRtOx6.png") repeat;background:rgba(0,0,0,0.2);color:#fff}#community_app_menu>li.active>a{background:url("http://i.imgur.com/zTFWRpx.png") repeat;background:rgba(255,255,255,0.1);color:#fff;position:relative}#primary_nav a.ipbmenu
img{margin-right:-6px}#changeBackgroundLink a:before,
#socialSideLinks a:before,
#primary_nav a:before{content:"";display:inline-block;position:relative;width:17px;height:16px;margin-right:10px;top:4px;background:url("http://i.imgur.com/MVLcNuK.png") no-repeat 0 0;opacity:0.7}#nav_home a:before{background-position:0 -16px}#nav_app_forums a:before{background-position:0 -32px}#nav_app_members a:before{background-position:0 -48px}#nav_app_blog a:before{background-position:0 -64px}#nav_app_calendar a:before{background-position:0 -80px}#nav_app_ipchat a:before{background-position:0 -96px}#nav_app_ccs a:before{background-position:0 -112px}#nav_app_downloads a:before{background-position:0 -128px}#nav_app_gallery a:before{background-position:0 -144px}#nav_app_nexus a:before{background-position:0 -160px}#nav_app_rules a:before{background-position:0 -176px}#sideFacebook a:before{background-position:0 -192px}#sideTwitter a:before{background-position:0 -208px}#sideYoutube a:before{background-position:0 -224px}#sideGoogle a:before{background-position:0 -240px}#sideVimeo a:before{background-position:0 -256px}#sidePinterest a:before{background-position:0 -272px}#sideFlickr a:before{background-position:0 -288px}#nav_search a:before{background-position:0 -304px}#changeBackgroundLink a:before{background-position:0 -320px}#changeBackgroundLink a:hover:before,
#socialSideLinks a:hover:before,
#primary_nav li.active a:before,
#primary_nav a:hover:before{opacity:1}#primary_extra_menucontent,#more_apps_menucontent,.submenu_container{background:#173455;font-size:12px;border:0;min-width:140px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#primary_extra_menucontent li, .submenu_container li,
#more_apps_menucontent
li{padding:0;border:0;float:none !important;min-width:150px}#primary_extra_menucontent a,
#more_apps_menucontent a, .submenu_container
a{display:block;padding:8px
10px;color:#c5d5e2}#primary_extra_menucontent a:hover,
#more_apps_menucontent li:hover a, .submenu_container li:hover
a{background:#1d3c5f;color:#fff}#primary_extra_menucontent li:last-child a,
#more_apps_menucontent li:last-child
a{-moz-border-radius:0 0 4px 4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;border-radius:0 0 4px 4px}#community_app_menu .submenu_container,#more_apps_menucontent.submenu_container{width:260px}#community_app_menu .submenu_container li, #more_apps_menucontent.submenu_container
li{width:260px}
/*navegacion secundaria*/
#nav_wrap{background:url("http://i.imgur.com/pzPbNV4.png") repeat-x 0 0;border-bottom:1px solid #dbdbdb}#secondary_navigation{overflow:hidden;line-height:45px}#secondary_navigation
a{color:#757575;line-height:45px;height:45px}#secondary_navigation a:hover{color:#222}#secondary_navigation #breadcrumb
li{float:left}#secondary_navigation #breadcrumb li
a{padding-left:12px;margin-left:-18px;background:url('http://i.imgur.com/pzPbNV4.png') no-repeat 0 0;display:block;outline:none;text-decoration:none}#secondary_navigation #breadcrumb li.first
a{margin-left:0;background:none;padding-left:0px}#secondary_navigation #breadcrumb li
span{display:block;padding-right:17px;padding-left:7px;background:url('http://i.imgur.com/pzPbNV4.png') no-repeat 100% 0}#secondary_navigation #breadcrumb li>span{padding-left:7px;background:none transparent}#secondary_navigation #breadcrumb li.first>span{padding-left:13px}#secondary_navigation #breadcrumb li.first a
span{padding-left:12px}#secondary_navigation #breadcrumb li a:hover{background-position:0 -45px}#secondary_navigation #breadcrumb li a:hover
span{background-position:100% -45px}#secondary_navigation #breadcrumb li a:active{background-position:0 -90px}#secondary_navigation #breadcrumb li a:active
span{background-position:100% -90px}#secondary_links{overflow:hidden}#secondary_links
li{float:left;margin:0}#secondary_links span,
#secondary_links
a{padding:0
12px;display:block;border-left:1px solid #eaeaea;cursor:pointer}#secondary_links span:hover,
#secondary_links a:hover{background:url("http://i.imgur.com/bNdKSbT.png") repeat;background:rgba(255,255,255,0.6)}#secondary_links
img{vertical-align:top;width:16px;height:16px;position:relative;margin:14px
-1px 0 -1px}#secondary_links a#quickNavLaunch
img{opacity:0.6}#secondary_links a#quickNavLaunch:hover
img{opacity:1}
/*social*/
#socialButtons{padding:3px
3px 0 0;border-left:1px solid #eaeaea;height:42px}#socialButtons
a{float:left;margin-left:3px;background:url("http://i.imgur.com/LCDvevy.png") no-repeat 0 0;color:#fff;text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;font-weight:bold;height:37px;line-height:37px;padding:0
10px 0 49px;outline:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;-moz-box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;box-shadow:inset rgba(255,255,255,0.06) 0px 0px 0px 1px, inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.3) 0px 1px 3px;border:1px
solid transparent}#socialButtons a:active{position:relative;top:1px;-webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px;-moz-box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px;box-shadow:inset rgba(0,0,0,0.1) 0px 100px 0px}#socialButtons
a.facebookButton{background-color:#324e8a;border-color:#203468;background-position:0 -1px}#socialButtons a.facebookButton:hover{background-position:0 -41px}#socialButtons
a.twitterButton{background-color:#0097d5;border-color:#0777c0;background-position:0 -81px}#socialButtons a.twitterButton:hover{background-position:0 -121px}#socialButtons
a.youtubeButton{background-color:#af2823;border-color:#8b1a17;background-position:0 -161px}#socialButtons a.youtubeButton:hover{background-position:0 -201px}#socialButtons
a.googleButton{background-color:#da5733;border-color:#c83a22;background-position:0 -241px}#socialButtons a.googleButton:hover{background-position:0 -281px}#socialButtons
a.vimeoButton{background-color:#1a9ac7;border-color:#136f9d;background-position:0 -321px}#socialButtons a.vimeoButton:hover{background-position:0 -361px}#socialButtons
a.pinterestButton{background-color:#c61a1c;border-color:#a61213;background-position:0 -401px}#socialButtons a.pinterestButton:hover{background-position:0 -441px}#socialButtons
a.flickrButton{background-color:#ee218b;border-color:#cd135f;background-position:0 -481px}#socialButtons a.flickrButton:hover{background-position:0 -521px}#socialButtons.mediumSocial
a{padding-left:10px}#socialButtons.mediumSocial
a.facebookButton{background-position:-40px -1px}#socialButtons.mediumSocial a.facebookButton:hover{background-position:-40px -41px}#socialButtons.mediumSocial
a.twitterButton{background-position:-40px -81px}#socialButtons.mediumSocial a.twitterButton:hover{background-position:-40px -121px}#socialButtons.mediumSocial
a.youtubeButton{background-position:-40px -161px}#socialButtons.mediumSocial a.youtubeButton:hover{background-position:-40px -201px}#socialButtons.mediumSocial
a.googleButton{background-position:-40px -241px}#socialButtons.mediumSocial a.googleButton:hover{background-position:-40px -281px}#socialButtons.mediumSocial
a.vimeoButton{background-position:-40px -321px}#socialButtons.mediumSocial a.vimeoButton:hover{background-position:-40px -361px}#socialButtons.mediumSocial
a.pinterestButton{background-position:-40px -401px}#socialButtons.mediumSocial a.pinterestButton:hover{background-position:-40px -441px}#socialButtons.mediumSocial
a.flickrButton{background-position:-40px -481px}#socialButtons.mediumSocial a.flickrButton:hover{background-position:-40px -521px}#socialButtons.smallSocial
a{width:38px;padding:0;overflow:hidden;text-indent:-999px}.breadcrumb{}.breadcrumb li
.nav_sep{margin:0
5px 0 0}.breadcrumb li:first-child{margin-left:0}.breadcrumb.bottom{margin-top:10px;width:100%;display:none}.ipsHeaderMenu{background:#222;background:rgba(0,0,0,0.01) url("http://i.imgur.com/rXBPuoy.jpg") no-repeat 50% 50% fixed;-webkit-box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;-moz-box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;box-shadow:inset rgba(0,0,0,0.45) 0px 1000px 0px 200px !important;padding:10px;-moz-border-radius:0 3px 3px 3px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;border-radius:0 3px 3px 3px;overflow:hidden;width:340px;margin-top:1px}.ipsHeaderMenu
a{color:#eee;color:rgba(255,255,255,0.Estilo cool}.ipsHeaderMenu .ipsType_sectiontitle,
.ipsHeaderMenu a:hover{color:#fff}.ipsHeaderMenu .ipsType_sectiontitle,
.ipsHeaderMenu .ipsList_withminiphoto
li{border-color:#444;border-color:rgba(255,255,255,0.3)}.ipsHeaderMenu,
.ipsHeaderMenu .desc,
.ipsHeaderMenu
.desc.lighter{color:#888;color:rgba(255,255,255,0.45)}.ipsHeaderMenu.boxShadow{}.ipsHeaderMenu
.ipsType_sectiontitle{margin-bottom:8px}#user_notifications_link_menucontent.ipsHeaderMenu,#user_inbox_link_menucontent.ipsHeaderMenu{width:300px}
/*search*/
#search{margin:27px
0 0 0}#main_search{font-size:12px;border:0;padding:0;background:transparent;width:158px;outline:0;color:#fff;height: 35px;line-height: 35px;}#main_search.inactive{color:#bcbcbc}#search_wrap{position:relative;background:url("http://i.imgur.com/7b3YXwO.png") repeat;background:rgba(30,30,30,0.6);display:block;padding:0
36px 0 7px;height:36px;line-height:35px;min-width:260px;-webkit-box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px;-moz-box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px;box-shadow:inset rgba(0,0,0,0.25) 0px 0px 0px 1px}#adv_search{width:36px;height:36px;background:url('http://i.imgur.com/HcRg3O1.png') no-repeat 50% 50%;text-indent:-3000em;display:none}#adv_search:hover{background-color:rgba(0,0,0,0.2)}#search
.submit_input{background:url('http://i.imgur.com/TqvDYDx.png') no-repeat 50%;background-color:rgba(255,255,255,0.1);text-indent:-3000em;padding:0;border:0;display:block;width:36px;height:36px;position:absolute;right:0;top:0;bottom:0}#search .submit_input:hover{background-color:rgba(255,255,255,0.15)}#search_options{font-size:10px;height:30px;line-height:30px;margin:3px
3px 3px 0;padding:0
6px;background:rgba(255,255,255,0.05);color:#eee;display:inline-block;float:right;max-width:80px;text-overflow:ellipsis;overflow:hidden}#search_options_menucontent{min-width:130px;white-space:nowrap;padding:0;background:#fff;border:1px
solid #c6c6c6}#search_options_menucontent
input{margin-right:10px}#search_options_menucontent
li{border-bottom:1px solid #ededed;white-space:nowrap}#search_options_menucontent li:last-of-type{border-bottom:0}#search_options_menucontent label:hover{background:#f5f5f5}#search_options_menucontent
label{cursor:pointer;display:block;padding:0
6px}#search_options_menucontent
li.title{padding:3px
6px}
.right {
float: right;
}
fieldset,img{border:0}
/*theme*/
.backgroundBlur #userBar,
.backgroundBlur #shadowWrap,
.backgroundBlur .col_c_icon img,
.backgroundBlur .maintitle,
.backgroundBlur #footer_utilities,
.backgroundBlur .pagination .pages li.active,
.backgroundBlur .post_block
h3{background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed}.noBackgroundBlur #userBar,
.noBackgroundBlur #shadowWrap,
.noBackgroundBlur
#footer_utilities{background:url("http://i.imgur.com/xXISsDU.png") repeat;background:rgba(30,30,30,0.7)}body,
.noBackgroundBlur .col_c_icon img,
.noBackgroundBlur
.maintitle{background-repeat:no-repeat;background-position:50% 0;background-attachment:fixed}@media (min-width: 2561px){body,
.backgroundBlur #userBar,
.backgroundBlur #shadowWrap,
.backgroundBlur .col_c_icon img,
.backgroundBlur .maintitle,
.backgroundBlur #footer_utilities,
.backgroundBlur .pagination .pages li.active,
.backgroundBlur .post_block h3,
.noBackgroundBlur .col_c_icon img,
.noBackgroundBlur
.maintitle{-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}}.noBackgroundBlur
.maintitle{-webkit-box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px;-moz-box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px;box-shadow:inset rgba(0,0,0,0.2) 0px 0px 0px 1px, rgba(0,0,0,0.2) 0px 1px 3px, inset rgba(30,30,30,0.7) 0px 100px 0px}#shadowWrap{-webkit-box-shadow:rgba(0,0,0,0.35) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,0.35) 0px 1px 3px;box-shadow:rgba(0,0,0,0.35) 0px 1px 3px}#mainContent{background:#fff;margin-left:180px;overflow-x:hidden}#sideNav{width:180px;float:left}@media (max-width: 1099px){.hideSmall{display:none}body .sideLinks a, body #community_app_menu>li>a{padding-left:10px}}@media (min-width: 1100px){#mainContent{margin-left:245px}#sideNav{width:245px}body #notify_link img, body #inbox_link
img{margin-right:2px}}#sideNav
h4{display:block;text-transform:uppercase;font-size:10px;font-weight:bold;color:#fff;background:url("http://i.imgur.com/YdZ7F5e.png") repeat;background:rgba(0,0,0,0.3);margin:0;padding:16px
0 16px 20px;position:relative}#sideNav h4 .sideToggle,
#sideNav h4 .sideHide,
#sideNav h4
.sideShow{position:absolute;top:0;right:0;bottom:0;width:46px;background:url("http://i.imgur.com/8D0KT5x.png") no-repeat 50% -46px;cursor:pointer}#sideNav h4:hover .sideShow,
#sideNav h4:hover .sideHide,
#sideNav h4:hover
.sideToggle{background-color:rgba(0,0,0,0.1)}#sideNav h4 .sideShow:hover,
#sideNav h4 .sideHide:hover,
#sideNav h4 .sideToggle:hover{background-color:rgba(0,0,0,0.2)}#sideNav h4 .sideShow,
#sideNav h4
.sideToggle.collapsed{background-position:50% 0}#sideNav h4
.sideShow{display:none}#sideNav h4
.sideHide{display:block}#sideNav h4.collapsed
.sideShow{display:block}#sideNav h4.collapsed
.sideHide{display:none}#sideNav
h4.collapsed{box-shadow:inset rgba(0,0,0,0.2) 0px -1px 0px 0px}.sidePhoto{text-align:center;padding:10px
0 !important}.sidePhoto
a{display:inline-block !important;padding:0
!important}.sidePhoto
img{-webkit-box-shadow:rgba(0,0,0,0.4) 0px 1px 3px;-moz-box-shadow:rgba(0,0,0,0.4) 0px 1px 3px;box-shadow:rgba(0,0,0,0.4) 0px 1px 3px}.sidePhoto.round a,
.sidePhoto.round
img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}#content{padding:10px;line-height:120%}#toggle_background{display:none}#custom_background{border-bottom:1px solid #dbdbdb;margin-bottom:10px}#custom_background>div{padding:10px}#custom_background
span{display:block;float:left;margin:0
10px 10px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;-moz-box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;box-shadow:inset rgba(0,0,0,0.5) 0px 1px 5px, inset rgba(0,0,0,0.2) 0px 0px 0px 1px;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;width:210px;width:24%;margin-left:0.5%;margin-right:0.5%;margin-bottom:10px;height:130px;background-position:50% 50%;background-repeat:repeat;cursor:pointer;position:relative;z-index:2}#custom_background span:hover:after{position:absolute;top:0;left:0;bottom:0;right:0;background:url("http://i.imgur.com/2bTqFHR.png") no-repeat 50% 30px;background:rgba(30,30,30,0.3) url("http://i.imgur.com/2bTqFHR.png") no-repeat 50% 30px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;content:"Usar este background";text-shadow:rgba(0,0,0,0.4) 0px 1px 1px;text-align:center;padding-top:89px;color:#fff;font-size:13px;font-weight:bold;z-index:3}.row1,.post_block.row1{background-color:#fff}.row2,.post_block.row2{background-color:#fff}.unread
.highlight_unread{font-weight:bold}
/*codigos*/
.ipsType_pagetitle,.ipsType_subtitle{font:300 26px/1.4 Helvetica,Arial,sans-serif;color:#323232}.ipsType_subtitle{font-size:18px}.ipsType_sectiontitle{font-size:16px;font-weight:normal;color:#595959;padding:5px
0}.ipsType_pagedesc{color:#7f7f7f;line-height:1.5}.ipsType_pagedesc
a{text-decoration:underline}.ipsType_textblock{line-height:1.7}.ipsType_small{font-size:11px}.ipsType_smaller, .ipsType_smaller
a{font-size:11px !important}.ipsType_smallest, .ipsType_smallest
a{font-size:10px !important}.ipsBox_container
.ipsType_pagetitle{margin-bottom:6px}.ipsReset{margin:0px
!important;padding:0px
!important}
.clearfix:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
overflow: hidden;
}
/*lik*/
/*colo de link*/
.pun a:link {
color: #9E8677;
}
.pun a:Link:hover{
color:#222;
}
.pun a:link:visited {
color: #DE4545;
}
::-moz-selection{
color:#fff;
background:#757575
}

::selection{
color:#fff;
background:#757575
}
/*categorias*/
.main .main-head {
background-color: #645D57;
background-image: url('http://i.imgur.com/4Y4c1Y3.jpg');
background-repeat: no-repeat;
background-position: 50% 0px;
background-attachment: fixed;
color: #FFF;
padding: 20px 16px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
overflow: hidden;
border-radius: 3px;
position: relative;
}
.pun h2, .pun h3{
font-weight: bold;
}
.module .main-head {
background: none repeat scroll 0% 0% #FFF;
border-bottom: 1px solid #E3E3E3;
color: #727272;
font-size: 10px;
font-weight: bold;
padding: 12px;
text-transform: uppercase;
}
.recent_space {
border-bottom: 1.9px solid #DDD;
padding: 3px;
}
.pun .main-content {
background-color: #FFF;
border: 1px solid transparent;
}
.pun table.table td {
background: none repeat scroll 0% 0% transparent;
border-width: medium medium 1px;
border-style: none none solid;
border-color: transparent transparent #DDD;
}
/*post*/

.pun .post .user {
line-height: 130%;
text-align: center;
}
.post_username {
float: left;
font-weight: 700;
min-width: 190px;
}
.pun .postmain {
background-color: transparent;
margin-left: 18em;
}
.pun tbody.statused td.tcl {
padding-left: 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: transparent;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: right;
width: 13%;
}
.pun .posthead {
background-color: #645D57;
background-image: url('http://i.imgur.com/4Y4c1Y3.jpg');
background-repeat: no-repeat;
background-position: 50% 0px;
background-attachment: fixed;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25) inset;
border: 0.1px solid #333;
color: #FFF;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);

padding: 0px 10px;
height: 40px;
line-height: 40px;
font-weight: normal;
font-size: 13px;
overflow: hidden;
border-radius: 3px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
.postfoot {
border: 1px solid #EAEAEA;
clear: both;
margin-left: -18em;
padding: 0.5em 1em;
text-align: right;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0% 0% #F8F8F8;
border-radius: 3px;
overflow: hidden;
}
.main .main-foot {
background-color: #645D57;
background-image: url('http://i.imgur.com/4Y4c1Y3.jpg');
background-repeat: no-repeat;
background-position: 50% 0px;
background-attachment: fixed;
color: #FFF;
padding: 10px 16px 10px 16px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
overflow: hidden;
border-radius: 3px;
position: relative;
}
.pun .paged-foot, .pun .paged-head {
background-color: transparent;
border: transparent;
padding: 0.6em 1.3em 0.3em;
}
/*avatar en subforos*/
.mini_ava {float: left;}
.mini_ava img {
width: 34px;
height: 34px;
background: #F4F4F4;
margin: 0 7px;
margin-top: 5px;
}
.mini_ava img {-webkit-border-radius:3px;border-radius:3px}
.mini_ava img:hover{opacity:0.8}

#content-container div#main {
margin-bottom: 1em;
overflow: hidden;
margin-right: 10px;
}
/*estadist*/
#clear {
display: inline-block;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
color: #222;
padding: 3px 7px;
font-weight: bold;
margin-left: 30px;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
border-radius: 3px;
}
/*titlebox IPB*/
.ipbfs_titlebox {
background: #fafafa;
border: 1px solid #d6d6d6;
text-shadow: #fff 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
box-shadow: inset rgba(0,0,0,0.1) 0px 1px 4px;
padding: 16px;
overflow: hidden;
}
/*guest IPB*/
.guestMessage{background:#fff2db url("http://i.imgur.com/JbRVoDy.png") repeat-x 0 0;border:1px
solid #eac794;color:#b85f1d;line-height:180%;margin-bottom:10px;padding:10px;text-shadow:rgba(255,255,255,0.55) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.guestMessage
.guestHeader{background:rgb(240,175,81);background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);-webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#9a6200;text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:10px;font-size:1.1em;font-weight:bold;margin:-4px -4px 10px -4px}.guestMessage
a{color:#b85f1d;text-decoration:none}.guestMessage
a.guestButton{background:rgb(240,175,81);background:-moz-linear-gradient(top, rgba(240,175,81,1) 0%, rgba(245,197,114,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,175,81,1)), color-stop(100%,rgba(245,197,114,1)));background:-webkit-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-o-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:-ms-linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);background:linear-gradient(top, rgba(240,175,81,1) 0%,rgba(245,197,114,1) 100%);-webkit-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-moz-box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;box-shadow:inset #b0720a 0px 1px 4px, rgba(255,255,255,0.5) 0px 1px 0px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#9a6200;text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;padding:0
14px;display:inline-block;height:36px;line-height:36px;outline:0;margin:10px
8px 0 0;font-weight:bold;text-decoration:none}.guestMessage a.guestButton:hover{opacity:0.8}
/*ocultar*/
#pun-visit {
background-color: #F4F4F4;
border-color: #DDD;
border-style: solid;
border-width: 1px;
margin: 0px 0px 1em;
padding: 0.6em 1em;
display: none;
}

/*******CURTIR NO POST********/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}


.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}

.BS_like:before {
content: "Curtir";
}

#rep_post .bs_inline {
list-style: none;
}

.BS_like:hover {
background-color: #daedfb;
color: #666;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
content: "Curtidas ";
}
/***********FIM CURTIR************/

.cp_geral { width:340px; padding-top:50px; transition:all 150ms linear; } .cp_box { width:340px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); -moz-box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); box-shadow:1px 1px 12px 0 rgba(50,50,50,0.27); left:-120px; top:-13px; background:#fff; z-index:999; position:absolute; transition:all 150ms linear; margin:50px; } .cp_capa { background:#263340 url(http://i.imgur.com/6AnKAdN.png) right no-repeat; height:105px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; padding:5px 5px 0; } .cp_capa:before { content:""; display:inline-block; vertical-align:middle; margin-left:74px; width:0; height:0; position:absolute; top:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #263340; } .cp_capa-avatar { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; border:1px solid #d8d8d8; height:75px; width:75px; text-align:center; float:left; font-size:0; padding:7px; } .cp_capa-avatar img { -moz-border-radius:100%; -webkit-border-radius:100%; border:0 solid #d8d8d8; border-radius:100%; height:75px; width:75px; }.cp_capa-avatar img:nth-of-type(2){display:none} .cp_capa-nick { width:215px; height:75px; float:left; padding:25px 0 0 15px; } .cp_capa-nick strong { color:#fff!important; font-size:25px; font-weight:400!important; display:block; } .cp_info { text-align:center; padding:10px; } .cp_info-botoes { height:60px; width:320px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-decoration:none; } .cp_info-botoes a { text-decoration:none; } .cp_info-botoes-post { background:#ecf0f1; width:85px; height:53px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-rep { background:#6bbd21; width:110px; height:53px; text-transform:uppercase; border-bottom:7px solid #68a72f; float:left; } .cp_info-botoes-rep strong { padding-top:8px; color:#fff; display:block; font-size:20px; } .cp_info-botoes-rep span { color:#fff; font-size:12px; } .cp_info-botoes-data strong { padding-top:8px; color:#666; display:block; font-size:15px; } .cp_info-botoes-data { background:#ecf0f1; width:125px; height:53px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; border-top-right-radius:10px; border-bottom-right-radius:10px; text-transform:uppercase; border-bottom:7px solid #bec3c7; float:left; } .cp_info-botoes-post,.cp_info-botoes-rep,.cp_info-botoes-data { transition:all 150ms linear; } .cp_info-botoes-post:hover,.cp_info-botoes-rep:hover,.cp_info-botoes-data:hover { opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); } .cp_icones { background:#ecf0f1; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; color:#bec3c7; height:20px; padding:5px; } .cp_icones a { font-size:12px; text-decoration:none; color:#666; } .cp_mp,.cp_perfil { float:left; padding-left:10px; transition:all 150ms linear; } .cp_mp:hover { float:left; padding-left:10px; color:#c1392b; } .cp_mp:before { content:"\f003"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:before { content:"\f007"; font-family:FontAwesome; padding:0 4px; } .cp_perfil:hover { padding-left:10px; color:#6bbd21; } .cp_mais { width:100%; } .cp_capa-avatar br,.span_capa-nick img,.span_capa-nick br { display:none; } .cp_capa-nick span,.span_capa-nick { color:#fff!important; font-size:12px; line-height:22px; font-weight:400!important; float:none!important} .cp_info-botoes-post strong { padding-top:8px; color:#666; display:block; font-size:20px; } .cp_info-botoes-post span,.cp_info-botoes-data span { color:#868585; font-size:11px; }

/*chatbox*/
#chatbox_header.main-head {
background: #404040 url("http://i58.servimg.com/u/f58/18/62/03/31/highli14.png") repeat-x 0 -1px;
color: #fff;
text-shadow: 1px 1px 1px #333;
height: 40px;
margin: -6px -6px 0 -6px;
padding-left: 0.3em;
}
.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 88px 8px transparent;
font-family: "Myriad Pro",Tahoma,Geneva,sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
}
.chatbox-title {padding: 7px 4px 0 11px;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {color: #fff;}
.main-content.chatbox {
background: #404040 url("http://i58.servimg.com/u/f58/18/62/03/31/highli14.png") repeat-x 0 -1px;
border: 1px solid #565656;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
border: 0;
border-radius: 0 0 3px 3px;
box-shadow: rgba(0,0,0,0.3) 0 1px 4px;
padding: 6px;
border-radius: 3px;
}
#chatbox_members h4.member-title {display: none;}
#chatbox_members {
background: #fff;
height: 31px;
left: 0px;
overflow-y: hidden;
position: absolute;
top: 33px;
width: 100%;
border: 1px solid #dbe4ef;
}
#chatbox_members, #chatbox_contextmenu {z-index: 5;}
#chatbox_members li {display: inline-block;}
#chatbox_members a:last-child::after {
content: ', ';
}
#chatbox_members li:last-child a:last-child::after {
content: '';
}
#chatbox_members .member-title {
background: #fff;
color: #5a5a5a;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: #fff;
padding: 5px;
border-bottom: 1px solid #e3e3e3;
line-height: 1.3em;
}
#chatbox_messenger_form {margin: 0;}
#chatbox_footer {
border: 1px solid #d5dde5;
top: 65px;
min-width: 33%;
max-width: 33%;
background: #fff;
}
#chatbox_footer .right {float: left;}
#chatbox_footer .right:first-child {
background: #eff4f7;
float: none;
border-bottom: 1px solid #d5dde5;
padding:8px 10px;
}
#chatbox_footer .right:last-child {
margin-left: 15%;
padding: 3px;
}
#chatbox_messenger_form .right label {font-size: 0;}
input#message.post {
background-color: white;
height: 30px;
width: 71%;
outline: 0;
}
#submit_button {
background: #212121 url(http://i.imgur.com/IoFhTvG.png) repeat-x top;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
border-color: #212121;
margin-left: 8px;
height: 30px;
padding: 0 15px;
}
.fontbutton {
-moz-border-radius: 2px;
-moz-box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
-webkit-border-radius: 2px;
-webkit-box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
background: #393939 url(http://i55.servimg.com/u/f55/18/71/50/00/highli12.png) repeat-x 0 0;
border: 1px solid #585858 !important;
border-radius: 2px;
box-shadow: rgba(0,0,0,0.15) 0 1px 3px;
text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
label[for='format-bold'] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png') 50% 50% no-repeat;
}

label[for="format-italic"] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png') 50% 50% no-repeat;
}

label[for="format-underline"] {
background: url('http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png') 50% 50% no-repeat;
}

label[for="format-strike"] {
background: url('http://i21.servimg.com/u/f21/19/31/42/18/text_s10.png') 50% 50% no-repeat;
}
#divcolor {
background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox span[title] {float: right !important;}
#chatbox:after {
content: 'Respeite as Regras ou poderá ser severamente punido.';
background: url(http://i55.servimg.com/u/f55/18/71/50/00/highli10.png) repeat-x scroll 0 0 #f9d79b;
border: 1px solid #ebb962;
color: #b85f1d;
box-shadow: 0 1px 4px #fde5bb;
display: block;
padding: 10px;
line-height: 1.6;
font-size: 12px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#chatbox_top {min-height: 380px;}
#chatbox{
top: 65px;
left: 34%;
bottom: 0px;
background: #fff;
border: 1px solid #e3e3e3;
}

.numerodasrespostas {
position: absolute;
margin-top: -9px !important;
height: 6px !important;
margin-left: -0px !important;
width: 260px !important;
}
.numerodasrespostas:hover::after,
.numerodasrespostas:hover::before {
opacity: 1 !important;
}
.numerodasrespostas::before,
.numerodasrespostas::after {
opacity: 0 !important;
-webkit-transition: 0.5s !important;
-moz-transition-duration: 0.5s !important;
-htm-transition-duration: 0.5s !important;
}
.numerodasrespostas::before {
display: block !important;
content: " " !important;
height: 0 !important;
position: relative !important;
width: 0 !important;
border-left: 5px solid rgba(0, 0, 0, 0) !important;
border-right: 5px solid rgba(0, 0, 0, 0) !important;
border-top: 5px solid #18B0EB !important;
bottom: -8px !important;
left: 20px !important;
}
.numerodasrespostas::after {
content: attr(stac) !important;
background: #18B0EB !important;
width: 150px !important;
display: block !important;
border-radius: 2px !important;
position: relative !important;
bottom: 32px !important;
color: #FFF !important;
padding: 3px 0 !important;
left: 8px !important;
text-align: center !important;
font: bold 12px helvetica !important;
text-shadow: 0 1px 0 #1297CA !important;
line-height: 15px;
height: 15px;
}
.popularidade {
margin-top: 10px !important;
right: 0px !important;
height: 5px !important;
width: 260px !important;
background: #E2E2E2 !important;
bottom: 5px !important;
left: 155px !important;
border-radius: 4px !important;
overflow: hidden !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset !important;
}
.barp {
height: 5px !important;
max-width: 260px !important;
border-radius: 4px !important;
background: -webkit-linear-gradient(top, #83C200 0%, #71A00E 100%);
background: -moz-linear-gradient(top, #83c200, #71A00E);
background: linear-gradient(top, #83c200, #71A00E);
background: -ms-linear-gradient(top, #83c200, #71A00E);
}
.barp[style="width: 36%;"],
.barp[style="width: 37%;"],
.barp[style="width: 38%;"],
.barp[style="width: 39%;"],
.barp[style="width: 40%;"],
.barp[style="width: 41%;"],
.barp[style="width: 42%;"],
.barp[style="width: 43%;"],
.barp[style="width: 44%;"],
.barp[style="width: 45%;"],
.barp[style="width: 46%;"],
.barp[style="width: 47%;"],
.barp[style="width: 48%;"],
.barp[style="width: 49%;"],
.barp[style="width: 50%;"],
.barp[style="width: 51%;"],
.barp[style="width: 52%;"],
.barp[style="width: 53%;"],
.barp[style="width: 54%;"],
.barp[style="width: 55%;"],
.barp[style="width: 56%;"],
.barp[style="width: 57%;"],
.barp[style="width: 58%;"],
.barp[style="width: 59%;"],
.barp[style="width: 60%;"],
.barp[style="width: 61%;"],
.barp[style="width: 62%;"],
.barp[style="width: 63%;"],
.barp[style="width: 64%;"],
.barp[style="width: 65%;"] {
background: -webkit-linear-gradient(top, #E99B00 0%, #FF811F 100%);
background: -moz-linear-gradient(top, #E99B00, #FF811F);
background: -ms-linear-gradient(top, #E99B00, #FF811F);
background: -o-linear-gradient(top, #E99B00, #FF811F);
background: linear-gradient(top, #E99B00, #FF811F);
}
.barp[style="width: 0%;"],
.barp[style="width: 1%;"],
.barp[style="width: 2%;"],
.barp[style="width: 3%;"],
.barp[style="width: 4%;"],
.barp[style="width: 5%;"],
.barp[style="width: 6%;"],
.barp[style="width: 7%;"],
.barp[style="width: 8%;"],
.barp[style="width: 9%;"],
.barp[style="width: 10%;"],
.barp[style="width: 11%;"],
.barp[style="width: 12%;"],
.barp[style="width: 13%;"],
.barp[style="width: 14%;"],
.barp[style="width: 15%;"],
.barp[style="width: 16%;"],
.barp[style="width: 17%;"],
.barp[style="width: 18%;"],
.barp[style="width: 19%;"],
.barp[style="width: 20%;"],
.barp[style="width: 21%;"],
.barp[style="width: 22%;"],
.barp[style="width: 23%;"],
.barp[style="width: 24%;"],
.barp[style="width: 25%;"],
.barp[style="width: 26%;"],
.barp[style="width: 27%;"],
.barp[style="width: 28%;"],
.barp[style="width: 29%;"],
.barp[style="width: 30%;"],
.barp[style="width: 31%;"],
.barp[style="width: 32%;"],
.barp[style="width: 33%;"],
.barp[style="width: 34%;"],
.barp[style="width: 35%;"] {
background: -webkit-linear-gradient(top, #40B6FD 0%, #009FFF 100%);
background: -moz-linear-gradient(top, #40B6FD, #009fff);
background: linear-gradient(top, #40B6FD, #009fff);
background: -ms-linear-gradient(top, #40B6FD, #009fff);
}
.text-po {
bottom: 3px !important;
font: bold 9px verdana !important;
left: 90px !important;
color: #637479 !important;
}

.alert, .success, .information, .warn {
padding: 15px;
width: 85%;
border: 1px solid;
margin: 3px 0;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font: 13px "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.alert > p, .success > p, .information > p, .warn > p {
font-weight: bold;
font-size: 14px;
}
.alert {
background: #FAFFB2;
border-color: #DBE08A;
color: #AF8640;
}
.warn {
background-color: #F2DEDE;
border-color: #D3949E;
color: #A94442;
}
.success {
background-color: #DFF0D8;
border-color: #A5D280;
color: #3C763D;
}
.information {
background-color: #ADDBF2;
border-color: #5AB7CA;
color: #31708F;
}

.pun table.table th {
display: none;
}

.pun .posthead img, .pun table .tdtopics img {
display: none;
}

#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}

#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
border-radius: 10px !important;
background-color: #F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar {
width: 12px !important;
background-color: #F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-thumb {
border-radius: 10px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
background-color: #555 !important;
}
#fa_toolbar #fa_right #notif_list {
overflow: hidden;
height: 400px !important;
overflow-x: hidden !important;
}
#fa_toolbar #fa_right #notif_list:hover {
overflow: scroll !important;
overflow-x: hidden !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
background-color: #EEEFF4 !important;
}
#fa_toolbar #fa_right #notif_list li .contentText {
color: #333 !important;
height: 50px !important;
}
.notifFaceavatar {
float:left !important;
margin:0 5px !important;
padding:2px !important;
}
.notifFaceavatar img {
height: 45px !important;
width: 45px !important;
}
#fa_toolbar #fa_right #notif_list {
border: 1px solid #e0e0e0 !important;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
border-radius: 5px !important;
}
#fa_toolbar #fa_right #notif_list li.see_all {
text-align: center !important;
background-color: #f7f7f7 !important;
-webkit-border-bottom-right-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
-moz-border-radius-bottomright: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
border-bottom-right-radius: 5px !important;
border-bottom-left-radius: 5px !important;
}
#fa_toolbar #fa_right #notif_list a {
color: #3B5998 !important;
}
#fa_toolbar #fa_right #notif_list li a.delete {
background: url('http://i.imgur.com/b5E2MD2.jpg') no-repeat !important;
}
#fa_toolbar #fa_right #notif_list li a.delete:hover {
background: url('http://i.imgur.com/ydpwRs2.jpg') no-repeat !important;
}
#fa_toolbar #fa_right #notif_list li {
border-top: 1px solid #dddddd !important;
border-left: 0px !important;
border-bottom: 0px !important;
border-right: 0px !important;
}
#fa_toolbar #fa_right #notif_list li hr {
border: 0px !important;
}
por Rafusqui_
em Seg 14 Set 2015 - 15:15
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar local do Aberto/Bloqueado na Visualizaçao dos topicos
Respostas: 16
Visto: 370

Número de respostas em balão

Muito bem @Hancki,já alterei pro seu css,aqui está:

topic_list_box:
<style>
.star.activity {
height: 12px;
width: 73px;
background: url("http://i.imgur.com/dm5QnCN.png");
right: 10px;
background-repeat: no-repeat;
bottom: 15px;
background-position: left center;
}

.star[stac="0"] {
background: url("http://i.imgur.com/ViFyMEG.png");
}

.star[stac="1"],.star[stac="2"],.star[stac="3"],.star[stac="4"] {
background: url("http://i.imgur.com/9reqafN.png");
}

.star[stac="5"],.star[stac="6"],.star[stac="7"],.star[stac="8"],.star[stac="9"],.star[stac="10"] {
background: url("http://i.imgur.com/XpiY9iH.png");
}

.star[stac="11"],.star[stac="12"],.star[stac="13"],.star[stac="14"],.star[stac="15"] {
background: url("http://i.imgur.com/pV3CoZR.png");
}

.star[stac="16"],.star[stac="17"],.star[stac="18"],.star[stac="19"],.star[stac="20"] {
background: url("http://i.imgur.com/Mbzg4bC.png");
}

.star[stac="21"],.star[stac="22"],.star[stac="23"],.star[stac="24"],.star[stac="25"] {
background: url("http://i.imgur.com/CbFTPnM.png");
}

.star[stac="26"],.star[stac="27"],.star[stac="28"],.star[stac="29"],.star[stac="30"] {
background: url("http://i.imgur.com/qiMvzrL.png");
}

.star[stac="31"],.star[stac="32"],.star[stac="33"],.star[stac="34"],.star[stac="35"] {
background: url("http://i.imgur.com/ryA6LNr.png");
}

.star[stac="36"],.star[stac="37"],.star[stac="38"],.star[stac="39"],.star[stac="40"] {
background: url("http://i.imgur.com/APIhQSw.png");
}

.star[stac="41"],.star[stac="42"],.star[stac="43"],.star[stac="44"],.star[stac="45"] {
background: url("http://i.imgur.com/TmeZdLD.png");
}

.star[stac="46"],.star[stac="47"],.star[stac="48"],.star[stac="49"],.star[stac="50"] {
background: url("http://i.imgur.com/Q2JgrGS.png");
}

.star[stac="51"],.star[stac="52"],.star[stac="53"],.star[stac="54"],.star[stac="55"] {
background: url("http://i.imgur.com/mJH6CcZ.png");
}

.star[stac="56"],.star[stac="57"],.star[stac="58"],.star[stac="59"],.star[stac="60"] {
background: url("http://i.imgur.com/MuPtV3m.png");
}

.star[stac="61"],.star[stac="62"],.star[stac="63"],.star[stac="64"],.star[stac="65"] {
background: url("http://i.imgur.com/ROXGqTE.png");
}

.star[stac="66"],.star[stac="67"],.star[stac="68"],.star[stac="69"],.star[stac="70"] {
background: url("http://i.imgur.com/iRph5iv.png");
}

.star[stac="71"],.star[stac="72"],.star[stac="73"],.star[stac="74"],.star[stac="75"] {
background: url("http://i.imgur.com/hYqLbmF.png");
}

.star[stac="76"],.star[stac="77"],.star[stac="78"],.star[stac="79"],.star[stac="80"] {
background: url("http://i.imgur.com/3LSTxfB.png");
}

.star[stac="81"],.star[stac="82"],.star[stac="83"],.star[stac="84"],.star[stac="85"] {
background: url("http://i.imgur.com/2hvADNM.png");
}

.star[stac="86"],.star[stac="87"],.star[stac="88"],.star[stac="89"],.star[stac="90"] {
background: url("http://i.imgur.com/occYLvS.png");
}

.star[stac="91"],.star[stac="92"],.star[stac="93"],.star[stac="94"],.star[stac="95"] {
background: url("http://i.imgur.com/ziRBtQ8.png");
}

.star[stac="96"],.star[stac="97"],.star[stac="98"],.star[stac="99"],.star[stac="100"] {
background: url("http://i.imgur.com/dm5QnCN.png");
}

.star.activity::after {
content: attr(stac);
background: #18B0EB;
width: 61px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}

.star.activity::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}

.star.activity::before,.star.activity::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}

.star.activity:hover::after,.star.activity:hover::before {
opacity: 1;
}
.numerodasrespostas {
position: absolute;
margin-top: 9px;
height: 6px;
margin-left: 50px;
width: 260px;
}
.numerodasrespostas::before {
display: block;
content: " ";
height: 0;
position: relative;
width: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-top: 5px solid #18B0EB;
bottom: 5px;
left: 31px;
}
.numerodasrespostas::after {
content: attr(stac);
background: #18B0EB;
width: 150px;
display: block;
border-radius: 2px;
position: relative;
bottom: 30px;
color: #FFF;
padding: 3px 0;
left: 6px;
text-align: center;
font: bold 12px helvetica;
text-shadow: 0 1px 0 #1297CA;
}
.numerodasrespostas::before, .numerodasrespostas::after {
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition-duration: 0.5s;
-htm-transition-duration: 0.5s;
}
.popularidade {
margin-top: 10px;
right: 0px;
height: 5px;
width: 260px;
background: #E2E2E2;
bottom: 5px;
left: 155px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16) inset;
}
.barp[style="width: 0%;"], .barp[style="width: 1%;"], .barp[style="width: 2%;"], .barp[style="width: 3%;"], .barp[style="width: 4%;"], .barp[style="width: 5%;"], .barp[style="width: 6%;"], .barp[style="width: 7%;"], .barp[style="width: 8%;"], .barp[style="width: 9%;"], .barp[style="width: 10%;"], .barp[style="width: 11%;"], .barp[style="width: 12%;"], .barp[style="width: 13%;"], .barp[style="width: 14%;"], .barp[style="width: 15%;"], .barp[style="width: 16%;"], .barp[style="width: 17%;"], .barp[style="width: 18%;"], .barp[style="width: 19%;"], .barp[style="width: 20%;"], .barp[style="width: 21%;"], .barp[style="width: 22%;"], .barp[style="width: 23%;"], .barp[style="width: 24%;"], .barp[style="width: 25%;"], .barp[style="width: 26%;"], .barp[style="width: 27%;"], .barp[style="width: 28%;"], .barp[style="width: 29%;"], .barp[style="width: 30%;"], .barp[style="width: 31%;"], .barp[style="width: 32%;"], .barp[style="width: 33%;"], .barp[style="width: 34%;"], .barp[style="width: 35%;"] {
background: -webkit-linear-gradient(top, #40B6FD 0%, #009FFF 100%);
background: -moz-linear-gradient(top, #40B6FD, #009fff);
background: linear-gradient(top, #40B6FD, #009fff);
background: -ms-linear-gradient(top, #40B6FD, #009fff);
}

</style>
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>
<!-- END multi_selection -->

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
</div>

<div class="main-head">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" / >
<!-- END multi_selection -->
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_TOPICS}</th>
<th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END table_sticky -->
<tr>
<td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<span class="status">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</span>
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
<!-- END single_selection -->
{topics_list_box.row.ICON}&nbsp;
{topics_list_box.row.NEWEST_POST_IMG}
{topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
{topics_list_box.row.TOPIC_TYPE}
<h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
{topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
{topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
<!-- BEGIN switch_description -->
<br />
&nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
<!-- END switch_description -->
</td>
<td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<div class="star activity" stac="{topics_list_box.row.VIEWS}"></div>
</td>
<td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->

{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} <div stac="0 Respostas" class="numerodasrespostas"><div class="popularidade"><div stac="0" class="barp" style="width: 3%;">{topics_list_box.row.LAST_POST_IMG}</div></div>
</td>
<!-- BEGIN multi_selection -->
<td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</tbody>
</table>
</div>
<div class="main-foot clearfix">
<!-- BEGIN multi_selection -->
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
<!-- END multi_selection -->
<p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
<p class="options">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
</p>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
por Rafusqui_
em Sex 11 Set 2015 - 3:28
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Número de respostas em balão
Respostas: 27
Visto: 576

Modificar fundo do fórum

Detalhes da questão


Endereço do fórum: http://habbol.forumbrasil.net/
Versão do fórum: PunBB

Descrição


Coloquei um blackgroud no .body } gostaria que nass laterais fosse o blackgroud e onde esta em vermelho na imagem fosse na cor #fff

img:



http://i62.tinypic.com/ftetmt.png
por wilvp
em Dom 6 Set 2015 - 8:11
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificar fundo do fórum
Respostas: 3
Visto: 281

Remover imagem de fundo dos botões da resposta rápida

Folha de CSS:
body {
background-color: #D8DDE8;
color: #5A5A5A;
font: normal 13px helvetica,arial,sans-serif;
}
#pun-intro {
 display: none;
}
.vote {
width: 59px;
}
.vote .vote-button {
margin: -20px 25px;
}
#quick-avatar {
position: absolute;
margin: 43px 21px;
}
#quick-avatar img {
width: 60px;
height: 60px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#quick-avatar img:hover {
 border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.pun .paging b, .pagination b, .pagination span strong {
border-image: initial;
border-radius: 3px;
color: white!important;
font-size: 12px;
font-weight: 400!important;
margin-left: -1px!important;
padding: 5px 5px!important;
text-shadow: 0 1px 0 black;
visibility: visible;
background: #7BA60D;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}
.paging a , .paging input, .pagination a, .pagination input {
border-image: initial;
border-radius: 3px;
font-size: 12px!important;
margin: 2px;
padding: 5px 5px!important;
text-shadow: 0 1px 0 white;
visibility: visible;
color: #333;
display: inline-block;
display: inline-block;
padding: 1px 4px;
}
/*feature box*/
.post_feature_box {
 margin-top: 5px;
 max-width:100%;
 background-color: rgb(234, 248, 226);
 border: 1px dotted rgb(51, 51, 51);
 padding: 6px;
 min-height: 60px;
}
#best-res {
margin-left: 3%;
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
.ipsUserPhoto {
float: left;
padding: 1px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-right: 8px;
}
.ipsUserPhoto:hover {
border-color: #7d7d7d;
}
.ipsUserPhoto img {
width: 50px;
height: 50px;
}
.ipsBadge {
background: #7ba60d;
display: inline-block;
height: 16px;
line-height: 16px;
padding: 0 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
margin-right: 8px;
}
input {
padding: 3px;
}
#smilies_categ {
display: none;
}
#simple-wrap {
padding-top: 10px;
}
.recent_space {
border-bottom: 1px solid #F3F3F3;
margin: -5px;
}
.avt-r {
float: left;
}
.avt-r img {
width: 30px;
height: 30px;
margin: 3px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.avt-r img:hover {
border-color: #a1a1a1;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
button.button2 {
border: none !important;
background: none !important;
background-color: transparent !important;
}
input.button2 {
border: 1px solid grey;
background: none !important;
background-color: transparent !important;
}
img[src="http://illiweb.com/fa/wysiwyg/separator.png"] {
display: none;
}
a[href="/g9-administrators"], a[href="/g4-support-moderators"], a[href="/g7-graphic-designers"], a[href="/g6-reviewers"] {
font-weight: bold !important;
}
span.msg {
width: 50% !important;
}
.pun table .tcr {
width: 25%;
}
img[src="http://illiweb.com/fa/resize.gif"] {
display: none;
}
a.gensmall, a.gensmall span strong {
font-weight: normal;
}
.postmain blockquote {
border: none;
}
h4.username a {
font-weight: normal;
}
.postmain cite {
font-size:12px;
padding:8px 10px;
border-left:2px solid #989898;
background:#f6f6f6;
background:-moz-linear-gradient(top,#f6f6f6 0%,#e5e5e5 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f6f6f6),color-stop(100%,#e5e5e5));
border-top:2px solid #e5e5e5;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
font-weight:bold;
overflow-x:auto;
margin-top: -12px;
margin-left: -12px;
width: 100%;
}
#pun-about {
display: none;
}
.postmain blockquote, .codebox {
font-size:12px;
padding:10px;
border:2px solid #e5e5e5;
border-left:2px solid #989898;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#f7f7f7;
margin:0 0;
overflow-x:auto;
}
#pun-visit {
display: none;
}
#content-container div#right {
margin-top: -15px;
}
.codebox dd {
background-color: #f7f7f7;
}
span.authooor a span strong {
color: #a4a4a4 !important;
font-weight: normal !important;
}
span.authooor a {
color: #a4a4a4 !important;
font-weight: normal !important;
}
.edit {
color: #ac6328;
text-shadow: #fffaf1 0px 1px 0px;
font-size: 11px;
float: right;
}
.filterb {
background:#244156;
opacity:1;
color:#fff;
padding:4px 10px;
font-weight:bold;
-moz-border-radius:10px;
-webkit-border-radius:10px!important;
border-radius:10px;
-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
font-size: 12px;
}
#modal {
width: 650px !important;
height: 300px !important;
left: 40% !important;
}
#content1 {
width: 650px !important;
height: 300px !important;
}
input#username.inputfield {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/user.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
width: 150px;
margin-top: -20px;
}
input#ips_username.input_text {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/user.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
padding-right: 60px;
margin-left: -50px;
}
input#ips_password.input_text {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/key.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
padding-right: 60px;
margin-left: -50px;
}
input#password.inputfield {
background-image: url("http://www.nyit-nyit.net/public/style_images/biruv3/key.png");
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 6px 0px 6px 28px;
border: 1px solid #cbd2db;
width: 150px;
margin-top: -20px;
}
input.loginn {
padding:4px;
border-width:1px;
border-style:solid;
border-color:#848484 #c1c1c1 #e1e1e1 #c1c1c1;
background:#fff;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width: 200px;
}
.ipsForm_right{text-align:right}.ipsForm_left{text-align:left}.ipsForm_center{text-align:center}
.ipsForm_horizontal .ipsField_title{
float:left;
width:185px;
padding-right:15px;
text-align:right;
line-height:1.8;
font-size: 14px;
font-weight: bold;
}
.ipsForm_horizontal .ipsField{
margin-bottom:15px;
}
.ipsForm_horizontal .ipsField_checkbox{
margin:0 0 5px 200px;
text-align: left;
}
.ipsForm_horizontal .ipsField_select .ipsField_title{
line-height:1.6
}
.ipsForm_vertical .ipsField{
margin-bottom:10px
}
.ipsForm_vertical .ipsField_content{
margin-top:3px
}
.ipsForm .ipsField_checkbox .ipsField_content{
margin-left:25px
}
.ipsForm .ipsField_checkbox input{
float:left;
margin-top:3px
}
.ipsForm_submit{
background:#e4e4e4;
background:-moz-linear-gradient(top,#e4e4e4 0%,#ccc 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(100%,#cccccc));
padding:5px 10px;
text-align:right;
border-top:1px solid #ccc;
margin-top:25px
}

#pun-navlinks {
 display: none;
}
#pun-about {
background-color: transparent;
border: 0px;
font-size: 0.8em;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
#pun-about form {
 display: none;
}
#pun-visit, .main-box {
background-color: transparent;
border: 0px;
margin: 0 0 1em;
padding: .6em 1em;
}
.pun {
width: 87%;
background: white;
padding: 10px 10px;
-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);
box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1);
}
#content-container div#content {
margin-right: 270px;
}
a:link {
text-decoration: none;
}
#header_bar {
background: #323232 url(http://community.invisionpower.com/filestore/public/style_images/master/user_navigation.png) repeat-x bottom;
padding: 0;
text-align: right;
}
#branding, #header_bar, #primary_nav {
min-width: 980px;
}
#content2, .main_width {
margin: 0 auto;
width: 87% !important;
min-width: 960px;
}
#user_navigation {
color: #9F9F9F;
font-size: 11px;
}
#user_link {
font-size: 12px;
color: white;
padding: 0 12px;
height: 36px;
line-height: 36px;
display: inline-block;
margin-right: 15px;
outline: 0;
}
.right {
float: right;
}
ol, ul {
list-style: none;
}
#user_navigation .ipsList_inline li {
margin: 0;
}
.ipsList_inline > li:first-child {
margin-left: 0;
}
.ipsList_inline > li {
display: inline-block;
margin: 0 3px;
}
#user_navigation.not_logged_in {
height: 26px;
padding: 6px 0 4px;
}
#user_navigation #register_link {
background: #7BA60D;
color: white;
display: inline-block;
padding: 3px 8px;
border: 1px solid #7BA60D;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2), 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2), 0px 1px 4px rgba(0, 0, 0, 0.4);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}
#user_navigation #sign_in {
 margin-right: 8px;
}
#user_navigation a {
color: white;
text-decoration: none;
}
#user_link:hover, #notify_link:hover, #inbox_link:hover {
background-color: #323232;
}
#inbox_link {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_inbox.png) no-repeat top;
}
#notify_link {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_notify.png) no-repeat top;
}
#notify_link, #inbox_link {
vertical-align: middle;
width: 18px;
height: 15px;
padding: 13px 24px 8px 12px;
position: relative;
}
#branding {
background: #0F3854 url(http://community.invisionpower.com/filestore/public/style_images/master/branding_bg.png) repeat-x;
border-bottom: 1px solid #1B3759;
min-height: 64px;
}
#logo {
display: inline;
}
#search {
margin: 20px 0;
}
#search_wrap {
position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
min-width: 230px;
}
#main_search {
margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;
}
input, select {
font: normal 13px helvetica,arial,sans-serif;
}
#search_options {
font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;
}
#search .submit_input {
background: #7BA60D url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
}
fieldset, img {
border: 0;
}
.hide {
display: none;
}
user agent stylesheetlabel {
cursor: default;
}
#adv_search {
width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;
}
#primary_nav {
background: #204066;
font-size: 13px;
padding: 4px 0 0 0;
}
#community_app_menu > li {
margin: 0px 3px 0 0;
position: relative;
}
#primary_nav #quickNavLaunch {
padding: 6px 8px 8px;
}
#community_app_menu > li.active > a {
background: white;
color: #0B5794;
font-weight: bold;
margin-top: 0;
text-shadow: none;
text-decoration: none;
}
#community_app_menu > li > a {
color: #C5D5E2;
background: #1C3B5F;
display: block;
padding: 6px 15px 8px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
#quickNavLaunch span {
background: url(http://community.invisionpower.com/filestore/public/style_images/master/icon_quicknav.png) no-repeat top;
width: 13px;
height: 13px;
display: inline-block;
}
.main .main-head {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
}
.main .main-foot {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
color: white;
padding: 10px 10px 11px;
font-size: 16px;
font-weight: 300;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}
.main .main-head .page-title {
font-size: 16px;
}
thead {
display: none;
}
.pun .main-content {
background-color: #EBF0F3;
border: 0px;
padding: 9px;
}
.pun table.table td {
background-color: #FFFFFF;
border-bottom: 1px solid #F3F3F3;
border-right: 0px;
border-left: 0px;
line-height: 130%;
padding: .8em 0 .7em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: #FFFFFF;
}
.hierarchy {
margin-left: 10px;
font-weight: normal !important;
font-size: 15px !important;
font: Arial !important;
}
.desc {
margin-left: 10px;
}
#statistics {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
#pun-info {
margin-top: 15px;
border: 0px;
}
.statistics_head{
border-top: 3px solid #D8D8D8;
}
#onlinelist {
background: white;
border: 0px;
border-top:none;
}
#onlinechat {
background: white;
border-top: 1px solid #EEE;
border-top:none;
}
/*footer*/
#footer_utilities {
padding: 10px;
font-size: 11px;
position: relative;
}
.clear {
clear: both;
}
.footerleft {
float: left;
margin-top: -20px;
}
#backtotop {
width: 24px;
height: 24px;
line-height: 20px;
left: 50%;
margin-left: -12px;
position: absolute;
display: inline-block;
background: #BDBDBD;
text-align: center;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
opacity: 0.4;
outline: 0;
}
#backtotop:hover{
background:#af286d;
color:#fff;
opacity:1
}
#backtotop img {
margin-top: 5px;
}
img, .input_check, .input_radio {
vertical-align: middle;
}
#rss_menu {
background-color: #FEF3D7;
border: 1px solid #ED7710;
}
#rss_menu li {
border-bottom: 1px solid #FCE19B;
}
#rss_menu a {
color: #ED7710;
padding: 5px 8px;
}
.ipbmenu_content a {
text-decoration: none;
text-align: left;
display: block;
padding: 6px 10px;
}
#footer_utilities .ipsList_inline > li > a {
margin-right: 0px;
padding: 4px 10px;
color: #225985;
}
#footer_utilities .ipsList_inline > li > a:hover {
 color: #328687;
}
#copyright {
color: #848484;
text-align: right;
text-shadow: 0px 1px 0px white;
}
#copyright a {
color: #848484;
}
/*module*/
.module .main-content {
background: #F7FBFC;
}
.module .main-head {
font: normal 14px helvetica, arial, sans-serif;
color: #204066;
padding: 5px 10px;
border-radius: 0px;
background-color: #DBE2EC;
background-image: none;
border: 0px;
-webkit-box-shadow: inset 0 0px 0 #528CBC;
box-shadow: inset 0 0px 0 #528CBC;
}
/*quick-reply*/
#quick_reply #textarea_content {
clear: both;
margin-left: 0px;
margin-right: 0px;
width: 100% !important;
height: auto !important;
}
#pun-qpost #textarea_content dt label{
float:left;
}
fieldset.frm-set dl dd {
margin: auto!important;
}
#smiley-box iframe{height: 230px;}
#smilies_categ{padding: 0px 0}
#smiley-box{border:1px solid #DDD;margin:5px -25px!important;padding:5px; width: 17.5% !important;}
.pun .frm .frm-buttons input {
background-image: url(http://i.imgur.com/Qt4G6.png);
border: 1px solid #CCC;
border-bottom: 1px solid #BBB;
border-image: initial;
border-radius: 4px;
box-shadow: 0 1px 2px #ccc;
color: #333;
cursor: pointer;
margin: 0 2px 16px;
padding: 7px 22px;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background-image: url(http://cdn2.iconfinder.com/data/icons/humano2/16x16/apps/gnome-help.png);
background-position: left;
background-repeat: no-repeat;
color: white;
padding-left: 20px;
}
#quick_reply fieldset.frm-set dl dd {
background: white;
border: solid 1px #CCC;
margin: 0 auto;
}
#quick_reply .frm-buttons {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color: #EEE;
border: solid 1px #CCC;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 0;
margin: 0 auto;
padding: 5px;
text-align: center;
}
.pun .frm-form {
background: #F5F6F7;
border: none;
}
.main .main-content.frm {
background-color: #F5F6F7;
}
#textarea_content dt {display:none}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
-webkit-transition: all 0.218s;
border: 1px solid;
border-radius: 3px;
padding: 0px 0.91em;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
button.button2, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
border: 1px solid #BCBCBC;
margin: 0px 0.25em;
overflow: visible;
padding: 2px 3px;
}
.pun .frm-form {
background: #ffffff;
border: none;
}
.main .main-content.frm {
background-color: #ffffff;
padding: 9px;
}
.pun .user-ident .username {
display: block;
font-size: 1.3em;
font-weight: 400!important;
margin-top: 5px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.pun .paged-foot, .pun .paged-head {
background-color: white;
border: 0px;
}
.pun .post {
background: white;
border-style: none !important;
}
.pun .postmain {
background-color: #fff;
border-left: 0px;
margin-left: 16em;
}
.pun .post .user {
display: block;
position:relative;
font-size: 12px;
text-align: center;
margin-top: 0 !important;
}
.pun .user .user-ident .user-basic-info {
text-align: center;
}
.pun .topic {
background: #EBF0F3;
}
.pun .posthead {
background: #D8DDE8;
padding: 0 10px;
height: 36px;
line-height: 36px;
font-weight: normal;
font-size: 16px;
border-bottom: 0px;
}
.posting img:hover {
opacity: 0.9;
}
.postfoot {
 border-top: 0px;
 opacity: 0.3;
 transition:0.5s all;
 -o-transition:0.5s all;
 -ms-transition:0.5s all;
 -moz-transition:0.5s all;
 -webkit-transition:0.5s all;
}
.postfoot:hover {
 opacity: 1.0;
}
.pun .posthead h2 {
color: #777;
font-size: 11px;
font-weight: normal;
}
.user-basic-info a img {
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 90px;
max-height: 90px;
max-width: 90px;
width: 90px;
}
.user-basic-info a img:hover {
border-color: #7D7D7D;
}

.pun .postfoot .user-contact {
text-align: center;
margin-left: 5px;
}
.pun .sig-content {
clear: both;
padding: .5em 1em;
position: relative;
}
.pun div, .pun td, .sig-line {
border-color: ##DDD;
color: ##DDD;
}
.sig-content, .signature_div {
border-top: 1px solid #E4E4E4;
}

/*chatbox*/
#chatbox, #chatbox_footer, #chatbox_members {
background: white;
border-top: 1px solid #EAEAEA;  
}

#chatbox_header.main-head {
background: #2C5687 url(http://community.invisionpower.com/filestore/public/style_images/master/maintitle.png) repeat-x top;
padding: 2px;
font-weight: 300;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528CBC;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528CBC;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
}

.chatbox-title, .chatbox-title a.chat-title {
 color: white;
font-size: 15px;
font-weight: bold;
}

.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
}

#chatbox_members .member-title {
background: #F8E7DD;
background-color: #F4F9FD;
background-image: none;
border-bottom: 2px solid red;
color: #A30000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}

#chatbox_members {
display: none;
}

div.main-content.chatbox.clearfix {
border: 1px solid #EAEAEA;
border-radius: 4px;
}
#chatbox p {
border-bottom: 1px solid #DDD;
border-top: 1px solid white;
line-height: 1.2em;
word-wrap: break-word !important;
}
#chatbox_footer {
 width: 290px;
 min-width: 230px;
 background: #FCFCFC;
 float: right;
 clear:both;
 position: relative;
 border-top: 1px solid gainsboro;
}
.right {
clear: both;
float: right;
}
input#message.post {
height: 45px;
width: 240px;
padding: 6px;
border: 1px solid #D4D4D4;
background: #FCFCFC;
color: black;
text-shadow: white 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 20px;
margin-bottom: 0px;
}
#message, #submit_button {
 background: #323232 url('http://lifegames.in/forum/public/style_images/LifeGames_v2_0/highlight_faint.png') repeat-x 0 0;
border-color: #2B2B2B;
color: white;
text-shadow: #2B2B2B 0px -1px 0px;
-moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
-moz-border-radius: 2px;
padding: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
margin: 10px;
margin-top: 0px;
margin-left: 20px;
}
#message, #submit_button:hover {
 opacity: 0.9;
}
.fontbutton {
cursor: pointer;
float: left;
margin: 3px;
padding: 3px;
margin-right: 10px;
text-align: left;
background: #E2E9F0;
border-color: #DAE2EA;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 0 #EFF3F8, 0px 2px 3px rgba(0, 0, 0, 0.2);
}
.fontbutton:hover {
 opacity: 0.9;
}
#chatbox_messenger_form {
margin: 37px 0 0;
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{
visibility:hidden
}
#simple-wrap {
 background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
background: #FBFBFB;
padding: 8px;
border: 1px solid #DBE4EF;
border-bottom: 3px solid #DBE2EC;
margin-top: 5px;
left:0;
width: 595px;
}
.attach {
float: right;
}
div.main-content.chatbox.clearfix {
border: 0px;
border-radius: 4px;
padding: 0px;
}
.pun .main, .pun .main-category {
margin: auto;
}
.avatar-index { float: left; }
.avatar-index img {
width: 35px;
height: 35px;
padding: 1px;
border: 1px solid #d5d5d5;
margin: 5px 7px;
}
.avatar-index img:hover {
border-color:#7d7d7d;
}
a[href="/privmsg?folder=savebox"] {
display: none;
}
dd.dd-textarea, #quick_reply .frm-buttons {
float: right;
width: 88.5%;
}
#quick_reply .frm-buttons {
float: right;
width: 82%;
margin-right: 7%;
}
span.date-and-time {
display: none;
}
#text_editor_textarea {
font: normal 13px helvetica,arial,sans-serif !important;
}
.helpline {
display: none;
}
p.options a.exthelp {
display: none;
}


.titlebox{
   -moz-border-radius:3px;
   -moz-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
   -webkit-border-radius:3px;
   -webkit-box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
   background:#EFEFEF;
   border:1px solid #D6D6D6;
   border-radius:3px;
   box-shadow:inset rgba(0,0,0,0.1) 0 1px 4px;
   overflow:hidden;
   padding:10px;
   text-shadow:#fff 0 1px 0
}
.titlebox dd{display:block}
.titlebox dava{float:left}
.titlebox dava a img{
   -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
   -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
   background:#fff;
   border:1px solid #D5D5D5;
   box-shadow:0 2px 2px rgba(0,0,0,0.1);
   float:left;
   height:50px!important;
   padding:1px;
   width:50px!important
}
.titlebox dava a img:hover{
   -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
   -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
   border-color:#A1A1A1;
   box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsType_pagetitle a{
z-index:999;
}
.desc.lighter.blend_links{
color:#a4a4a4;
}
.desc.lighter,.desc.lighter.blend_links a{
color:#A4A4A4;
}
.desc,.desc.blend_links a,p.posted_info{
color:#777;
font-size:12px;
}
.conect{
display:inline-block;
padding-left:5px;
}
div.avatarredet {
padding-right: 5px;
}
div.pun-crumbs.noprint p.crumbs {
font-size: 11px;
margin: -5px;
}
#profile-advanced-layout #tabs {
position: relative !important;
}
.pun .user .user-info {
color: #5A5A5A !important;
}
.resizebox a.enlarge {
display: none;
}
div.sceditor-container.ltr.wysiwygMode {
width: 83% !important;
margin-left: 9.5% !important;
}
div#textarea_content {
margin-left: 0 !important;
}


#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{border: 1px solid #afafaf; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 2px 2px 0px #afafaf; -webkit-box-shadow: 2px 2px 0px #afafaf}

a[href="/u1"] strong {
position:relative;
}
a[href="/u1"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "Fundador e Scripter";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

a[href="/u19"] strong {
position:relative;
}
a[href="/u19"] strong:hover:after {
background-color:rgba(0,0,0, 0.5);
content: "Web Designer e Designer do Fórum";
border-radius:5px;
font-weight:bold;
font-size:10px;
padding:2px;
color:#fff;
position:absolute;
bottom:15px;
left:0px;
display:inline-block;
white-space:nowrap;
z-index:1;
}

a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}

.reputation {
 background-color: rgb(141, 177, 62)!important;
 background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
 border--radius: 3px;
 color: rgb(255, 255, 255);
 font-weight: bold;
 display: block;
 margin: 0 auto;
 margin-bottom: 3px;
 padding: 3px 7px;
 max-width: 125px;
 text-align: center;
 text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
 background-position: 0px 1px;
 background-repeat: repeat no-repeat;
}
.reputation.zero {
 background-color: rgb(16, 16, 16)!important;
 color: rgb(255, 255, 255);
}


@Mshas ai está espero que possa me ajudar
por Rafusqui_
em Sab 29 Ago 2015 - 22:31
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Remover imagem de fundo dos botões da resposta rápida
Respostas: 11
Visto: 1320

Personalizar o menu do fórum

Olá!

Troque a sua folha de estilos por esta:
Código:
/* Neon TAGs */
nwhite {
   color: #CDC9C9;
     text-shadow: 0px 1px 0px #000, 0px 0px 4px #FFFFFF;
}
ngreen {
   color: #008B00;
     text-shadow: 0px 1px 0px #000, 0px 0px 4px #9AFF9A;
}
npurple {
   color: #8B008B;
     text-shadow: 0px 1px 0px #000, 0px 0px 4px #D15FEE;
}
nred {
   color: #CD0000;
     text-shadow: 0px 1px 0px #000, 0px 0px 4px #FF3030;
}
npink {
   color: #FF1493;
     text-shadow: 0px 1px 0px #000, 0px 0px 4px #FF69B4;
}

/* Color Tags */
red {color: #ff0000;}
adminred {color: #A30000;}
modchefpink {color: #C400BD;}

.forumline{
  background-color:#;
  border:2px # solid;
}

.code div.cont_code {
max-height: 100%!important;
overflow: hidden!important;
}
span.chapter_txt {
font-size: 12px;
position: relative;
top: 7px;
}
.postbody{
font-size:12px;
line-height:18px;
word-wrap: break-word;
max-width: 641px!important;
}
/* Tìtulo dos Tópicos */
a.topictitle {
  color:#bbb;
}
.topictitle {
  color:#bbb;
  font-size:14px;
  font-weight:700;
}
h1,h2{
  color:#705e5a;
  font-size:12px;
  font-weight:700;
}
.signature_div {
top: 50px;
padding-bottom: 55px;
position: relative;
}
/* Secções */
#sectionData {
font-variant: small-caps;
font-size: 13px;
font-style: normal!important;
}
#obj_Number {
font-size: 16px;
}
#obj_Text {
}

portal:hover {
transition: all 0.6s;
text-shadow: 0 2px 5px #810000;
letter-spacing: 1px;
}
portal {
transition: all 0.6s;
cursor: pointer;
margin-top: 10px;
border-bottom: 1px solid #1F0F0F;
border-left: 50px solid #1F0F0F;
border-right: 50px solid #1F0F0F;
display: block;
font-size: 22px;
font-variant: small-caps;
font-weight: 700;
padding-bottom: 3px;
width: 70%;
}

/* Nome da Staff */
a[href="/u1"],a[href="/u8"],a[href="/u15"],a[href="/u4"],a[href="/u5"]{
font-size: 12px;
font-variant: small-caps;
}
a[href="/u1"]{
  text-shadow: 0 1px 0 #000;
}

/* Remover link Inferior do Chatbox */
a[href*="/chatbox/index.forum?"]{
  display: none;
}
/* Descrição dos Fóruns */
#catDesc {
position: relative;
top: -20px;
margin-bottom: -10px!important;
display: block;
}
/* Tamanho do Avatar */
a[href^="/u"] img {
max-width: 150px;
max-height: 300px;
padding: 10px;
}
/* Anúncio: Promoção */
#promo {
background: #121312 url(http://s5.postimg.org/6cfob22xz/i_background.jpg) repeat top left;
overflow-y: auto;
overflow-x: hidden;
word-wrap: break-word;
border: 1px solid #555;
border-radius: 7px 0 7px 0;
box-shadow: inset 0 0 5px 1px #000, 0 0 5px 1px #000;
color: #eee;
margin: 0 10px;
max-height: 200px;
max-width: 390px;
padding: 5px;
text-shadow: 1px 1px 0 #000;
}
/* Menu Principal */
a.mainmenu {
position: relative;
top: 0px;
padding: 0px 5px 0px 5px!important;
transition: all 0.8s;
}
a.mainmenu:hover {
position: relative;
top: -5px;
padding: 0px 15px 0px 15px!important;
transition: all 0.8s;
}

input[type="submit"], [type="button"]{
  cursor: pointer!important;
}

#i_icon_mini_index {
position: relative;
left: 1px;
}

/* Barra de Ferramentas do Topo */
#fa_menulist, #fa_welcome, #notif_list, #fa_notifications {
text-shadow: none!important;
}
/* Criação de Tópicos */
.genmed #username {
top: 0px!important;
position: relative;
}
.post-options{
  text-align:right;
  padding-top: 5px;
}
hr{
  border-bottom:1px solid #222;
}

span.gen, a.gen {
top: -1px!important;
position: relative;
}
/* Informações do Usuário */
tr .gen.row1 {
top: 0;
}
tr .gen {
position: relative;
top: 10px;
padding: px;
}
.gen .mainmenu {
font-size: 12px!important;
padding: 10px!important;
margin: 5px!important;
position: relative;
top: 2px;
}
/* Alguns links */
a.forumlink{
  color: #A2A2A2!important;
  font-size: 18px!important;
  text-decoration:none
}
.gensmall a[href^="/u"] {
   color=ñ#aaa!important;
   padding-right: 4px;
}
#field_id1 textarea, #field_id6 textarea {
  a.mainmenu, .navbar {
  background-color:#BF2A45;
  border-bottom:#BF2A45;
}

a.mainmenu:hover {
  background-color:#962439;
  border-bottom:#962439;
  padding:5px;
}
  a.mainmenu, .navbar {
  background-color:#BF2A45;
  border-bottom:#BF2A45;
}

a.mainmenu:hover {
  background-color:#962439;
  border-bottom:#962439;
  padding:5px;
}


Lista de erros corrigidos no CSS:
Spoiler:
4Optimised number: Changed "0px" to "0"Optimised color: Changed "#FFFFFF" to "#FFF"Invalid property in CSS2.1: text-shadow8Optimised number: Changed "0px" to "0"Invalid property in CSS2.1: text-shadow12Optimised number: Changed "0px" to "0"Invalid property in CSS2.1: text-shadow16Optimised number: Changed "0px" to "0"Invalid property in CSS2.1: text-shadow20Optimised number: Changed "0px" to "0"Invalid property in CSS2.1: text-shadow24Optimised color: Changed "#ff0000" to "red"45Invalid property in CSS2.1: word-wrap80Optimised number: Changed "0.6s" to ".6s"Invalid property in CSS2.1: transition81Invalid property in CSS2.1: text-shadow85Optimised number: Changed "0.6s" to ".6s"Invalid property in CSS2.1: transition105Invalid property in CSS2.1: text-shadow128Invalid property in CSS2.1: overflow-y129Invalid property in CSS2.1: overflow-x130Invalid property in CSS2.1: word-wrap132Invalid property in CSS2.1: border-radius133Invalid property in CSS2.1: box-shadow139Invalid property in CSS2.1: text-shadow144Optimised number: Changed "0px" to "0"145Optimised number: Changed "0px" to "0"Optimised shorthand notation (padding): Changed "0 5px 0 5px!important" to "0 5px!important"146Optimised number: Changed "0.8s" to ".8s"Invalid property in CSS2.1: transition151Optimised number: Changed "0px" to "0"Optimised shorthand notation (padding): Changed "0 15px 0 15px!important" to "0 15px!important"152Optimised number: Changed "0.8s" to ".8s"Invalid property in CSS2.1: transition166Invalid property in CSS2.1: text-shadow170Optimised number: Changed "0px" to "0"213Invalid property in CSS2.1: amainmenunavbarbackground-color


Cumprimentos.
Fraise
por Fraise
em Dom 23 Ago 2015 - 17:04
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar o menu do fórum
Respostas: 20
Visto: 572

Problema com SCEDITOR

Detalhes da questão


Endereço do fórum: http://pokemonchampionxnew.forum-livre.com
Versão do fórum: PunBB

Descrição


Estou com alguns problemas nos tópicos, pois a resposta rápida esta com alguns bugs, no Firefox, Internet Explore, Microsoft Edge seu menu não aparece, no Google Chrome quando se aperta pre-visualizar a menu fica cortado, e também em todos os navegadores, quando se aperta pre-visualiza a parte de baixo do forum vai para em cima da caixa mensagem.

Firefox, Internet Explore, Edge, etc.:

Chrome:

Oque esta dando em todos os navegadores:


Meu CSS:
pun .table .tc2, .pun .table .tc3 {
 text-align: center;
 width: 79px;
}
/*--Chatbox--*/
body {
background-attachment: fixed;
background-color: #fff;
background-image: url(http://i.imgur.com/dsyBKuc.jpg);
color: #CFCFCF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.user-msg .msg .msg span { color:#C0C0C0 !important; }

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
   color: #C0C0C0  ;
}
.user-msg .msg .msg span { color:#ffffff !important; }
a:hover{text-decoration: none !important;}
a {text-decoration:#00000 !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

.abc {
color: FONTCOLORHERE;
font-family: Palatino Linotype Bold;
font-size: 17px}

.pun-privmsg li {
   color: #909090 ;
}
.pun-privmsg li a {
   color: #909090 !important;
}

#pun-navlinks ul {
 list-style: none;
 text-align: left;
  margin: -6px;
  padding: 5px;
}
#pun-navlinks li a {
   color: #B8B8B8
 
}

#pun-navlinks li a {
   font-family: Palatino Linotype Bold
}

#pun-navlinks li a {
   font-size: 16px
}
{background-image:url("http://www.acuityorg.com/wallstock/simple-and-cool-black-background-wallpaper.jpg"); }
.yourclass {
-webkit-border-radius: 0 5px 0 5px;
-moz-border-radius: 0 5px 0 5px;
border-radius: 0 5px 0 5px;
}

span.corners-top {
background-image: url(http://illiweb.com/fa/fdf3/corners_left.png);
background-position: 0 0;
margin: 0 -5px;
}

span.corners-top span {
background-image: url(http://illiweb.com/fa/fdf3/corners_right.png);
background-position: 100% 0;
}
.pun {
   width: 1306px;
}
body.chatbox {
   background-color: #F4F9FD;
}
.chatbox_row_1 {
   background-color: #F4F9FD;
}
.chatbox_row_2 {
   background-color: #F4F9FD;
}
.pun .pun-crumbs + .main .main-content { margin-bottom:10px; }

.pun .pun-crumbs + .main .main-content {border: 2px solid;
border-color: #0000}body {
background-attachment: fixed;
background-color: #fff;
background-image: url();
color: #CFCFCF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
}
.user-msg .msg .msg span { color:#C0C0C0 !important; }

.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 has
.chatbox_row_2 has
.chatbox_row_3 a {
   color: #C0C0C0  ;
}
.user-msg .msg .msg span { color:#ffffff !important; }
a:hover{text-decoration: none !important;}
a {text-decoration:#00000 !important;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

.abc {
color: FONTCOLORHERE;
font-family: Palatino Linotype Bold;
font-size: 17px}

.pun-privmsg li {
   color: #909090 ;
}
.pun-privmsg li a {
   color: #909090 !important;
}

#pun-navlinks ul {
 list-style: none;
 text-align: left;
  margin: -6px;
  padding: 5px;
}
#pun-navlinks li a {
   color: #B8B8B8
 
}

#pun-navlinks li a {
   font-family: Palatino Linotype Bold
}

#pun-navlinks li a {
   font-size: 16px
}
{background-image:url("http://www.acuityorg.com/wallstock/simple-and-cool-black-background-wallpaper.jpg"); }
.yourclass {
-webkit-border-radius: 0 5px 0 5px;
-moz-border-radius: 0 5px 0 5px;
border-radius: 0 5px 0 5px;
}

span.corners-top {
background-image: url(http://illiweb.com/fa/fdf3/corners_left.png);
background-position: 0 0;
margin: 0 -5px;
}

span.corners-top span {
background-image: url(http://illiweb.com/fa/fdf3/corners_right.png);
background-position: 100% 0;
}
.pun {
   width: 1106px;
}
body.chatbox {
   background-color: #F4F9FD;
}
.chatbox_row_1 {
   background-color: #F4F9FD;
}
.chatbox_row_2 {
   background-color: #F4F9FD;
}
.pun .pun-crumbs + .main .main-content { margin-bottom:10px; }

.pun .pun-crumbs + .main .main-content {border: 2px solid;
border-color: #0000}
/*--Chatbox--*/
#pun-head #pun-navlinks {
 display: none;
 }
#pun-intro {
display: none;
}

a{-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;}
body {
background: #F4F4F6;
color: #5A5A5A;
font: normal 13px "Helvetica", helvetica, arial, sans-serif;
}
.main .main-head .page-title, .main-head .page-title h2, .module.main .main-head .h3 {
 font-size: 1em!important;
font-weight: bold!important;
}
.pun table th.tc2, .pun table th.tc3, .pun table th.tc4, .pun table th.tcl, .pun table th.tcr {
 http://i.imgur.com/AxTAUMt.pngbackground: #444;
color: #90BD4F;
}
.main .main-foot, .main .main-head {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -164px;
color: rgb(95, 95, 95);
padding-left: 9px;
height: 20px;
overflow: hidden;
font-size: 1em;
font-weight: bold;
}
#pun-desc {
color: #CCC;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
line-height: 25px;
font-size: 12pt;
}
.maxtitleforum #pun-title {
font-size: 30px;
padding-bottom: 5px;
color: white;
text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3);
font-family: 'Armata', sans-serif;
}
#pun-intro {
width: 70%;
margin:auto;
min-width: 975px;
padding: 0px;
}
.maxtitleforum {
color: white;
margin: 45px auto auto auto;
width: 70%;
min-width: 975px;
}
.pun {
margin: auto;
padding: 0px;
width: 100%;
 background: url(http://i.imgur.com/dBMDMiB.png);
}
.pun-intro-main {
min-height: 343px;
box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.5);
background: white url(http://i.imgur.com/dBMDMiB.png);
}
#pun-intro {
clear: both;
height: 76px;
line-height: 70px;
background: -moz-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%, rgba(0, 0, 0, 0.44) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26, 26, 26, 0.44)), color-stop(100%,rgba(0, 0, 0, 0.44)));
background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -o-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: -ms-linear-gradient(top, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
background: linear-gradient(to bottom, rgba(26, 26, 26, 0.44) 0%,rgba(0, 0, 0, 0.44) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#701a1a1a', endColorstr='#70000000',GradientType=0 );
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 6px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
position: relative;
border: 0px;
}
#breadcrumb {
background: url(http://i.imgur.com/Lzq2mdm.png);
height: 78px;
clear: both;
overflow: hidden;
text-shadow: 0 1px 0 white;
box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 #fff;
-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.05) inset, inset 0 1px 0 white;
line-height: 75px;
}
#breadcrumb .main_width {
width: 70%;
min-width: 975px;
margin: auto;
}
.pun-intro-main #pun-navlinks ul li a {
font-family: 'Fjalla One', sans-serif;
color: white;
font-size: 11pt;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
padding: 25px 12px 32px 12px;
margin: 0em;
}
.pun-intro-main #pun-navlinks ul li a:hover {
background: black;
background: rgba(0, 0, 0, 0.37);
color: white;
}
#page-body {
background: white;
padding: 15px 15px 10px;
margin: auto auto 35px auto;
min-width: 975px;
width: 70%;
overflow: hidden;}
.crumb.left a {
text-decoration: none;
font-size: 20px!important;}
.crumb.left a span ,.crumb.left a span h1{
color: #585858;
font-size: 20px!important;
font-family: 'Signika' arial;
font-weight: normal!important;
}
.pun table.table td {
border-bottom: 1px solid #E1E1E1;
border-top: 1px solid white;
background-color: #FBFBFB!important;
border-width: 1px 0px 1px 0px;
color: #AAA;
font-family: Helvetica, helvetica, arial, sans-serif;
font-size: 12px;
 border-style: none;
}
.pun table.table td:hover {
color: #454545;
}
.pun .main-content_board_index table.table {
background: white;
border: 1px solid #DDD;
border-collapse: separate;
}
.main-content_board_index {
padding: 9px;
background: #E5E4E3;
}

/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.module.main .main-head {
background-position: -650px -25px !important;
}
#pun-about a {
font-family: helvetica;
color: #EEE;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
}
#pun-about form {
display: none;
}
#pun-about {
background: none;
border: none;
min-width: 985px;
width: 70%;
margin: auto;
}

#pun-foot .overlay {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
#pun-foot {
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
background: white url(http://i.imgur.com/wa5siQH.jpg);
position: absolute;
width: 100%;}
.main-head .page-title h2 ,.module.main .main-head .h3 ,.main .main-head .page-title{
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
}
a.forumtitle {
font-size: 16px;
text-shadow: 0 0 1px #AAA;
font-weight: normal!important;
font-family: 'Carrois Gothic', sans-serif;
}
.tcl.tdtopics a.topictitle {
font-size: 15px;
font-family: 'Carrois Gothic', sans-serif;
font-weight: normal;
color: #0F0F0F;
}
#lit {
display: inline-block;
text-align: right;
margin-right: 10px;
}
.datepostur {
background: #EEE;
border-radius: 2px;
display: inline-block;
margin-bottom: 13px;
color: #AAA !important;
font-size: 11px !important;
padding: 3px 10px;
font: normal 13px "Helvetica", helvetica, arial, sans-serif;
}
.pun .main-content_board_index .post {
background: #EDEDED;
border: 1px solid #DDD;
border-bottom: 0px solid transparent;
}
.pun .posthead {
background: #F1F1F1;
padding: 0 10px;
height: 33px;
line-height: 32px;
font-weight: normal;
text-shadow: 0 1px 0 white;
border-bottom: 1px solid #DDD;
}
.pun .postmain {
background-color: #FBFBFB;
border-left: 1px solid #DDD;
margin-left: 14em;
}
.pun .post .user {
margin-top: 0px;
width: 190px;
margin-left: -190px;
text-align: center;
}
.postfoot {
margin: 0em;
border-top: 0px;
}
#userpost strong {
float: left;
}

.social_media a {
height: 33px;
width: 32px;
display: block;
margin-right: 10px;
position: relative;
top: 20px;
float: right;
}
#icon_plusg a:hover {
background: url(http://i.imgur.com/yePnDmA.png) -64px 33px;
}
#icon_plusg a {
background: url(http://i.imgur.com/yePnDmA.png) -64px 0;
}
#icon_twitter a {
background: url(http://i.imgur.com/yePnDmA.png) -32px 0;
}
#icon_twitter a:hover {
background: url(http://i.imgur.com/yePnDmA.png) -32px 33px;
}
#icon_face a {
background: url(http://i.imgur.com/yePnDmA.png) 0 0;
}
#icon_face a:hover {
background: url(http://i.imgur.com/yePnDmA.png) 0 33px;
}
#pun-navlinks {
position: absolute;
right: 0px;
}
.sprite.icon_nav_search {
background: url(http://i.imgur.com/agUZ8N6.png) no-repeat -32px -15px;
height: 22px;
width: 22px;
position: relative;
top: 5px;
}
#search_ipb input[type="submit"] {
background: #222 url(http://i.imgur.com/5Ja1HOo.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 1px solid #111 !important;
width: 26px;
height: 32px;
border-radius: 0 2px 2px 0;
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.1);
cursor: pointer;
}
#search_ipb input[type="text"] {
border-radius: 4px 0px 0px 4px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
width: 230px;
font: normal 13px helvetica,arial,sans-serif;
border: none;
padding: 7px;
}
#search_ipb {
float: right;
background: #111;
background: rgba(0, 0, 0, 0.7);
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
padding: 10px;
margin-top: 75px;
margin-right: 10px;}
.reply_form_topic {
padding: 9px;
background: #E5E4E3;
}
.reply_form_topic #pun-qpost {
padding: 10px;
margin: 0em;
background: white;
}
.reply_form_topic .main-head.clearfix {
font-family: 'Carrois Gothic', sans-serif;
font-size: 18px;
background: none!important;
box-shadow: none;
padding: 10px;
color: black;
text-shadow: 0 0 1px white;
}
.pun .reply_form_topic .main-content.frm {
border: 0px;
}
.reply_form_topic #quick_reply .frm-set {
padding: 0px 5px 0px 3px !important;
border: 2px solid #D5DDE5 !important;
background-color: #E4EBF2 !important;
background-image: none !important;
margin: 0em;
}
.reply_form_topic #text_editor_controls {
margin: 10px;
width: 100%!important;
}
.reply_form_topic button.button2, .reply_form_topic input.button2 {
background: transparent;
border: 0px;
padding: 4px 5px;
border-radius: 2px;
color: #383838;
box-shadow: none;
}
.reply_form_topic button.button2:hover, .reply_form_topic input.button2:hover {
background: #CFDAE0;
border: 0px;
}
.reply_form_topic #textarea_content dl dt {
display: none;
}
.reply_form_topic .dd-textarea {
margin: 0em;
}
.reply_form_topic .options {
display: none;
}
#text_editor_controls {
margin: 10px;
}
.pun .frm div.posting-block dd.frm-textarea {
margin-left: 0em;
}
.pun .frm .frm-buttons input, input[type="button"], input[type="reset"], input[type="submit"], #locsdeidit input:hover, #locsdeidit input {
background: #212121 url(http://i.imgur.com/DNa2Rhl.png) repeat-x top;
color: white;
border-radius: 3px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border: 1px solid #222;
padding: 4px 10px;
cursor: pointer;
font-weight: 500;
}
.main-content.topic {
background: whiteSmoke;
}
#reply-avatar img {
background: white;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
width: 50px;
margin: 10px;
border: 1px solid #B9B9B9;
padding: 2px;
border-radius: 2px;
}
#reply-avatar {
float: left;
}
#quick_reply .frm-buttons {
margin: 5px;
text-align: right;
border: none;
}
button.button2, input.button2 {
background: whiteSmoke;
padding: 3px 4px;
border: 1px solid #D5D5D5;
border-radius: 2px;
cursor: pointer;
color: #6B6B6B;}
fieldset.frm-set dl dd {
margin-left: auto;
}
input[type="text"], #text_editor_textarea {
padding: 3px;
border: 1px solid #DADADA;
border-radius: 3px;
}
#header_bar {
position: relative;
width: 70%;
min-width: 975px;
margin: auto;
}
#user_navigation {
height: 28px;
margin: 33px 0 6px;
text-align: right;
min-width: 569px;
float: right;
}
.ipsList_inline.right li a {
font: normal 15px 'Carrois Gothic', sans-serif;
color: #EEE;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;}
.ipsList_inline.right li {
display: inline;
margin: 2px 7px;
}
#reg_link {
background: rgba(0, 0, 0, 0.7);
color: white;
display: inline-block;
padding: 6px 10px;
border: 0;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 2px 4px rgba(0, 0, 0, 0.2);
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.ipsList_inline.right {
list-style: none;
}
/* -----------------[Background Selector by 3go0ne]-----------------*/
#custom_background {
background-color: white;
box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.16);
border: 1px solid #D1D1D1;
color: white;
position: relative;
padding: 15px 0px 15px 15px;
overflow: hidden;}
#custom_background span {
   -moz-transition: all .2s ease-in-out 0;
   background: none no-repeat scroll 50% 50% #000;
   border-radius: 3px;
   box-shadow: 0 1px 7px #000 inset, 0 1px 0 rgba(255,255,255,0.05), 0 0 1px rgba(255,255,255,0.35);
   cursor: pointer;
   display: block;
   float: left;
   height: 90px;
   margin: 5px;
   width: 140px;
 background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
}
#custom_background span:hover {
filter: alpha(opacity=0.5);
 background: url(http://www.tomchristian.co.uk/development/ipb/public/style_images/tctc91_glare/_custom/sprite_icons.png) no-repeat;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#nav_background {cursor: pointer;}
#toggle_background {
margin-bottom: 20px;
}
/* Miniaturas (Vista Previa) */
#bg1 {background: url(http://i.imgur.com/mYhhMdP.jpg) no-repeat -1006px -250px!important;}
#bg2 {background: url(http://i.imgur.com/3hZ2caS.jpg) no-repeat -625px -450px!important;}
#bg3 {background: url(http://hdwallpapers.cat/wallpaper/reshiram_pokemon_moon_clouds_anime_night_hd-wallpaper-1574578.jpg) no-repeat 0 0!important;}
#bg4 {background: url(http://i.imgur.com/hKWnL0I.jpg) no-repeat -655px -450px!important;}
#bg5 {background: url(http://i.imgur.com/BAkjGbg.jpg) no-repeat -742px -122px!important;}
#bg6 {background: url(http://i.imgur.com/EYGZIPq.jpg) no-repeat -655px -450px!important;}
#bg7 {background: url(http://i.imgur.com/tywsbGi.jpg) no-repeat 0 0!important;}
#bg8 {background: url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg) no-repeat 0 0!important;}
/* Backgrounds */
.bg1 {background: white url(http://i.imgur.com/mYhhMdP.jpg)!important;}
.bg2 {background: white url(http://i.imgur.com/3hZ2caS.jpg)!important;}
.bg3 {background: white url(http://hdwallpapers.cat/wallpaper/reshiram_pokemon_moon_clouds_anime_night_hd-wallpaper-1574578.jpg)!important;}
.bg4 {background: white url(http://i.imgur.com/hKWnL0I.jpg)!important;}
.bg5 {background: white url(http://i.imgur.com/BAkjGbg.jpg)!important;}
.bg6 {background: white url(http://i.imgur.com/EYGZIPq.jpg)!important;}
.bg7 {background: white url(http://i.imgur.com/tywsbGi.jpg)!important;}
.bg8 {background: white url(http://wallpaperpassion.com/upload/4737/bikini-girl-wallpaper.jpg)!important;}
/* -----------------Background Selector-----------------*/
/*----Estatisticas--*/
.roundframe {
padding: 0 10px;
background: #f9f9f9;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
                           div.roundframe div.cat_bar {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -252px;
margin-bottom: 0;
}
div.cat_bar {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -164px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
                           div.roundframe div.cat_bar h3.catbg {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -252px;
color: #fff;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -164px;
padding-right: 9px;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
color: #424242;
}
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
overflow: hidden;
height: 38px;
line-height: 38px;
font-size: 1em;
font-weight: bold;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
color: #424242;
font-size: 1em;
font-weight: bold;
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat -10px -164px;
}
                           img#upshrink_ic, img#newsupshrink {
float: right;
margin: 10px 5px 0 0;
}
h3.catbg img.icon, h4.titlebg img.icon {
vertical-align: middle;
margin: -2px 5px 0 0;
}
Inherited from h3.catbg
div.roundframe div.cat_bar h3.catbg {
color: #fff;
}
                           #upshrinkHeaderIC {
margin-top: 4px;
}
                           div.title_barIC {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 0 -120px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
                           div.title_barIC h4.titlebg {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -120px;
color: #484848;
}
h4.titlebg, h3.titlebg {
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat 100% -208px;
padding-right: 9px;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
color: #d2d2d2;
}
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
overflow: hidden;
height: 38px;
line-height: 38px;
font-size: 1em;
font-weight: bold;
}
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
color: #d2d2d2;
font-size: 1em;
font-weight: bold;
background: url(http://i.imgur.com/AxTAUMt.png.png) no-repeat -10px -208px;
}
                           .floatleft {
float: left;
}
                           #upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
                   
      div.title_barIC {
background: url(http://i.imgur.com/AxTAUMt.png.pngg) no-repeat 0 -120px;
padding-left: 9px;
height: 38px;
overflow: hidden;
margin-bottom: 1px;
}
                           #upshrinkHeaderIC p.last {
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
#upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
.roundframe p {
padding: 0.5em;
}
                           span.upperframe {
padding: 0;
display: block;
background: url(http://i.imgur.com/AxTAUMt.png.png) 0 -90px no-repeat;
padding-left: 20px;
}
             span.lowerframe {
padding: 0;
display: block;
background: url(http://i.imgur.com/AxTAUMt.png.png) 0 -102px no-repeat;
padding-left: 20px;
}            
                         
                         span.upperframe span {
padding: 0;
height: 12px;
display: block;
background: url(http://i.imgur.com/AxTAUMt.png.png) 100% -90px no-repeat;
}
                          span.lowerframe span {
padding: 0;
height: 12px;
display: block;
background: url(http://i.imgur.com/AxTAUMt.png.png) 100% -102px no-repeat;
}


#fullcred a:hover {
color: white;
}
#fullcred a {
display: block;
font: normal 15px 'Carrois Gothic', sans-serif;
-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
text-shadow: rgba(0, 0, 0, 0.498039) 1px 1px 2px;
color: #948F8F;
color: rgba(255, 255, 255, 0.4);
}
#fullcred {
float: left;
text-align: left;
}
#topdes:hover {
background: rgba(0, 0, 0, 0.5) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
}
#topdes {
width: 24px;
height: 24px;
display: block;
background: rgba(0, 0, 0, 0.2) url("http://i.imgur.com/90ulAas.png")no-repeat center center;
border-radius: 5px;
margin: auto;
cursor: pointer;
text-align: center;
}
#estadisticas-IPB {
text-align: center;
}
#estadisticas-IPB .stat-bloque {
display: inline-block;
margin-right: 10px;
}
#estadisticas-IPB span {
display: inline-block;
background: #E2E2E2;
color: #4A4A4A;
padding: 2px 6px;
font-weight: bold;
border-radius: 2px;
margin: 2px;
}
.board_statistics {
margin: 20px 0 0 0;
padding: 10px 0;
border-top: 3px solid #D8D8D8;
}
.board_statistics h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0;
}
.expand {
background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px -24px;
text-indent: -3000em;
width: 41px;
height: 24px;
display: block;
outline: 0;
opacity: 0.4;
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
position: relative;
top: -20px;
float: right;
right: 10px;
cursor: pointer;
}
.contract {
background: url(http://i.imgur.com/gLCLWtW.png) no-repeat -94px 0;
text-indent: -3000em;
width: 41px;
height: 24px;
display: block;
outline: 0;
opacity: 0.4;
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
position: relative;
top: -20px;
float: right;
right: 10px;
cursor: pointer;}
.expand:hover ,.contract:hover{opacity: 9;}

.user-avatar img {
opacity: 0.6;
}
.post:hover .user-avatar img {
opacity: 1;
   -webkit-transition: all .2s linear;
   -moz-transition: all .2s linear;
   -o-transition: all .2s linear;
}


.post:hover .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.post .post-options:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.post .post-options {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
-moz-selection, ::selection {
background: rgba(0, 160, 250, 0.5);
color: white;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
}  

.pun .user-ident .user-basic-info {
font-weight: 700;
}
.pun div, .pun td, .sig-line {
color: ##DDD;
}  
.pun .username {
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
border-image: initial;
}
.spoiler > dt::after {
content: ("http://r33.imgfast.net/users/3311/14/49/45/smiles/776843.gif");
float: right;
}
.module-advert{display:none;}
#online .on-title, #statistics .stats-title {
border-bottom: 1px solid white;
font-size: 30px;
height: 70px;
text-transform: uppercase;
}

.online-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}

#online {
background: #EAEAEA;
border-right: 2px solid #D2D2D2;
vertical-align: top;
width: 60%;
}

#online .on-title {
background: #F3F3F3;
}

#pun-announcement, #pun-visit, .main-box {
-moz-border-radius: 5px;
-moz-box-shadow: 0 2px 5px 0 #dcdcdc;
background: white url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x;
border: 1px solid #D6D6D6;
border-radius: 5px;
box-shadow: 0 2px 5px 0 #dcdcdc;
border-image: initial;
}

#general-stats {
-moz-box-shadow: 0 0 7px 0 #dcdcdc;
background: whiteSmoke;
border: 1px solid white;
box-shadow: 0 0 7px 0 #dcdcdc;
text-shadow: 1px 1px 0 white;
width: 100%;
border-image: initial;
}

#online .on-title a, #statistics .stats-title a {
bottom: -23px;
font-family: Century Gothic!important;
left: 20px;
position: relative;
}

.chart, .globe {
height: 28px;
margin-top: -3px;
vertical-align: middle;
}

#statistics {
border-left: 0px solid white;
float: right;
padding-bottom: 15px;
vertical-align: top;
width: 100%;
}

.stats-content {
border-top: 1px solid #D9D9D9;
padding: 15px;
}

#legend {
margin: 25px 0;
}

.groups {
background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
float: right;
margin-top: -22px;
padding: 5px 0 5px 18px;
}

li {list-style-type:none;}
.pun table td.tcl {
border-left-style: none;
border-left-width: 0;
height: 42px;
min-height: 24px;
padding-left: .5em;
vertical-align: top;
}
.pun table.table td {
background-color: #fbfbfb;

border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
.pun table .tdtopics {
padding-left: 42px;
}
.pun table .tcl {
overflow: hidden;
text-align: left;
width: 68%;
}
.forumbit_post .foruminfo .forumicon {

position: absolute;
}

/*tópico*/
.main .main-foot {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
text-shadow: gray 0px -1px 0px;
background: #e8e8e8 url('http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/highlight_faint.png') repeat-x 0 0;
padding: 0 10px;
height: 36px;
color: black;
line-height: 36px;
font-weight: normal;
font-size: 13px;
}
.pun .user-ident .username {
display: block;
font-size: 1.1em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}
.user-basic-info a img:hover {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border-color: #a1a1a1;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
height: 400px;
width: 180px;
}
.user-basic-info a img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 350px;
margin-bottom: 5px;
padding: 1px;
width: 180px;
}
.pun .postmain {
background-color: white;
border-left: 1px solid #F0F0F0;
}

.pun .post {
 background: #FBFBFB;
}

.postfoot {
background: #F1F1F1;
border-top: 1px solid #E9E9E9;
margin-top: 5px;
overflow: hidden;
}
/*quick-reply*/
#quick_reply #textarea_content {
      clear: both;
      margin-left: 0px;
      margin-right: 0px;
      width: 100% !important;
      height: auto !important;
    }
     
    #text_editor_controls {
      display: !important;
    }
       
#pun-qpost #textarea_content dt label{
 float:left;
}

fieldset.frm-set dl dd {
margin: auto!important;
}


.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
max-width: auto;
}
.codebox dt {
border-bottom: 4px solid #D64107;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}
.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
.codebox dd.cont_code {
max-height: 200px;
overflow: auto;
}
.codebox dd {
background-color: #FFFFE1;
margin: .5em;
padding: .5em;
}

element.style {
padding: 5px 35px 10px 1px;
}
.pun .main-foot .h2, .pun .main-head .h2 {
float: left;
color: #E8E4E1;
}
.pun .main .options a, .pun .main .options a:link, .pun .main .options a:visited {
color: transparent;
margin-left: .5em;
text-decoration: none;
}
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
background: transparent;
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}
.sprite-arrow_prosilver_down {
background: transparent;
background-position: 0 0;
height: 6px;
width: 6px;
}

.disabled {
 float: right;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
text-shadow: none;
border: 0;
color: #7f7f7f;
 border: 1px solid #212121;
border-width: 1px 1px 0 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #5c5c5c, 0px 2px 3px rgba(0,0,0,0.2);
color: #ddd;
text-shadow: 0 -1px 0 #191919;
font: 300 12px/1.3 Helvetica, Arial, sans-serif;
line-height: 30px;
height: 30px;
padding: 0 10px;
text-align: center;
min-width: 125px;
display: inline-block;
cursor: pointer;
color: #ddd;
background: rgb(51, 51, 51);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1e1e1e',GradientType=0 );
-moz-transition: all 0ms ease 0s;
-webkit-transition: all 0ms ease 0s;
-o-transition: all 0ms ease 0s;
-ms-transition: all 0ms ease 0s;
}
/*--Header--*/
#header {
background: url(http://i.imgur.com/5JV3BwJ.jpg) 50% 0 repeat;
background-size: cover;
}
#header .overlay {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/overlay.png);
}
#logo {
padding: 26px 0;
}
#logo a {
background: url(http://i.imgur.com/g1Bg7H1.png) 50% 0 no-repeat;
display: block;
width: 220px;
height: 98px;
margin: 0 auto;
}
a:link, a:visited {
color: #7AA039;
text-decoration: none;
}
a:link, a:visited {
color: #7AA039;
text-decoration: none;
}
a {
outline: none;
transition: all 0.25s ease-in-out;
}
user agent stylesheeta:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
#logo {
padding: 26px 0;
}
#navbar {
height: 42px;
background: rgba(0, 0, 0, 0.75);
}
.wrapper {
margin: 0 auto;
width: 990px;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 999;
}
user agent stylesheetul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}
#topnav > li {
margin-right: 1px;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
#topnav li a.active {
background: #6E942D;
color: #fff;
font-weight: bold;
}
#topnav li a {
display: block;
line-height: 56px;
padding: 0 15px;
color: #adadad;
font-size: 13px;
text-decoration: none;
transition: all 0.2s ease-out;
}
#topnav > li {
margin-right: 1px;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
span, p, form {
margin: 0;
padding: 0;
}
Inherited from a.firstlevel
#topnav li a {
line-height: 56px;
color: #adadad;
font-size: 13px;
}
#loool {
padding: 25px 0;
overflow: hidden;
}
#board-notice {
float: left;
padding: 0;
line-height: 20px;
font-size: 12px;
}
#welcome {
float: left;
}
#welcome p {
background: rgba(255, 255, 255, 0.Estilo cool;
display: block;
padding: 8px;
font-size: 16px;
font-weight: 300;
}
#welcome span {
font-weight: 600;
color: #4b4b4b;
}
#topnav li:hover ul {
left: 0;
}
#topnav li ul {
position: absolute;
width: 200px;
left: -999em;
padding: 5px 0;
background: #5C821B;
}
#topnav, #topnav ul {
margin: 0;
padding: 0;
z-index: 999;
}
#topnav li li {
width: 200px;
height: auto;
padding: 0;
margin: 0;
}
#topnav li {
float: left;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
user agent stylesheetli {
display: list-item;
text-align: -webkit-match-parent;
}
/*-- Footer--*/
#pun-foot {
background: #fff url(http://i.imgur.com/5JV3BwJ.jpg);
box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
position: absolute;
width: 100%;
}
#pun-foot {
clear: both;
}
#pun-about {
background: none;
border: none;
margin: auto;
min-width: 985px;
width: 70%;
}
#pun-about {
border-color: #;
border-width: 1px;
line-height: 150%;
padding: .6em 1em;
text-align: right;
}
#pun-about #qjump {
float: left;
text-align: left;
}
#pun-about ul {
list-style-type: none;
}
.left {
float: left;
}
#pun-about a {
color: #EEE;
font-family: helvetica;
font-size: 12px;
text-shadow: 1px 1px 0 #5F5F5F;
}

/*--Social Bar--*/
#quicknav li.social a:hover {
background-color: #3d3d3d;
}
#toolbar {
height: 50px;
background: #f4f4f4;
border-bottom: 1px solid #eaeaea;
}
#account {
float: right;
}
#account ul {
margin: 0;
padding: 0;
}
#account li {
float: left;
list-style: none;
height: 50px;
line-height: 50px;
margin: 0 0 0 1px;
padding: 0;
}
#account li.signin a {
background: #4D4D4D;
}
#account li.signin a, #account li.signup a {
padding: 0 20px;
}
#account li a {
display: block;
text-decoration: none;
color: #fff;
font-size: 13px;
padding: 0 15px;
background: #779D36;
}
#account li.signup a, #account li.signout a {
font-weight: bold;
}
#account li.signin a, #account li.signup a {
padding: 0 20px;
}
#quicknav {
float: left;
margin: 0;
}
#quicknav ul {
margin: 0;
padding: 0;
}
#quicknav li {
float: left;
list-style: none;
margin: 0 0 0 1px;
padding: 0;
}
#quicknav li a {
display: block;
padding: 0 0 0 20px;
line-height: 50px;
font-size: 13px;
color: #525252;
font-weight: bold;
}
#quicknav li.social a {
background: url(http://demo.dzinerstudio.com/smf2/Themes/skyline_20/images/custom/social.png) no-repeat;
height: 50px;
width: 50px;
padding: 0;
text-indent: -9999px;
}
#quicknav li.facebook a {
background-color: #335e86;
background-position: 0 0;
}
#quicknav li.twitter a {
background-color: #00bef1;
background-position: 0 -55px;
}
#quicknav li.googleplus a {
background-color: #e34d32;
background-position: 0 -110px;
}
#quicknav li.pinterest a {
background-color: #cc2127;
background-position: 0 -330px;
}
#quicknav li.rss a {
background-color: #F88C37;
background-position: 0 -385px;
}
#account li.signin a:hover {
 background: #577D16;
}
#account li.signup a:hover {
 background: #577D16;
}
.pun .topic {
 border-style: none!important;
}
/*menu*/
#topnav {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10.8px;
float: left;
height: 56px;
}

#topnav ul, #sbUser ul {
  margin: 0;
  padding: 0;
}

#topnav li, #sbUser li {
  float: left;
  margin: 0;
  padding: 0px;
  position: relative;
  padding-right: 1px;
  line-height: 16px;
  list-style-type: none;
}

#topnav li:hover, #sbUser li:hover {
 background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
 background: rgba(102, 255, 0, 0.53);
}

#topnav li a, #sbUser li a {
  float: left;
       line-height: 36px;
  padding: 6px 18px 0 18px;
  display: block;
  outline: none;
  color: #adadad;
  text-decoration: none;
 
}

#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a, #sbUser li a:hover, #sbUser li:hover a, #sbUser li.sfhover a {
  color: #fff;
}

#topnav li li, #sbUser li li {
 transition:0.5s all;
 -o-transition:0.5s all;
 -ms-transition:0.5s all;
 -moz-transition:0.5s all;
 -webkit-transition:0.5s all;
  width: 160px;
  height: auto;
  padding: 0px;
       font-size: 11px;
       line-height: normal;
       font-weight: normal;
  margin: 0px;
}

#topnav li li a, #topnav li:hover li a, #topnav li.sfhover li a, #sbUser li li a, #sbUser li:hover li a, #sbUser li.sfhover li a {
  background: none;
  display: block;
  height: 30px;
  line-height: 30px;  
  padding: 0 0 0 22px;
  float: none;
       font-size: 11px;
       font-weight: normal;
       border-right: 0px;
}

#topnav a.linkSep {
border-bottom: 1px solid #833032 !important;
}

#topnav li li a:hover {
       background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans210.png") repeat;
       background: rgba(0, 0, 0, 0.2);
}

#topnav li ul, #sbUser li ul {
  -moz-border-radius: 0px 0px 4px 4px;
       border-radius: 0px 0px 4px 4px;
  clear: both;
  width: 160px;
       position: absolute;
       top: 42px;
  height: auto;
  left: -999em;
  z-index: 100;
}

#topnav li:hover ul, #topnav li.sfhover ul, #sbUser li:hover ul {
  left: auto;
}

#sbUser {
float: right;
}

.sbTopLinks li {
float: left;
height: 42px;
position: relative;
}

#sbUser li a {
border: 0;
padding: 6px 12px 0px 12px;
}

.sbDropDown img {
margin-left: 3px;
}

#sbUser li li a:hover {background-color: rgba(0,0,0,0.2);}
#sbUser a.sbLogout{ color: #bd7879; }
#sbUser a.sbLogout:hover{ color: #adadad; }
#sbFooter{
  background: #5b5b5b url("http://i74.servimg.com/u/f74/18/12/37/46/bottom10.png") repeat-x 0 0;
  border-top: 1px solid #000;
  height: 38px;
  overflow: hidden;
  margin-top: 35px;
}

#sbFooter ul{
  float: left;
  border-left: 1px solid #606060;
  border-left: 1px solid rgba(255,255,255,0.1);
  overflow: hidden;
}

#sbFooter li{
  height: 38px;
  line-height: 38px;
  border-right: 1px solid #606060;
  border-right: 1px solid rgba(255,255,255,0.1);
  float: left;
}

#sbFooter a{
  display: block;
  line-height: 38px;
  padding: 0 10px;
  color: #b7b7b7;
  text-decoration: none;
}

#sbFooter a:hover{
  background: url("http://i74.servimg.com/u/f74/18/12/37/46/trans211.png") repeat;
  background: rgba(0,0,0,0.2);
  color: #e0e0e0;
}

.sbTopLinks li a {
line-height: 36px;
padding: 6px 18px 0 18px;
display: block;
outline: none;
color: #adadad;
text-decoration: none;

}

img, .input_check, .input_radio {
vertical-align: middle;
}
por Dudu>,>
em Seg 17 Ago 2015 - 19:30
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema com SCEDITOR
Respostas: 5
Visto: 425

Tabela BBcode

Olá!

No código que o Fraise passou acima, localize o seguinte:

Código:
background-image: url(http://bit.ly/acLmW9);


Como pode ver a tabela já tem uma imagem de fundo, se quiser trocar procure por http://bit.ly/acLmW9 e troque pelo link da imagem.

Caso queira colocar uma cor sólida como fundo, troque o código do Fraise por este:
Código:
[table style="background: #FFF; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border: 1px solid rgb(195,147,0); margin: 10px auto; padding: 5px; width: 90%; -webkit-box-shadow: rgb(195,147,0) 1px 1px 0px; color: rgb(195,147,0); z-index: 999; min-width: 1px; min-height: 1px; max-height: 2500px; max-width: 2500px; background-position: initial initial; background-repeat: initial initial;" width="100%"][tr][td][img]http://bit.ly/1LwvPKq[/img][/td]
[td][color=#000000][b]Alguns tópicos importantes:[/b]
 Tenha conhecimento do [url=http://bit.ly/1LwvUhi]regulamento do setor de suporte[/url].
 Conheça a [url=http://bit.ly/1IfBX2S]equipe staff do FdF[/url].
 Leia a [url=http://ajuda.forumeiros.com/-t23.htm]FAQ[/url].
 Leia a [url=http://ajuda.forumeiros.com/t6745-]lista de tutoriais, dicas e astúcias[/url].[/color][/td]
[/tr]
[/table]

Localize o seguinte:
Código:
background: #FFF;


Troque #FFF pela cor desejada em hexadecimal.

Atenciosamente.
por RafaelS.
em Seg 17 Ago 2015 - 8:01
 
Buscar em: Questões resolvidas sobre HTML & BBCode
Tópico: Tabela BBcode
Respostas: 5
Visto: 422

[Logo] Médio

Informações técnicas

Tipo de pedido : [Logo]
Dimensões : 1000x90
Cores primátias : #FFFFFF
Cores secundárias : #0EA5F7
Imagens do pedido :
Imagens a serem usadas:

Texto a ser inserido : Lazer
Fonte : Kevin Eleven
Cor da fonte : #FFF
Link do meu fórum : http://lazer.forumeiros.com/
Link do meu último pedido : Não especificado

Informações adicionais

Descrição do que desejo : Boa tarde!

Eu basicamente gostaria de um logótipo com o fundo apresentado e escrito o nome do fórum (Lazer).
É só isso mesmo. Feliz

Cumprimentos.
Fraise

por Fraise
em Sex 14 Ago 2015 - 14:43
 
Buscar em: Arquivos de Pedidos finalizados
Tópico: [Logo] Médio
Respostas: 3
Visto: 51

Personalizar widgets

Olá!

No primeiro código que lhe passei, localize a propriedade:
Código:
background-color: #fff;


Basta substituir #fff pela cor desejada. Piscada

Cumprimentos.
Fraise
por Fraise
em Sab 8 Ago 2015 - 21:38
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Personalizar widgets
Respostas: 15
Visto: 310

Tópico Citação, com cor diferente

Não entendi, é só mudar esses códigos #000 e #fff, que mudam a tonalidade das cores ???

Como eu faço pra ficar cinza por exemplo ?? Triste
por banzé
em Sab 8 Ago 2015 - 21:38
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Tópico Citação, com cor diferente
Respostas: 12
Visto: 336

Tópico Citação, com cor diferente

Olá!

Sim, pode. Basta editar os valores a vermelho:
.postmain cite {
background-color: #000!important;
color: #fff!important;
}


Cumprimentos.
Fraise
por Fraise
em Sab 8 Ago 2015 - 21:31
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Tópico Citação, com cor diferente
Respostas: 12
Visto: 336

mensagem ao colocar o mouse em cima

desculpe,mas o codigo que você me passou , não deu sucesso

verifique meu fórum: http://bplsamp.forumeiro.com/forum

puis esse codigo no css:

tentativa 1:
a[href*="/u"] span[style="#941212"] strong:hover:after {
background-color: rgba(105,182,22,0.5);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Banidos do Servidor ou Fórum";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -60px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}


tentativa 2:
a[href*="/g9"] span[style="#941212"] strong:hover:after {
background-color: rgba(105,182,22,0.5);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Banidos do Servidor ou Fórum";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -60px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}
por Rafusqui_
em Qua 5 Ago 2015 - 15:01
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: mensagem ao colocar o mouse em cima
Respostas: 12
Visto: 342

Como Mudar o fundo do forum

Ola, Boa tarde. Estou criando um forum e estou com problema na persolaização.

Ao adicionar uma imagem de fundo, o forum nao aceita a imagem nova.
Pesquisei em vários locais, porem o procedimento informado ja o fiz e nao tem efeito.

Ao acessar a pagina e entrar em modo de depuração do browser fica da seguitne forma:


*****************************************************************************************
body#phpbb {
background-color: #000;
background-image: url("http://i.imgur.com/sEtTk.jpg");
background-position: center top;
background-repeat: no-repeat;
color: #A8A8A8;
}
body {
margin: 0px;
padding: 0px !important;
}
body {
background-attachment: fixed;
background-color: #FFF;
background-image: url("http://i18.servimg.com/u/f18/19/28/70/16/img333.jpg");
color: #A8A8A8;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
height: auto;
padding: 10px 0px;
}
*****************************************************************************************

onde esta:
body#phpbb {
...
ckground-image: url("http://i.imgur.com/sEtTk.jpg");
...

Deveria estar com a imagem img333.jpg.

Onde consigo mudar isso manualmente? Tonto

INFO:
DARKCHEATS V3
Versão :
Phpbb 3
Css personalizado :


Obrigado.
por polvolula
em Seg 3 Ago 2015 - 16:46
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como Mudar o fundo do forum
Respostas: 3
Visto: 264

icons desapareceram

meus icons dos foruns desapareceram http://prntscr.com/7tgwdx
mas na legenda no fundo do forum aparecem
http://prntscr.com/7tgwmc

o que aconteceu?
minha folha de css
css:
/* Borda em volta dos botões dos perfis */

#tabs a:hover span {
-moz-transition-delay: 0s;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-in;
background: none repeat scroll 0 0 #D7D7D7;
border-radius: 10px 10px 0 0;
color: MidnightBlue;
text-shadow: 1px 1px 1px white;
}

/* efeito sombra sobre os links */

a:hover {
color: PaleVioletRed;
text-decoration: none;
text-shadow: 0 0 5px;
}

/* Designer dos botões */

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #127FA7;
color: #127FA7;
}

a.button1, a.button2, button.button2, input.button1, input.button2 {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
border: 1px solid #D0D2D4;}

/* Avatar com largura massima */

.post .postprofile dl dt a[href*="/u"] img[src][alt] {max-width: 195px;}

/* DISPONIBILIDADE NOME DE USUARIO */

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}


/* Chatbox */

body.chatbox {background-image: none;}
.chatbox {background-color: #FAFAFA;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image: url(http://i.imgur.com/v41D6UA.png);}
.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: #C2C2DA;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;}
.chatbox_row_2 { background-color: transparent!important; }
.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://i.imgur.com/jIRxNSS.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: ;}
#chatbox .user {font-weight: bold;}
#chatbox {background-image: url(http://i.imgur.com/VsbaVb3.gif)}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}

/* Imagem que fica como descrição nas votações */

fieldset.polls {
background-image: url("http://i.imgur.com/l9uK5Jo.png");
background-repeat: no-repeat;
background-position: bottom right;
}

/* Cursor Personalizado */

body {cursor: url(\'http://i.imgur.com/xf8SoMv.png\'), url(\'http://i.imgur.com/xf8SoMv.png\'), auto;}
a:hover {cursor: url(\'http://i.imgur.com/qLATaiL.png\'), url(\'http://i.imgur.com/qLATaiL.png\'), auto;}

/* Aviso na caixa de mensagens privadas */

form[action="/privmsg"] h1.page-title:after {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
color: #000000;
content: "Afim de melhor aproveitar o sistema de Mensagens Privadas, notificamos que não oferecemos suporte via Mensagem Privada.";
display: block;
font-size: 12px;
padding: 10px;
text-align: center;
}

/* Maximizando imagens de descrição. */

.dterm img {max-width: 50px; max-height: 50px; margin: 10px;}


/* Anti Owner ChatBox */

body.chatbox {display: block !important;}
#chatbox p table,#chatbox table{
border: medium none;
top: 20% !important;
right: 30% !important;
width: 205px !important;
height: 85px !important;
position: fixed !important;
background: url("http://i.imgur.com/E2WsEab.png") repeat scroll 0% 0% / 50% 100% transparent;
color: transparent;}
#chatbox p .msg, #chatbox p .msg * {position: static !important;}

/* Nevagação */


div#page-header div.navbar ul.linklist li a {
background: url("http://i.imgur.com/5wXgwfe.gif") no-repeat scroll right top transparent;
margin-left: -6px;
padding: 15px 18px 15px 15px;
}
#page-header .navbar .navlinks a {
color: #FFFFFF;
font: bold 13px/46px arial,helvetica,sans-serif;
min-width: 600px;
max-width: 600px;
text-align: center;
text-decoration: none;
text-transform: capitalize;}
.navbar .linklist li {
position: relative;
top: -8px;
}

/* Final da navegação */

/* Body + Logo + Descrição */

body {
background-attachment: scroll;
background-color: #f8f8f8;
background-image: url("http://i.imgur.com/P2oYPMD.jpg");
background-position: top-center;
background-repeat: repeat-x;
}

#logo img{
display: inline;
float: left;
position: relative;
top: -25px;
left: 0px;
max-width: 475px;
max-height: 130px;
}

#logo-desc p {
color: #ABABAB;
display: inline;
float: left;
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
position: relative;
right: -213px;
top: -9px;
}

/* Imagem antes dos links da estaticas */

#page-body p.page-bottom {background: url(http://i.imgur.com/IuSgz.png) no-repeat left top; padding-left:18px;}

hr{border-top:1px solid #2991e6;}

/* Imagem de um + verde antes dos botões */

a[href="/http://www.forumgratuit.ro/ro/directory/informatica-internet-5.htm"]{display:none}

a[href="http://www.forumgratuit.ro/ro/informatica-internet/ajutor-online-119.htm"]{ display:none}

a[href="/search?search_id=newposts"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=egosearch"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=unanswered"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mark=forums"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=activetopics"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=today_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=overall_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mode=delete_cookies"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

/* Fin Body + Logo */

/* Wrap (Corpo - Contorno - Procurar) */

#search-box { visibility: hidden; } #forum-search { visibility: hidden; }

#wrap {
background-color: transparent!important;
background-image: none!important;
background-repeat: repeat-x;
border-bottom: 1px solid #FFF;
border-left: 1px solid transparent;
border-radius: 8px 8px 8px 8px;
border-right: 1px solid transparent;
border-width: 0 1px 1px;
margin-bottom: 30px;
margin-top: 93px;
min-width: 700px;
padding: 5px 9px 1px;
width: 960px;
}

.headerbar { margin-top: -92px; }

/* Finsl Wrap */

/* Painel (linha Geral) */

.panel {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/i5K6pFd.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #dddddd;
border-radius: 0px 0px 0px 0px;
}

/* Final Painel (linha Geral) */

.postbody .topic-title {
font-size:1.2em;
}

/* Remover sumbrilhado */

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/* Portal & Fóruns */

.forabg, .forumbg {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/dFCVRGL.png");
background-position: center bottom;
background-repeat: repeat-x;
border-top: 0px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-radius: 5px 5px 5px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
background: #a2afb5 url("http://i.imgur.com/cu2iDZS.jpg");
background-position: top;
height: 37px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
background: #a2afb5 url("http://i.imgur.com/tFW67r6.jpg");
background-position: top;
border-bottom: 1px solid #dddddd;
height: 6px; }

.header{ padding-top: 1px; height: 30px; }

li.row {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
position: relative; left: -5px;
width: 958px;
min-width: 750px;
}

.row {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/13NODw5.png");
background-position: center bottom;
background-repeat: repeat-x;
left: -5px;
min-width: 750px;
position: relative;
width: 958px;
}

.table-title, .table-title h2 {
font-family: tahoma,arial,verdana,sans-serif;
font-size: 14px;
color: #FFFFFF;
min-height: 38px;
text-shadow: 0 -1px 0 #0099FF;
display: inline;
font-size: 1em;
}

.module, .post {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/pU5qR8o.png");
background-position: center bottom;
background-repeat: repeat-x;
border-radius: 5px 5px 5px 5px;
border: 1px solid #dddddd;
}

.module span.corners-top, .post span.corners-top {
background: #a2afb5 url("http://i.imgur.com/d8kLdQh.jpg");
height: 35px; }

.module span.corners-bottom, .post span.corners-bottom {
background-color: #3f3f3f;
height: 5px; }

.topics {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
.posts {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}

.lastpost {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}

hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}

/* Fundo & Contorno procurar - 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;
}

/* CITAR + CODE */

blockquote { background-image: url(\'http://i.imgur.com/dGWjI7A.png\');
background-position: bottom;
color: #4e4e4e;
background-repeat: repeat-x;
background-color: #fff;
margin-left: 5px;
border-top: 1px solid #2289b2;
border-right: 1px solid #2289b2;
border-left: 2px solid #2289b2;
border-bottom: 3px solid #2289b2;
}

blockquote blockquote {
background-color: #fff;
}

blockquote blockquote blockquote {
background-color: #fff;
}

blockquote div {
margin-left: 4px;
color: #4e4e4e;
font-size: 12px;
}

blockquote cite {
font-size: 10px;
color: #417394;
border-bottom: 1px solid #417394;
margin-bottom: 3px;
}

dl.codebox {
background-image: url(\'http://i.imgur.com/4q4pc7C.png\');
background-position: bottom;
background-repeat: repeat-x;
background-color: #fff;
margin: 0;
padding: 3px;
border: 1px inset #000;
font-size: 1em;
border-top: 1px solid #2289b2;
border-right: 1px solid #2289b2;
border-left: 2px solid #2289b2;
border-bottom: 3px solid #2289b2;
max-height: 350px
overflow:auto
}

dl.codebox dt {
text-transform: none;
border-bottom: 1px solid #417394;
margin-bottom: 3px;
font-size: 10px;
font-weight: bold;
display: block;
color: #417394;
}

blockquote dl.codebox {
margin-left: 0;
}

dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 300px;
white-space: normal;
padding-top: 4px;
font-size: 12px;
font-family: "Courier New";
line-height: 1.3em;
color: #4e4e4e;
margin: 2px 0;
}


/* PosT Perfil */

.postprofile {
background-image: url(\'http://i.imgur.com/7PCzApX.png\');
background-repeat: repeat-x;
background-position: bottom;
background-color: #FAFAFA;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #dddddd;
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;
}

.table-title, .table-title h2 {
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}
li.header dd, li.header dt{
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}

#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-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }

/* Quem está online com imagem */

#i_whosonline + p {
background: -webkit-linear-gradient(#f2f2f2,#ffffff);
-oz-border-radius:6px;
-moz-box-shadow:2px 2px 2px #a8a180;
-webkit-border-radius:6px;
-webkit-box-shadow:2px 2px 2px #a8a180;
background:-moz-linear-gradient(#f2f2f2,#ffffff);
background-color:#fff;
background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);
border: 1px solid rgb(222, 222, 222)border-radius:2px;
box-shadow:2px 2px 2px #a8a180;
font-size:11px;
margin:2;
padding:10px;
width: 97%;
}

/* Estaticas */

.h3 {border-bottom: 1px dashed #419ef0;}
#wrap {
background-image: none !important;
}
div#page-header div.navbar ul.linklist li a {
background: none !important;
}
.navbar {
margin-left: -10px;
width: 100%;
background: transparent url("http://i.imgur.com/P2oYPMD.jpg") repeat scroll 0px 54%;
height: 40px;
margin-top: 16px;
}

/*******CURTIR NO POST********/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}


.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}

.BS_like:before {
content: "Gosto";
}

#rep_post .bs_inline {
list-style: none;
}

.BS_like:hover {
background-color: #daedfb;
color: #666;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
content: "Gostos Totais ";
}
/***********FIM CURTIR************/
a:hover {
color: #000 !important;
}
a[href="/farquivo-"] {
font-weight: 700;
float: left;
width: auto !important;
margin: 5px 5px 2px 1% !important;
padding: 2px 7px 2px 7px !important;
font-weight: bold !important;
background: url("https://pt.forum.tribalwars2.com/styles/tw2v1/design/bg_message.jpg") repeat top left transparent !important;
border: 1px solid #000000 !important;
}
#page-footer .linklist a {
color: #4d4d4d !important;
}
textarea {
background-image: url(http://alojaimagens.com/images/gmcyfbrezektvf8dji.png) !important;
background-position: center !important;
background-size: 18pc !important;
background-repeat: no-repeat !important;
opacity: 0.6 !important;
}
#quick_reply textarea {
font-size: 24px;
font-weight: bold;
}
.postbody .content {
color: #0000000 !important;
}
por Luckcaddie
em Qui 16 Jul 2015 - 19:17
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: icons desapareceram
Respostas: 9
Visto: 275

barra inferior do forum

css:
#page-footer .navbar a {
background-color: white!important;
}
/* Borda em volta dos botões dos perfis */

#tabs a:hover span {
-moz-transition-delay: 0s;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: ease-in;
background: none repeat scroll 0 0 #D7D7D7;
border-radius: 10px 10px 0 0;
color: MidnightBlue;
text-shadow: 1px 1px 1px white;
}

/* efeito sombra sobre os links */

a:hover {
color: PaleVioletRed;
text-decoration: none;
text-shadow: 0 0 5px;
}

/* Designer dos botões */

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #127FA7;
color: #127FA7;
}

a.button1, a.button2, button.button2, input.button1, input.button2 {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
border: 1px solid #D0D2D4;}

/* Avatar com largura massima */

.post .postprofile dl dt a[href*="/u"] img[src][alt] {max-width: 195px;}

/* DISPONIBILIDADE NOME DE USUARIO */

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}


/* Chatbox */

body.chatbox {background-image: none;}
.chatbox {background-color: #FAFAFA;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image: url(http://i.imgur.com/v41D6UA.png);}
.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: #C2C2DA;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;}
.chatbox_row_2 { background-color: transparent!important; }
.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://i.imgur.com/jIRxNSS.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: ;}
#chatbox .user {font-weight: bold;}
#chatbox {background-image: url(http://i.imgur.com/VsbaVb3.gif)}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}

/* Imagem que fica como descrição nas votações */

fieldset.polls {
background-image: url("http://i.imgur.com/l9uK5Jo.png");
background-repeat: no-repeat;
background-position: bottom right;
}

/* Cursor Personalizado */

body {cursor: url(\'http://i.imgur.com/xf8SoMv.png\'), url(\'http://i.imgur.com/xf8SoMv.png\'), auto;}
a:hover {cursor: url(\'http://i.imgur.com/qLATaiL.png\'), url(\'http://i.imgur.com/qLATaiL.png\'), auto;}

/* Aviso na caixa de mensagens privadas */

form[action="/privmsg"] h1.page-title:after {
background: none repeat scroll 0 0 #F0E8E0;
border: 1px solid #C00000;
color: #000000;
content: "Afim de melhor aproveitar o sistema de Mensagens Privadas, notificamos que não oferecemos suporte via Mensagem Privada.";
display: block;
font-size: 12px;
padding: 10px;
text-align: center;
}

/* Maximizando imagens de descrição. */

.dterm img {max-width: 50px; max-height: 50px; margin: 10px;}


/* Anti Owner ChatBox */

body.chatbox {display: block !important;}
#chatbox p table,#chatbox table{
border: medium none;
top: 20% !important;
right: 30% !important;
width: 205px !important;
height: 85px !important;
position: fixed !important;
background: url("http://i.imgur.com/E2WsEab.png") repeat scroll 0% 0% / 50% 100% transparent;
color: transparent;}
#chatbox p .msg, #chatbox p .msg * {position: static !important;}

/* Nevagação */


div#page-header div.navbar ul.linklist li a {
background: url("http://i.imgur.com/5wXgwfe.gif") no-repeat scroll right top transparent;
margin-left: -6px;
padding: 15px 18px 15px 15px;
}
#page-header .navbar .navlinks a {
color: #FFFFFF;
font: bold 13px/46px arial,helvetica,sans-serif;
min-width: 600px;
max-width: 600px;
text-align: center;
text-decoration: none;
text-transform: capitalize;}
.navbar .linklist li {
position: relative;
top: -8px;
}

/* Final da navegação */

/* Body + Logo + Descrição */

body {
background-attachment: scroll;
background-color: #f8f8f8;
background-image: url("http://i.imgur.com/P2oYPMD.jpg");
background-position: top-center;
background-repeat: repeat-x;
}

#logo img{
display: inline;
float: left;
position: relative;
top: -25px;
left: 0px;
max-width: 475px;
max-height: 130px;
}

#logo-desc p {
color: #ABABAB;
display: inline;
float: left;
font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
position: relative;
right: -213px;
top: -9px;
}

/* Imagem antes dos links da estaticas */

#page-body p.page-bottom {background: url(http://i.imgur.com/IuSgz.png) no-repeat left top; padding-left:18px;}

hr{border-top:1px solid #2991e6;}

/* Imagem de um + verde antes dos botões */

a[href="/http://www.forumgratuit.ro/ro/directory/informatica-internet-5.htm"]{display:none}

a[href="http://www.forumgratuit.ro/ro/informatica-internet/ajutor-online-119.htm"]{ display:none}

a[href="/search?search_id=newposts"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=egosearch"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=unanswered"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mark=forums"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=activetopics"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=today_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=overall_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mode=delete_cookies"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

/* Fin Body + Logo */

/* Wrap (Corpo - Contorno - Procurar) */

#search-box { visibility: hidden; } #forum-search { visibility: hidden; }

#wrap {
background-color: transparent!important;
background-image: none!important;
background-repeat: repeat-x;
border-bottom: 1px solid #FFF;
border-left: 1px solid transparent;
border-radius: 8px 8px 8px 8px;
border-right: 1px solid transparent;
border-width: 0 1px 1px;
margin-bottom: 30px;
margin-top: 93px;
min-width: 700px;
padding: 5px 9px 1px;
width: 960px;
}

.headerbar { margin-top: -92px; }

/* Finsl Wrap */

/* Painel (linha Geral) */

.panel {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/i5K6pFd.png");
background-position: center bottom;
background-repeat: repeat-x;
border: 1px solid #dddddd;
border-radius: 0px 0px 0px 0px;
}

/* Final Painel (linha Geral) */

.postbody .topic-title {
font-size:1.2em;
}

/* Remover sumbrilhado */

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/* Portal & Fóruns */

.forabg, .forumbg {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/dFCVRGL.png");
background-position: center bottom;
background-repeat: repeat-x;
border-top: 0px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-radius: 5px 5px 5px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
background: #a2afb5 url("http://i.imgur.com/cu2iDZS.jpg");
background-position: top;
height: 37px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
background: #a2afb5 url("http://i.imgur.com/tFW67r6.jpg");
background-position: top;
border-bottom: 1px solid #dddddd;
height: 6px; }

.header{ padding-top: 1px; height: 30px; }

li.row {
border-bottom: 1px solid #dddddd;
border-top: 1px solid #dddddd;
position: relative; left: -5px;
width: 958px;
min-width: 750px;
}

.row {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/13NODw5.png");
background-position: center bottom;
background-repeat: repeat-x;
left: -5px;
min-width: 750px;
position: relative;
width: 958px;
}

.table-title, .table-title h2 {
font-family: tahoma,arial,verdana,sans-serif;
font-size: 14px;
color: #FFFFFF;
min-height: 38px;
text-shadow: 0 -1px 0 #0099FF;
display: inline;
font-size: 1em;
}

.module, .post {
background-color: #FBFBFB;
background-image: url("http://i.imgur.com/pU5qR8o.png");
background-position: center bottom;
background-repeat: repeat-x;
border-radius: 5px 5px 5px 5px;
border: 1px solid #dddddd;
}

.module span.corners-top, .post span.corners-top {
background: #a2afb5 url("http://i.imgur.com/d8kLdQh.jpg");
height: 35px; }

.module span.corners-bottom, .post span.corners-bottom {
background-color: #3f3f3f;
height: 5px; }

.topics {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}
.posts {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}

.lastpost {
text-shadow: 0 px 0 #fff;
font-weight: bold;
}

hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}

/* Fundo & Contorno procurar - 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;
}

/* CITAR + CODE */

blockquote { background-image: url(\'http://i.imgur.com/dGWjI7A.png\');
background-position: bottom;
color: #4e4e4e;
background-repeat: repeat-x;
background-color: #fff;
margin-left: 5px;
border-top: 1px solid #2289b2;
border-right: 1px solid #2289b2;
border-left: 2px solid #2289b2;
border-bottom: 3px solid #2289b2;
}

blockquote blockquote {
background-color: #fff;
}

blockquote blockquote blockquote {
background-color: #fff;
}

blockquote div {
margin-left: 4px;
color: #4e4e4e;
font-size: 12px;
}

blockquote cite {
font-size: 10px;
color: #417394;
border-bottom: 1px solid #417394;
margin-bottom: 3px;
}

dl.codebox {
background-image: url(\'http://i.imgur.com/4q4pc7C.png\');
background-position: bottom;
background-repeat: repeat-x;
background-color: #fff;
margin: 0;
padding: 3px;
border: 1px inset #000;
font-size: 1em;
border-top: 1px solid #2289b2;
border-right: 1px solid #2289b2;
border-left: 2px solid #2289b2;
border-bottom: 3px solid #2289b2;
max-height: 350px
overflow:auto
}

dl.codebox dt {
text-transform: none;
border-bottom: 1px solid #417394;
margin-bottom: 3px;
font-size: 10px;
font-weight: bold;
display: block;
color: #417394;
}

blockquote dl.codebox {
margin-left: 0;
}

dl.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 300px;
white-space: normal;
padding-top: 4px;
font-size: 12px;
font-family: "Courier New";
line-height: 1.3em;
color: #4e4e4e;
margin: 2px 0;
}


/* PosT Perfil */

.postprofile {
background-image: url(\'http://i.imgur.com/7PCzApX.png\');
background-repeat: repeat-x;
background-position: bottom;
background-color: #FAFAFA;
padding-top: 20px;
padding-bottom: 20px;
border: 1px solid #dddddd;
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;
}

.table-title, .table-title h2 {
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}
li.header dd, li.header dt{
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}

#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://i.imgur.com/1e7M1uv.jpg);
background-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }

/* Quem está online com imagem */

#i_whosonline + p {
background: -webkit-linear-gradient(#f2f2f2,#ffffff);
-oz-border-radius:6px;
-moz-box-shadow:2px 2px 2px #a8a180;
-webkit-border-radius:6px;
-webkit-box-shadow:2px 2px 2px #a8a180;
background:-moz-linear-gradient(#f2f2f2,#ffffff);
background-color:#fff;
background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);
border: 1px solid rgb(222, 222, 222)border-radius:2px;
box-shadow:2px 2px 2px #a8a180;
font-size:11px;
margin:2;
padding:10px;
width: 97%;
}

/* Estaticas */

.h3 {border-bottom: 1px dashed #419ef0;}
#wrap {
background-image: none !important;
}
div#page-header div.navbar ul.linklist li a {
background: none !important;
}
.navbar {
margin-left: -10px;
width: 100%;
background: transparent url("http://i.imgur.com/P2oYPMD.jpg") repeat scroll 0px 54%;
height: 40px;
margin-top: 16px;
}

/*******CURTIR NO POST********/
#rep_post .reput_vote {
background-color: #daedfb;
color: #666;
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
}
.reput_vote.zero {
background-color: #6a6a6a;
}


.BS_like:hover {
background-color: #daedfb;
color: #666;
}
.BS_like {
-khtml-user-select: none;
-moz-transition: all,0.15s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,0.15s;
-webkit-touch-callout: none;
-webkit-transition: all,0.15s;
-webkit-user-select: none;
background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
background-size: 12px;
clear: both;
color: #666;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 400;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 25px;
text-align: right;
transition: all,0.15s;
user-select: none;
}

.BS_like:before {
content: "Gosto";
}

#rep_post .bs_inline {
list-style: none;
}

.BS_like:hover {
background-color: #daedfb;
color: #666;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
content: "Gostos Totais ";
}
/***********FIM CURTIR************/
a:hover {
color: #000 !important;
}
a[href="/farquivo-"] {
font-weight: 700;
float: left;
width: auto !important;
margin: 5px 5px 2px 1% !important;
padding: 2px 7px 2px 7px !important;
font-weight: bold !important;
background: url("https://pt.forum.tribalwars2.com/styles/tw2v1/design/bg_message.jpg") repeat top left transparent !important;
border: 1px solid #000000 !important;
}
por Luckcaddie
em Qui 16 Jul 2015 - 9:59
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: barra inferior do forum
Respostas: 16
Visto: 353

Retirar barra especifica nas categorias

css:
/* Borda em volta dos botões dos perfis */

   #tabs a:hover span {
     -moz-transition-delay: 0s;
     -moz-transition-duration: 0.3s;
     -moz-transition-timing-function: ease-in;
     background: none repeat scroll 0 0 #D7D7D7;
     border-radius: 10px 10px 0 0;
     color: MidnightBlue;
     text-shadow: 1px 1px 1px white;
   }

   /* efeito sombra sobre os links */

   a:hover {
     color: PaleVioletRed;
     text-decoration: none;
     text-shadow: 0 0 5px;
   }

   /* Designer dos botões */

   a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
   background-position: 0 100%;
   border: 1px solid #127FA7;
   color: #127FA7;
   }

   a.button1, a.button2, button.button2, input.button1, input.button2 {
   background: white;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   padding: 4px;
   border: 1px solid #D0D2D4;}

   /* Avatar com largura massima */

   .post .postprofile dl dt a[href*="/u"] img[src][alt] {max-width: 195px;}

   /* DISPONIBILIDADE NOME DE USUARIO */

   #username_reg {
   border:2px solid red!important;
   }
   #username_reg.okusername {
   border:2px solid green!important;
   }


   /* Chatbox */

   body.chatbox {background-image: none;}
   .chatbox {background-color: #FAFAFA;}
   .chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i.imgur.com/v41D6UA.png);}
   .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: #C2C2DA;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;}
   .chatbox_row_2 { background-color: transparent!important; }
   .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://i.imgur.com/jIRxNSS.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: ;}
   #chatbox .user {font-weight: bold;}
   #chatbox {background-image:  url(http://i.imgur.com/VsbaVb3.gif)}
   .fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}

   /* Imagem que fica como descrição nas votações */

   fieldset.polls {
   background-image: url("http://i.imgur.com/l9uK5Jo.png");
   background-repeat: no-repeat;
   background-position: bottom right;
   }

   /* Cursor Personalizado */

   body {cursor: url(\'http://i.imgur.com/xf8SoMv.png\'), url(\'http://i.imgur.com/xf8SoMv.png\'), auto;}
   a:hover {cursor: url(\'http://i.imgur.com/qLATaiL.png\'), url(\'http://i.imgur.com/qLATaiL.png\'), auto;}

   /* Aviso na caixa de mensagens privadas */

   form[action="/privmsg"] h1.page-title:after {
     background: none repeat scroll 0 0 #F0E8E0;
     border: 1px solid #C00000;
     color: #000000;
     content: "Afim de melhor aproveitar o sistema de Mensagens Privadas, notificamos que não oferecemos suporte via Mensagem Privada.";
     display: block;
     font-size: 12px;
     padding: 10px;
     text-align: center;
   }

   /* Maximizando imagens de descrição. */

   .dterm img {max-width: 50px; max-height: 50px; margin: 10px;}


   /* Anti Owner ChatBox */

   body.chatbox {display: block !important;}
   #chatbox p table,#chatbox table{
   border: medium none;
   top: 20% !important;
   right: 30% !important;
   width: 205px !important;
   height: 85px !important;
   position: fixed !important;
   background: url("http://i.imgur.com/E2WsEab.png") repeat scroll 0% 0% / 50% 100% transparent;
   color: transparent;}
   #chatbox p .msg, #chatbox p .msg * {position: static !important;}

   /* Nevagação */


   div#page-header div.navbar ul.linklist li a {
     background: url("http://i.imgur.com/5wXgwfe.gif") no-repeat scroll right top transparent;
     margin-left: -6px;
     padding: 15px 18px 15px 15px;
   }
   #page-header .navbar .navlinks a {
     color: #FFFFFF;
     font: bold 13px/46px arial,helvetica,sans-serif;
     min-width: 600px;
     max-width: 600px;
     text-align: center;
     text-decoration: none;
     text-transform: capitalize;}
.navbar .linklist li {
position: relative;
top: -8px;
}

   /* Final da navegação */

   /* Body + Logo + Descrição */

   body {
     background-attachment: scroll;
     background-color: #f8f8f8;
     background-image: url("http://i.imgur.com/P2oYPMD.jpg");
     background-position: top-center;
     background-repeat: repeat-x;
   }

   #logo img{
   display: inline;
   float: left;
   position: relative;
   top: -25px;
   left: 0px;
   max-width: 475px;
   max-height: 130px;
   }

   #logo-desc p {
     color: #ABABAB;
     display: inline;
     float: left;
     font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
     font-size: 13px;
     margin: 0;
     padding: 0;
     position: relative;
     right: -213px;
     top: -9px;
   }

   /* Imagem antes dos links da estaticas */

   #page-body p.page-bottom {background: url(http://i.imgur.com/IuSgz.png) no-repeat left top; padding-left:18px;}

   hr{border-top:1px solid #2991e6;}

   /* Imagem de um + verde antes dos botões */

   a[href="/http://www.forumgratuit.ro/ro/directory/informatica-internet-5.htm"]{display:none}

   a[href="http://www.forumgratuit.ro/ro/informatica-internet/ajutor-online-119.htm"]{  display:none}

   a[href="/search?search_id=newposts"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   a[href="/search?search_id=egosearch"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   a[href="/search?search_id=unanswered"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   a[href="/?mark=forums"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   a[href="/search?search_id=activetopics"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   a[href="/memberlist?mode=today_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   a[href="/memberlist?mode=overall_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   a[href="/?mode=delete_cookies"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

   /* Fin Body + Logo */

   /* Wrap (Corpo - Contorno - Procurar) */

   #search-box { visibility: hidden; } #forum-search { visibility: hidden; }

   #wrap {
background-color: transparent!important;
background-image: none!important;
background-repeat: repeat-x;
border-bottom: 1px solid #FFF;
border-left: 1px solid transparent;
border-radius: 8px 8px 8px 8px;
border-right: 1px solid transparent;
border-width: 0 1px 1px;
margin-bottom: 30px;
margin-top: 93px;
min-width: 700px;
padding: 5px 9px 1px;
width: 960px;
}

   .headerbar { margin-top: -92px; }

   /* Finsl Wrap */

   /* Painel (linha Geral) */

   .panel {
     background-color: #FBFBFB;
     background-image: url("http://i.imgur.com/i5K6pFd.png");
     background-position: center bottom;
     background-repeat: repeat-x;
     border: 1px solid #dddddd;
     border-radius: 0px 0px 0px 0px;
   }

   /* Final Painel (linha Geral) */

   .postbody .topic-title {
   font-size:1.2em;
   }

   /* Remover sumbrilhado */

   a {text-decoration: none;}
   a:link {text-decoration: none;}
   a:hover {text-decoration: none!important;}
   a.forumtitle {text-decoration: none;}
   a.forumtitle:hover {text-decoration: none!important;}
   a.topictitle {text-decoration: none;}
   a.topictitle:hover {text-decoration: none!important;}

   /* Portal & Fóruns */

   .forabg, .forumbg {
     background-color: #FBFBFB;
     background-image: url("http://i.imgur.com/dFCVRGL.png");
     background-position: center bottom;
     background-repeat: repeat-x;
     border-top: 0px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     border-left: 1px solid #dddddd;
     border-right: 1px solid #dddddd;
     border-radius: 5px 5px 5px 5px;
   }

   .forabg span.corners-top span, .forumbg span.corners-top span {
     background: #a2afb5 url("http://i.imgur.com/cu2iDZS.jpg");
     background-position: top;
     height: 61px; }

   .forabg span.corners-bottom span, .forumbg span.corners-bottom span {
     background: #a2afb5 url("http://i.imgur.com/tFW67r6.jpg");
     background-position: top;
     border-bottom: 1px solid #dddddd;
     height: 6px; }

   .header{ padding-top: 1px; height: 55px; }

   li.row {
     border-bottom: 1px solid #dddddd;
     border-top: 1px solid #dddddd;
     position: relative; left: -5px;
     width: 958px;
     min-width: 750px;
   }

   .row {
     background-color: #FBFBFB;
     background-image: url("http://i.imgur.com/13NODw5.png");
     background-position: center bottom;
     background-repeat: repeat-x;
     left: -5px;
     min-width: 750px;
     position: relative;
     width: 958px;
   }

   .table-title, .table-title h2 {
     font-family: tahoma,arial,verdana,sans-serif;
     font-size: 14px;
     color: #FFFFFF;
     min-height: 38px;
     text-shadow: 0 -1px 0 #0099FF;
     display: inline;
     font-size: 1em;
   }

   .module, .post {    
     background-color: #FBFBFB;
     background-image: url("http://i.imgur.com/pU5qR8o.png");
     background-position: center bottom;
     background-repeat: repeat-x;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #dddddd;
   }

   .module span.corners-top, .post span.corners-top {    
     background: #a2afb5 url("http://i.imgur.com/d8kLdQh.jpg");
     height: 35px; }

   .module span.corners-bottom, .post span.corners-bottom {    
     background-color: #3f3f3f;
     height: 5px; }

   .topics {
     text-shadow: 0 px 0 #fff;
     font-weight: bold;
   }
   .posts {
     text-shadow: 0 px 0 #fff;
     font-weight: bold;
   }

   .lastpost {
     text-shadow: 0 px 0 #fff;
     font-weight: bold;
   }

   hr {
   border: 1 none #cccccc;
   border-top: 1px solid #cccccc;
   height: 1px;
   margin: 5px 0;
   display: block;
   clear: both;
   }

   /* Fundo & Contorno procurar - 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;
   }

   /* CITAR + CODE */

   blockquote {    background-image: url(\'http://i.imgur.com/dGWjI7A.png\');
     background-position: bottom;
     color: #4e4e4e;
     background-repeat: repeat-x;
     background-color: #fff;
     margin-left: 5px;
     border-top: 1px solid #2289b2;
     border-right: 1px solid #2289b2;
     border-left: 2px solid #2289b2;
     border-bottom: 3px solid #2289b2;
   }

   blockquote blockquote {
     background-color: #fff;
   }

   blockquote blockquote blockquote {
     background-color: #fff;
   }

   blockquote div {
     margin-left: 4px;
     color: #4e4e4e;
     font-size: 12px;
   }

   blockquote cite {
     font-size: 10px;
     color: #417394;  
     border-bottom: 1px solid #417394;
     margin-bottom: 3px;
   }

   dl.codebox {
     background-image: url(\'http://i.imgur.com/4q4pc7C.png\');
     background-position: bottom;
     background-repeat: repeat-x;
     background-color: #fff;  
     margin: 0;
     padding: 3px;
     border: 1px inset #000;
     font-size: 1em;
     border-top: 1px solid #2289b2;
     border-right: 1px solid #2289b2;
     border-left: 2px solid #2289b2;
     border-bottom: 3px solid #2289b2;
   max-height: 350px
   overflow:auto
   }

   dl.codebox dt {
     text-transform: none;
     border-bottom: 1px solid #417394;
     margin-bottom: 3px;
     font-size: 10px;
     font-weight: bold;
     display: block;
     color: #417394;
   }

   blockquote dl.codebox {
     margin-left: 0;
   }

   dl.codebox code {
     overflow: auto;
     display: block;
     height: auto;
     max-height: 300px;
     white-space: normal;
     padding-top: 4px;
     font-size: 12px;
     font-family: "Courier New";
     line-height: 1.3em;
     color: #4e4e4e;
     margin: 2px 0;
   }


   /* PosT Perfil */

   .postprofile {
     background-image: url(\'http://i.imgur.com/7PCzApX.png\');
     background-repeat: repeat-x;
     background-position: bottom;
     background-color: #FAFAFA;
     padding-top: 20px;
     padding-bottom: 20px;
     border: 1px solid #dddddd;
     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;
   }

   .table-title, .table-title h2 {
   text-shadow: 1px 1px 3px #000000;
   font-weight: bold;
   }
   li.header dd, li.header dt{
   text-shadow: 1px 1px 3px #000000;
   font-weight: bold;
   }

   #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://i.imgur.com/1e7M1uv.jpg);
   background-repeat:repeat-x;
   }

   #page-footer ul li a{color:#fff;letter-spacing:0px}
   dd.topics { visibility: hidden; }

   /* Quem está online com imagem */

   #i_whosonline + p {
   background:  -webkit-linear-gradient(#f2f2f2,#ffffff);
   -oz-border-radius:6px;
   -moz-box-shadow:2px 2px 2px #a8a180;
   -webkit-border-radius:6px;
   -webkit-box-shadow:2px 2px 2px #a8a180;
   background:-moz-linear-gradient(#f2f2f2,#ffffff);
   background-color:#fff;
   background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);
   border: 1px solid rgb(222, 222, 222)border-radius:2px;
   box-shadow:2px 2px 2px #a8a180;
   font-size:11px;
   margin:2;
   padding:10px;
   width: 97%;
   }

   /* Estaticas */

   .h3 {border-bottom: 1px dashed #419ef0;}
       #wrap {
     background-image: none !important;
   }
   div#page-header div.navbar ul.linklist li a {
     background: none !important;
   }
.navbar {
   margin-left: -10px;
   width: 100%;
   background: transparent url("http://i.imgur.com/P2oYPMD.jpg") repeat scroll 0px 54%;
   height: 40px;
   margin-top: 16px;
}
     
/*******CURTIR NO POST********/
 #rep_post .reput_vote {
 background-color: #daedfb;
 color: #666;
 -khtml-user-select: none;
 -moz-transition: all,0.15s;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-transition: all,0.15s;
 -webkit-touch-callout: none;
 -webkit-transition: all,0.15s;
 -webkit-user-select: none;
 background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
 background-size: 12px;
 clear: both;
 color: #666;
 cursor: pointer;
 display: table;
 font-size: 11px;
 font-weight: 400;
 line-height: 18px;
 margin: 5px;
 padding: 3px 5px 3px 25px;
 text-align: right;
 transition: all,0.15s;
}
.reput_vote.zero {
 background-color: #6a6a6a;
}
 
 
 .BS_like:hover {
 background-color: #daedfb;
 color: #666;
}
.BS_like {
 -khtml-user-select: none;
 -moz-transition: all,0.15s;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-transition: all,0.15s;
 -webkit-touch-callout: none;
 -webkit-transition: all,0.15s;
 -webkit-user-select: none;
 background: #f0f0f0 url(https://cdn1.iconfinder.com/data/icons/social-media-13/24/Like-16.png) no-repeat 6px center;
 background-size: 12px;
 clear: both;
 color: #666;
 cursor: pointer;
 display: table;
 font-size: 11px;
 font-weight: 400;
 line-height: 18px;
 margin: 5px;
 padding: 3px 5px 3px 25px;
 text-align: right;
 transition: all,0.15s;
 user-select: none;
}

.BS_like:before {
 content: "Gosto";
}
 
 #rep_post .bs_inline {
 list-style: none;
}
 
 .BS_like:hover {
 background-color: #daedfb;
 color: #666;
}
 
 #rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}


.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}

#rep_post .reput_vote:before {
 content: "Gostos Totais ";
}
/***********FIM CURTIR************/
por Luckcaddie
em Qua 15 Jul 2015 - 19:05
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Retirar barra especifica nas categorias
Respostas: 5
Visto: 303

Alterações na aparência do menu de navegaçao

aqui estao


css:
/* Borda em volta dos botões dos perfis */

#tabs a:hover span {
   -moz-transition-delay: 0s;
   -moz-transition-duration: 0.3s;
   -moz-transition-timing-function: ease-in;
   background: none repeat scroll 0 0 #D7D7D7;
   border-radius: 10px 10px 0 0;
   color: MidnightBlue;
   text-shadow: 1px 1px 1px white;
}

/* efeito sombra sobre os links */

a:hover {
   color: PaleVioletRed;
   text-decoration: none;
   text-shadow: 0 0 5px;
}

/* Designer dos botões */

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #127FA7;
color: #127FA7;
}

a.button1, a.button2, button.button2, input.button1, input.button2 {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
border: 1px solid #D0D2D4;}

/* Avatar com largura massima */

.post .postprofile dl dt a[href*="/u"] img[src][alt] {max-width: 195px;}

/* DISPONIBILIDADE NOME DE USUARIO */

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}


/* Chatbox */

body.chatbox {background-image: none;}
.chatbox {background-color: #FAFAFA;}
.chatbox .forabg {margin: 0;border: none;padding: 0;margin: 0;background-image:  url(http://i.imgur.com/v41D6UA.png);}
.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: #C2C2DA;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;}
.chatbox_row_2 { background-color: transparent!important; }
.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://i.imgur.com/jIRxNSS.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: ;}
#chatbox .user {font-weight: bold;}
#chatbox {background-image:  url(http://i.imgur.com/VsbaVb3.gif)}
.fontbutton {background:#E1E1E2 none repeat scroll 0%;border:medium none;color:#000000;float:left;margin-right:10px;padding:1px;}

/* Imagem que fica como descrição nas votações */

fieldset.polls {
background-image: url("http://i.imgur.com/l9uK5Jo.png");
background-repeat: no-repeat;
background-position: bottom right;
}

/* Cursor Personalizado */

body {cursor: url(\'http://i.imgur.com/xf8SoMv.png\'), url(\'http://i.imgur.com/xf8SoMv.png\'), auto;}
a:hover {cursor: url(\'http://i.imgur.com/qLATaiL.png\'), url(\'http://i.imgur.com/qLATaiL.png\'), auto;}

/* Aviso na caixa de mensagens privadas */

form[action="/privmsg"] h1.page-title:after {
   background: none repeat scroll 0 0 #F0E8E0;
   border: 1px solid #C00000;
   color: #000000;
   content: "Afim de melhor aproveitar o sistema de Mensagens Privadas, notificamos que não oferecemos suporte via Mensagem Privada.";
   display: block;
   font-size: 12px;
   padding: 10px;
   text-align: center;
}

/* Maximizando imagens de descrição. */

.dterm img {max-width: 50px; max-height: 50px; margin: 10px;}


/* Anti Owner ChatBox */

body.chatbox {display: block !important;}
#chatbox p table,#chatbox table{
 border: medium none;
 top: 20% !important;
 right: 30% !important;
 width: 205px !important;
 height: 85px !important;
 position: fixed !important;
 background: url("http://i.imgur.com/E2WsEab.png") repeat scroll 0% 0% / 50% 100% transparent;
 color: transparent;}
#chatbox p .msg, #chatbox p .msg * {position: static !important;}

/* Nevagação */

#page-header .navbar {
position: relative;
top: -45px;
left: 0px;
background: none;
}

div#page-header div.navbar ul.linklist li a {
   background: url("http://i.imgur.com/5wXgwfe.gif") no-repeat scroll right top transparent;
   margin-left: -6px;
   padding: 15px 18px 15px 15px;
}

#page-header .navbar .navlinks a:hover {
background: url("http://i.imgur.com/ycKVPIK.gif") ;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}

#page-header .navbar .navlinks a {
   color: #FFFFFF;
   font: bold 13px/46px arial,helvetica,sans-serif;
   min-width: 600px;
   max-width: 600px;
   text-align: center;
   text-decoration: none;
   text-transform: capitalize;}

/* Final da navegação */

/* Body + Logo + Descrição */

body {
   background-attachment: scroll;
   background-color: #f8f8f8;
   background-image: url("http://i.imgur.com/P2oYPMD.jpg");
   background-position: top-center;
   background-repeat: repeat-x;
}

#logo img{
display: inline;
float: left;
position: relative;
top: -25px;
left: 0px;
max-width: 475px;
max-height: 130px;
}

#logo-desc p {
   color: #ABABAB;
   display: inline;
   float: left;
   font: Tahoma,Calibri,Verdana,Geneva,sans-serif;
   font-size: 13px;
   margin: 0;
   padding: 0;
   position: relative;
   right: -213px;
   top: -9px;
}

/* Imagem antes dos links da estaticas */

#page-body p.page-bottom {background: url(http://i.imgur.com/IuSgz.png) no-repeat left top; padding-left:18px;}

hr{border-top:1px solid #2991e6;}

/* Imagem de um + verde antes dos botões */

a[href="/http://www.forumgratuit.ro/ro/directory/informatica-internet-5.htm"]{display:none}

a[href="http://www.forumgratuit.ro/ro/informatica-internet/ajutor-online-119.htm"]{  display:none}

a[href="/search?search_id=newposts"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=egosearch"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=unanswered"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mark=forums"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/search?search_id=activetopics"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=today_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/memberlist?mode=overall_posters"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

a[href="/?mode=delete_cookies"] {background: url(http://i.imgur.com/d9rqT.png) no-repeat left; padding-left: 15px; background-size: 13px 13px;}

/* Fin Body + Logo */

/* Wrap (Corpo - Contorno - Procurar) */

#search-box { visibility: hidden; } #forum-search { visibility: hidden; }

#wrap {
   background-color: #FFFFFF;
   background-image: url("http://i.imgur.com/v14J9cA.jpg"); repeat-y scroll 0 0 transparent;
   background-repeat: repeat-x;
   border-bottom: 1px solid #FFFFFF;
   border-left: 1px solid #e9e9e9;
   border-radius: 8px 8px 8px 8px;
   border-right: 1px solid #e9e9e9;
   border-width: 0 1px 1px;
   margin-bottom: 30px;
   margin-top: 93px;
   min-width: 700px;
   padding: 5px 9px 1px;
   width: 960px;
}

.headerbar { margin-top: -92px; }

/* Finsl Wrap */

/* Painel (linha Geral) */

.panel {
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/i5K6pFd.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   border: 1px solid #dddddd;
   border-radius: 0px 0px 0px 0px;
}

/* Final Painel (linha Geral) */

.postbody .topic-title {
font-size:1.2em;
}

/* Remover sumbrilhado */

a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}

/* Portal & Fóruns */

.forabg, .forumbg {
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/dFCVRGL.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   border-top: 0px solid #dddddd;
   border-bottom: 1px solid #dddddd;
   border-left: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
   border-radius: 5px 5px 5px 5px;
}

.forabg span.corners-top span, .forumbg span.corners-top span {
   background: #a2afb5 url("http://i.imgur.com/cu2iDZS.jpg");
   background-position: top;
   height: 61px; }

.forabg span.corners-bottom span, .forumbg span.corners-bottom span {
   background: #a2afb5 url("http://i.imgur.com/tFW67r6.jpg");
   background-position: top;
   border-bottom: 1px solid #dddddd;
   height: 6px; }

.header{ padding-top: 1px; height: 55px; }

li.row {
   border-bottom: 1px solid #dddddd;
   border-top: 1px solid #dddddd;
   position: relative; left: -5px;
   width: 958px;
   min-width: 750px;
}

.row {
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/13NODw5.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   left: -5px;
   min-width: 750px;
   position: relative;
   width: 958px;
}

.table-title, .table-title h2 {
   font-family: tahoma,arial,verdana,sans-serif;
   font-size: 14px;
   color: #FFFFFF;
   min-height: 38px;
   text-shadow: 0 -1px 0 #0099FF;
   display: inline;
   font-size: 1em;
}

.module, .post {    
   background-color: #FBFBFB;
   background-image: url("http://i.imgur.com/pU5qR8o.png");
   background-position: center bottom;
   background-repeat: repeat-x;
   border-radius: 5px 5px 5px 5px;
   border: 1px solid #dddddd;
}

.module span.corners-top, .post span.corners-top {    
   background: #a2afb5 url("http://i.imgur.com/d8kLdQh.jpg");
   height: 35px; }

.module span.corners-bottom, .post span.corners-bottom {    
   background-color: #3f3f3f;
   height: 5px; }

.topics {
   text-shadow: 0 px 0 #fff;
   font-weight: bold;
}
.posts {
   text-shadow: 0 px 0 #fff;
   font-weight: bold;
}

.lastpost {
   text-shadow: 0 px 0 #fff;
   font-weight: bold;
}

hr {
border: 1 none #cccccc;
border-top: 1px solid #cccccc;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}

/* Fundo & Contorno procurar - 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;
}

/* CITAR + CODE */

blockquote {    background-image: url(\'http://i.imgur.com/dGWjI7A.png\');
   background-position: bottom;
   color: #4e4e4e;
   background-repeat: repeat-x;
   background-color: #fff;
   margin-left: 5px;
   border-top: 1px solid #2289b2;
   border-right: 1px solid #2289b2;
   border-left: 2px solid #2289b2;
   border-bottom: 3px solid #2289b2;
}

blockquote blockquote {
   background-color: #fff;
}

blockquote blockquote blockquote {
   background-color: #fff;
}

blockquote div {
   margin-left: 4px;
   color: #4e4e4e;
   font-size: 12px;
}

blockquote cite {
   font-size: 10px;
   color: #417394;  
   border-bottom: 1px solid #417394;
   margin-bottom: 3px;
}

dl.codebox {
   background-image: url(\'http://i.imgur.com/4q4pc7C.png\');
   background-position: bottom;
   background-repeat: repeat-x;
   background-color: #fff;  
   margin: 0;
   padding: 3px;
   border: 1px inset #000;
   font-size: 1em;
   border-top: 1px solid #2289b2;
   border-right: 1px solid #2289b2;
   border-left: 2px solid #2289b2;
   border-bottom: 3px solid #2289b2;
max-height: 350px
overflow:auto
}

dl.codebox dt {
   text-transform: none;
   border-bottom: 1px solid #417394;
   margin-bottom: 3px;
   font-size: 10px;
   font-weight: bold;
   display: block;
   color: #417394;
}

blockquote dl.codebox {
   margin-left: 0;
}

dl.codebox code {
   overflow: auto;
   display: block;
   height: auto;
   max-height: 300px;
   white-space: normal;
   padding-top: 4px;
   font-size: 12px;
   font-family: "Courier New";
   line-height: 1.3em;
   color: #4e4e4e;
   margin: 2px 0;
}


/* PosT Perfil */

.postprofile {
   background-image: url(\'http://i.imgur.com/7PCzApX.png\');
   background-repeat: repeat-x;
   background-position: bottom;
   background-color: #FAFAFA;
   padding-top: 20px;
   padding-bottom: 20px;
   border: 1px solid #dddddd;
   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;
}

.table-title, .table-title h2 {
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}
li.header dd, li.header dt{
text-shadow: 1px 1px 3px #000000;
font-weight: bold;
}

#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://i.imgur.com/1e7M1uv.jpg);
background-repeat:repeat-x;
}

#page-footer ul li a{color:#fff;letter-spacing:0px}
dd.topics { visibility: hidden; }

/* Quem está online com imagem */

#i_whosonline + p {
 background:   -webkit-linear-gradient(#f2f2f2,#ffffff);
 -oz-border-radius:6px;
 -moz-box-shadow:2px 2px 2px #a8a180;
 -webkit-border-radius:6px;
 -webkit-box-shadow:2px 2px 2px #a8a180;
 background:-moz-linear-gradient(#f2f2f2,#ffffff);
 background-color:#fff;
 background-image:-webkit-linear-gradient(#f2f2f2,#ffffff);
 border: 1px solid rgb(222, 222, 222)border-radius:2px;
 box-shadow:2px 2px 2px #a8a180;
 font-size:11px;
 margin:2;
 padding:10px;
 width: 97%;
}

/* Estaticas */

.h3 {border-bottom: 1px dashed #419ef0;}
     #wrap {
   background-image: none !important;
}
div#page-header div.navbar ul.linklist li a {
   background: none !important;
}
.navbar {
   background: #000000 !important;
   height: 50px;
   margin-left: -10px !important;
   width: 100%;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}
por Luckcaddie
em Qua 15 Jul 2015 - 13:19
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Alterações na aparência do menu de navegaçao
Respostas: 13
Visto: 370

Problema da centralização da Imagem Principal (Logo)

body {
background-color: #164269;
color: #5A5A5A;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 13px;
padding-bottom: 15px;
margin-top: 15px;
}

.pun {
background-color: #fff;
width: 980px;
}

#pun_out {
background:url("http://i43.servimg.com/u/f43/14/53/79/27/matti10.png") repeat;background:rgba(0,0,0,0.18);
border:1px solid #0b2337;
border:1px solid rgba(0,0,0,0.35);
-webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
padding:8px;
position:relative;
width: 990px;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}



.main .main-head {
background-color: #0c70a3;
background-image: url("http://i43.servimg.com/u/f43/14/53/79/27/bg-top10.png");
background-position: 50% 50%;
background-repeat: repeat-x;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.3), 0 2px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
font-size: 12px;
font-weight: bold !important;
margin-top: 15px;
padding-bottom: 13px;
padding-left: 13px;
padding-right: 13px;
padding-top: 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}

.pun .main-content {
background-color: #FBFBFB;
border: 1px solid #B9C4CD;
}

.pun table.table td {
background: #ffffff url(http://illiweb.com/fa/empty.gif) repeat-x top left;
border-top: 1px solid #FFFFFF;
border-right: 0px solid #fff;
border-left: 0px solid #fff;
line-height: 130%;
padding-bottom: 0.7em;
padding-left: 0;
padding-right: 0;
padding-top: 0.6em;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background: #FFFFFF url(http://illiweb.com/fa/empty.gif) repeat-x top left;
border-top: 1px solid #FFFFFF;
}

.pun table.table th {
background: #ffffff url() repeat-x 0 50%;
color: #333333;
padding-bottom: 0.5em;
padding-left: 0;
padding-right: 0;
padding-top: 0.5em;
}

#pun-logo {
margin-left: -13px;
margin-top: -22px;
}

#pun-logo:hover { opacity: 0.8; }

.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;
}

.for_topics span {
display: block;
color: #105289;
font-size: 10px;
}

.for_posts {
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;
}

.for_posts span {
display: block;
color: #105289;
font-size: 10px;
}

.page-title h2, .page-title span {
color: #FFFFFF !important;
font-size: 14px;
font-weight: bold;
}

.pun .paged-head, .pun .paged-foot {
border: 0px solid !important;
background-color: !important;
padding: 0.6em 1.3em 0.3em 1.3em;

}

.pun .frm-form {
background: !important;
border: none;

}

#pun-head #pun-navlinks {
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
background-color: #304154;
background-image: url("http://i.imgur.com/AneOCBd.jpg");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat-x;
border: 1px solid #1E2831;
height: 28px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#pun-navlinks ul {
text-align: center;
}
#pun-navlinks li {
display: inline;
font-size: 15px;
line-height: 30px;
}
#pun-navlinks li a {
margin-left: -8px;
margin-right: -8px;
color: #fff;
font-family: tahoma,helvetica,arial,sans-serif
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.Estilo cool;
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
text-decoration: none;
color: #fff;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
padding-top: 12px;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.2);
}


.main .main-foot{
background-color: #fff;
color: #666;
font-weight: 400;
padding-bottom: 0.7em;
padding-left: 1.3em;
padding-right: 1.3em;
padding-top: 0.7em;
}

.pun a:link { color: #205289;text-decoration: none;}
.pun a:visited { color: #105289;}
.pun a:hover { color: #ff6600; text-decoration: none;}
.pun a:active { color: #990000;}

#pun-title {
display: none;
}

.pun .post {
border: 1px solid #CBDAEA;
margin: 10px;
background: #FDFEFF;
}

.postfoot {
border-top: 1px solid #CBDAEA;
clear: both;
margin-left: -17em;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
text-align: right;
background: #F4FAFF;
}

.pun .postmain {
background-color: #FDFEFF;
border-left: 1px solid #CBDAEA;
margin-left: 17em;
}
.pun .posthead {
background-color: #F4FAFF;
border-bottom: 1px solid #CBDAEA;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1.3em;
padding-top: 0.5em;
}

.entry-content {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size: 13px;
}

.user-contact a {
background-color: #2e425a;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #FFFFFF;
display: inline-block;
padding: 3px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
-khtml-box-shadow: rgba(0,0,0,0.6) 0px 0px 2px;
}

.codebox {
background-color: #E4EAF2;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
margin-top: 1em;
border: 1px solid #8394B2;
border-left: 4px solid #8394B2;
}
.codebox dt {
border-bottom: 1px solid #8394B2;
padding-bottom: 0.25em;
padding-left: 0.25em;
padding-right: 0.25em;
padding-top: 0.25em;
font-weight: bold;
color: #8394B2;
}
.codebox dd {
background-color: #fff;
color: #435C7A;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
}

.postmain blockquote {
background-color: #FFFFFF;
border: 1px solid #4E6A97;
padding-bottom: 0.5em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.5em;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;
}

#pun-about {
background-color: #F4F4F4;
border: 1px solid #DDDDDD;
line-height: 150%;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;
text-align: right;

}
#pun-about ul {
list-style-type: none;
}
#pun-about ul li {
display: inline;
}
#pun-about ul li a {
font-weight: normal;
text-decoration: none;
}
#pun-about #qjump {
display: none;
}

#pun-visit, .main-box {
background-color: #F4F4F4;
border: 1px solid #B9C4CD;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0.6em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.6em;

}

#search_box{display:none}

dl.codebox.spoiler{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}


.post_field {
font-weight: 700;
}





.forumbg {
background-color: black;
background-image: url(http://i32.servimg.com/u/f32/17/12/21/41/catego11.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid #E90B0B;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}









.main .main-head {
background-color: #0C70A3!important;
background-image: url(http://i.imgur.com/H7eKZk0.jpg)!important;
background-position: 50% 50%;
background-repeat: repeat-x;
border-radius: 4px 4px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.247059) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.298039) 0px 1px 3px, rgba(255, 255, 255, 0.2) 0px 2px 0px inset;
color: white;
font-size: 12px;
margin-top: 15px;
padding: 8px;
text-shadow: rgba(0, 0, 0, 0.247059) 0px -1px 0px;
font-weight: 700;
}






.sharing-cl{
overflow:hidden;
margin:-20px 0 0 0;
padding:0;
list-style:none;
width:530px;
}
.sharing-cl a{
overflow:hidden;
width:75px;
height:20px;
float:left;
margin-right:5px;
text-indent:-200px;
background:url(http://sd-2.archive-host.com/membres/up/24071559914142709/tuto_partager/partager.png) no-repeat;
}
a.sh-su{background-position:-210px -40px;}
a.sh-feed{background-position:-70px -40px;}
a.sh-tweet{background-position:-140px -40px;}
a.sh-mail{background-position:0 -40px;}
a.sh-digg{background-position:-280px -40px;}
a.sh-face{
margin-right:0;
background-position:-350px -40px;
}
a.sh-mail:hover{background-position:0 1px;}
a.sh-feed:hover{background-position:-70px 1px;}
a.sh-tweet:hover{background-position:-140px 1px;}
a.sh-su:hover{background-position:-210px 1px;}
.sh-digg:hover{background-position:-280px 1px;}
a.sh-face:hover{
background-position:-350px 1px;
}
#text{
margin-top:5px;
font-weight:bold;
font-family:helvetica,arial,sans-serif;
}
#text a{
text-indent:0;
height:auto;
text-align:center;
font-size:11px;
padding-top:35px;
color:#999;
text-decoration:none;
}





.blur {


.pun .post {
background-color: #FAFBFC;
border-bottom-color: #964e4e;
border-bottom-style: solid;
border-bottom-width: 6px;
}

.main .main-foot {
padding: 0.7em 1.3em;
font-weight: normal;
color: #660000;
background-color: transparent;
}

.pun .postmain {
background-color: #fbfbfb;
border-left: 1px solid #DADADA;
margin-left: 17em;
}

a:hover {
color: #4876FF;
text-shadow : 0px 0px 10px #FF0000;
}

por Alpha~
em Sab 11 Jul 2015 - 20:37
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema da centralização da Imagem Principal (Logo)
Respostas: 6
Visto: 1399

Overrall_header Personalizado

Olá @Luis_xD!

Adicione este código CSS a seu fórum:
#pun-navlinks{background-color:#141414;margin-left: -15px;width: 101%;position: center;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwRTNGNUIzNDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwRTNGNUI0NDhBMjExRTI5MjY0Q0ZBRDcxOTYxNUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTBFM0Y1QjE0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTBFM0Y1QjI0OEEyMTFFMjkyNjRDRkFENzE5NjE1Q0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JCXrGAAAANElEQVR42mIwMrL6z8TAwPAXlfiDyvqNykIjfqGyiCB+4uL+JMUUNMvRCDSHo3nrL0CAAQBzOzIE69Ar8wAAAABJRU5ErkJggg==);background-repeat:repeat-x;color:#fff;display:block;font-family:Helvetica, Arial, Verdana, sans-serif;font-size:12px;font-weight:400;height:35px;line-height:30px;padding:5px 20px 13px;text-decoration:none}.mainmenu{color:#fff!important}.mainmenu,a.mainmenu:hover{text-decoration:none!important}
     #pun-navlinks {border-bottom: 3px solid blue !important  ;}
     
.mainmenu:hover, .mainmenu{color:#00f!important;max-height: 10px !important;padding-bottom:17px !important;padding-top:13px;padding: 10px;}.mainmenu,a.mainmenu:hover{text-decoration:none!important}

#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks a, #pun-navlinks a:visited, a.mainmenu {
left: -120px!important;
position: relative;
top: -3px!important;
}
#pun-navlinks a:hover {
border-top: 3px solid blue;
padding: 12px!important;
color: white !important;
}


Adicione-o em:
Painel de Controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS

Se desejar alterações no menu, não hesite em pedir.

Cumprimentos!
por Fraise
em Seg 6 Jul 2015 - 22:39
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Overrall_header Personalizado
Respostas: 19
Visto: 421

Estatísticas personalizada

Olá novamente @Holkis!

Para ficar personalizado com o senhor deseja, terá de adicionar este código em sua CSS.
div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(IMAGEM-DO-BOTÃO-AQUI) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}


Mantenha a index_body que lhe passei.

Cumprimentos!
por Fraise
em Seg 6 Jul 2015 - 15:55
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: Estatísticas personalizada
Respostas: 17
Visto: 308

Barra de mensagem Flutuante

Meu fórum: http://brazilflylife.forumeiros.com/

Spoiler:
<div align="center" id="fdf_float">
        <script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#closedfstc").click(function(){
jQuery("#fdf_float").hide();
});
});
</script><style type="text/css">
#fdf_float a {
position: fixed;
bottom: 80px;
text-decoration: none;
right: 20px;
z-index: 3000;
}
a#caixflofstc {
position: fixed;
bottom: 10px;
line-height: 16px;
text-align: left;
right: 10px;
z-index: 1;
opacity: 0.8;
width: 155px;
height: 55px;
background: #cf3737;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #771b1b;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;
border-radius: 3px;
}
a#caixflofstc:hover {
opacity: 1;
}
#caixflofstc strong {
font-family: "Trebuchet MS";
display: block;
font-size: 14px;
padding-bottom: 5px;
}
</style><a id="caixflofstc" href="#"><span style="float: right;" id="closedfstc">x</span>Olá, bem vindo ao nosso fórum Brazil Flylife. Se cadastre e tenha acesso ao fórum. Divirta-se</a>
</div>


Por favor gostaria de saber tambem, qual é o código que coloca no nome do widgets que não aparece ele no forum.
por Maori
em Sab 6 Jun 2015 - 15:45
 
Buscar em: Questões resolvidas sobre códigos Javascript & jQuery
Tópico: Barra de mensagem Flutuante
Respostas: 4
Visto: 390

[Resolvido] Personalizar cores de fundo do Chatbox

Saudações,
Única coisa que você não entendeu que, se não resultar.
Na verdade no meu fórum tá funcionando direito.
É por quê tem um código completo de chatbox.
 Com informações procure com essa palavra:
#CHATBOX
Lá baixo tem background: #FFF;
É pra apagar e cole na mesma linha que antes tava.
Código:
#chatbox {
 background: #EAEAEA;
}

Se não resultar, peço-lhos que você está qual versão do fórum?
Até, apaixonado
por Diapt
em Dom 24 Maio 2015 - 10:39
 
Buscar em: Questões resolvidas sobre a aparência do fórum
Tópico: [Resolvido] Personalizar cores de fundo do Chatbox
Respostas: 10
Visto: 503

Voltar ao Topo

Página 1 de 2 1, 2  Seguinte

Ir para: