Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Fórum maior do que o normal
+2
Ace
ZombieW
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Fórum maior do que o normal
Qual é minha questão:
Olá,
Ultimamente tenho visto que o fórum está ficando maior na largura (horizontal).
Isso ocorre as vezes, outras não. Não insiro/altero o CSS, JS e HTML a pelo menos uns 6 meses e o erro começou a ocorrer a alguns dias.
Isso foi alguma atualização da forumeiros?
Segue imagem:
https://i.servimg.com/u/f70/17/53/75/18/erro11.jpg
Endereço do meu fórum:
http://www.tutorialdopw.com
Versão do fórum:
PHPBB3
Olá,
Ultimamente tenho visto que o fórum está ficando maior na largura (horizontal).
Isso ocorre as vezes, outras não. Não insiro/altero o CSS, JS e HTML a pelo menos uns 6 meses e o erro começou a ocorrer a alguns dias.
Isso foi alguma atualização da forumeiros?
Segue imagem:
https://i.servimg.com/u/f70/17/53/75/18/erro11.jpg
Endereço do meu fórum:
http://www.tutorialdopw.com
Versão do fórum:
PHPBB3
Re: Fórum maior do que o normal
Olá,
Isso pode variar de acordo com os anúncios, a barra acima do fórum dentre muitos fatores, não apenas CSS e JS.
Pode ser também que outro administador tenha feito a alteração e, inclusive, alterado para 120% (em torno de) a largura do fórum. Cheque seu CSS.
Até Mais.
Isso pode variar de acordo com os anúncios, a barra acima do fórum dentre muitos fatores, não apenas CSS e JS.
Pode ser também que outro administador tenha feito a alteração e, inclusive, alterado para 120% (em torno de) a largura do fórum. Cheque seu CSS.
Até Mais.
Re: Fórum maior do que o normal
Olá,
O que está aumentando o tamanho de seu fórum é o footer personalizado.
Tente este código:
Resulta?
Cordialmente,
.The~Boss.
O que está aumentando o tamanho de seu fórum é o footer personalizado.
Tente este código:
- Código:
#footerSw {
background: #1E1E1E url(http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg) 50% 0 no-repeat;
border-top: 3px solid #111;
box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
color: #E1E1E1;
display: table;
margin-top: -95px;
padding: 1em 1em 1em 10em;
position: relative!important;
text-align: center!important;
width: 90%;
}
Resulta?
Cordialmente,
.The~Boss.
Re: Fórum maior do que o normal
.The~Boss. escreveu:Olá,
O que está aumentando o tamanho de seu fórum é o footer personalizado.
Tente este código:
- Código:
#footerSw {
background: #1E1E1E url(http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg) 50% 0 no-repeat;
border-top: 3px solid #111;
box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
color: #E1E1E1;
display: table;
margin-top: -95px;
padding: 1em 1em 1em 10em;
position: relative!important;
text-align: center!important;
width: 90%;
}
Resulta?
Cordialmente,
.The~Boss.
Então, eu cheguei a chegar e vi que era o Footer. Porém, esse footer existe a meses e só agora foi apresentar esse "erro". Há outro fórum meu que também tem o footer e esse "erro" não ocorre:
http://tutorialdolol.forumeiros.com/forum
O código usado é o mesmo. Apenas mudando a cor da letra.
Ontem esse "erro" não ocorria no Tutorial do PW. Hoje voltou a ocorrer.
E ninguém tem mexido na área administrativa.
Re: Fórum maior do que o normal
Olá,
Mas o seu footer é diferente com relação a ambos os fóruns... Poderia me passar a relação dos dois CSS?
Até Mais.
Mas o seu footer é diferente com relação a ambos os fóruns... Poderia me passar a relação dos dois CSS?
Até Mais.
Re: Fórum maior do que o normal
Olá!
Aceda a Folha de Estilo CSS:
Até mais.
Aceda a Folha de Estilo CSS:
Código:Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
e Valide!#footerSw {width: 91.9%!important;}
Até mais.
Re: Fórum maior do que o normal
Olá,
O CSS pode ser o mesmo, mas o HTML é diferente, no http://tutorialdolol.forumeiros.com/forum os links são organizados em forma de tabela, já no seu são organizados com listas. Provavelmente é essa diferença que está causando o erro.
Cordialmente,
.The~Boss.
O CSS pode ser o mesmo, mas o HTML é diferente, no http://tutorialdolol.forumeiros.com/forum os links são organizados em forma de tabela, já no seu são organizados com listas. Provavelmente é essa diferença que está causando o erro.
Cordialmente,
.The~Boss.
Re: Fórum maior do que o normal
Painel de controle - fórum - configuração - estrutura de páginas - coloca 96% - agora se for a imagem do logo ai tem que editar na css.
Re: Fórum maior do que o normal
.The~Boss. escreveu:Olá,
O CSS pode ser o mesmo, mas o HTML é diferente, no http://tutorialdolol.forumeiros.com/forum os links são organizados em forma de tabela, já no seu são organizados com listas. Provavelmente é essa diferença que está causando o erro.
Cordialmente,
.The~Boss.
Não entendi, poderia ser mais detalhado?
@BrunoH.
O footer fica errado ("comido") com essa alteração.
@Kojitani
Não vou fazer alterações no CSS quando isso já funcionava assim meses atrás e não teve modificações na área administrativa.
@Ace
Confesso que o CSS do PW esteja mais organizado que o do PW, mas segue:
CSS - Tutorial do PW
- Código:
/* Efeito Balão */
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/* Footer Bar */
#footerSw {
margin-top: -95px;
width: 100%;
background: #1E1E1E url('http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg') 50% 0 no-repeat;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center !important;
display: table;
border-top:3px solid #111;
}
#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center !important;
margin: 0 auto;
width: 200px; /* 320 */
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}
p.copy {
margin-top:-15px;
text-align: center !important;
color:#FFFFFF;
position: relative;
}
/*Imagem no Pop-Up de Conexão*/
#login_popup {
background-image: url('http://i34.servimg.com/u/f34/15/04/49/64/banner10.png');
background-repeat: no-repeat;
background-position: center;
}
/* Remover Calendário/Galeria/FAQ
* by DropLeet/ZombieW
*/
a[href="/faq"] {
display: none !important;
}
a[href="/gallery"] {
display: none !important;
}
a[href="/calendar"] {
display: none !important;
}
/* SubForuns */
a.SubForuns{
cursor:pointer;
font-size:10px;
color:yellow;
text-decoration:none;
}
table.spoiler{
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .3;
}
table.spoiler:Hover{
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-webkit-transition: all .3s linear;
opacity: 1!important;
}
/* Efeito Hover nos ícones das Mensagens */
.postbody:hover .profile-icons {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: .5;
}
.postbody .profile-icons:hover {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 1!important;
}
.postbody .profile-icons {
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
opacity: 0;
}
/* Cartão de Visita */
.post inner{
position: relative;
}
.postprofile dl dd.info{
position: absolute;
display: none;
margin-bottom: 5px;
margin-left: 165px;
padding: 8px 5px 9px;
top: 11px;
border:2px inset white;
width: 290px;
z-index: 999;
background:#000000;
}
.postprofile dl:hover dd.info{
display:block !important;
}
/* Floating
* by DropLeet
*/
/* Direita */
img.Direita{
float:right;
margin-left:5px;
}
/* Esquerda */
img.Esquerda{
float:left;
margin-right:5px;
}
/* Mensagem de Moderação
* by DropLeet
*/
.cpinfo {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.cpinfo {
background-color: #000000;
background-image: url('http://i.imgur.com/BZ17N.png');
}
/*Fechado nos Fóruns DIV grfclose (Faixa Manutenção)
* by ZombieW Edit by DropLeet
*/
.grfclose{
background:url(http://img688.imageshack.us/img688/6251/uczzc.png) no-repeat 99.9% 0
}
.grfclose1{
background:url(http://img688.imageshack.us/img688/6251/uczzc.png) no-repeat 99.9% 0
}
.grfclose2{
background:url(http://img688.imageshack.us/img688/6251/uczzc.png) no-repeat 99.9% 0
}
/*Responsaveis pelo Forum / Sub-Fóruns
* by DropLeet
*/
#modo {
display: block;
}
.dterm:hover #modo {
display: block;
}
/*Formatação dos campos de perfil nas mensagens
* by DropLeet
*/
.postprofile dd, .postprofile dt {
text-align: left;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*Cor do Link - Houver - Inicio*/
a:hover{color:#FFDD00;text-shadow:0px 0px 1px #000000}
/*Cor do Link - Houver - Fim*/
/*Firulas no nomes - Início*/
a[href="/g1-fundadores"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow: 0 0 5px #FFA200;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
a[href="/g45-administradores"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow: 0 0 5px #FFA200;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
a[href="/u1"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #FFA200
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
a[href="/u228"]{
background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);
text-shadow:0 0 5px #FFA200
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}
/*Firulas no nome - Fim*/
/*Alterar Contorno das Categorias - Início*/
ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #F58B00;
font-weight: bold;
text-align: center;
}
div.h3{
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #F58B00;
font-weight: bold;
text-align: center;
}
/*Alterar Contorno das Categorias - Fim*/
/*Alterar Contorno dos Widgets - Início*/
.h3, .catHead {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #FFFFFF;
text-align: center;
}
/*Alterar Contorno dos Widgets - Fim*/
/* Correção do fundo preto do banner*/
dd.lastpost span.color-groups {
text-align: center !important;
float: none;
display: inline;
}
.module .h3 {
color: #FF8C00;
}
.module h3, .module .h3 {
text-align: center !important;
}
.postprofile {
text-align: center;
}
form[name="post"] .h3{color: #FF8C00;}
.headerbar {
background-color: #000000;
}
div.h3 {
color: #FF8C00;
border-color: #FF8C00;
}
.content h1, .panel h1 {
color: #FF8C00;
border-bottom-color: #FF8C00;
}
dl.hidecode {
background-color: #FFFFFF;
}
.content h2, .panel h2 {
color: #FF8C00;
border-bottom-color: #FF8C00;
}
/*Mudar Cores - Inicio*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*Mudar Cores - Fim*/
/*Cursores - Inicio*/
a:hover {
cursor: url('http://clip2net.com/clip/m100622/1320461036-hand-4kb.cur'), url('http://i44.servimg.com/u/f44/15/04/49/64/cursor11.png'), auto;
}
body {
cursor: url('http://clip2net.com/clip/m100622/1319252999-normal-29kb.ani'), url('http://i44.servimg.com/u/f44/15/04/49/64/normal11.gif'), auto;
}
/*Cursores - Fim*/
/*Salvamento automático nos tópicos - Início*/
#savec {
position:relative;
}.save-bloc {
dispay: none;
color: #555!important;
cursor: point;
z-index: 999;
padding: 5px;
border: 1px solid #BCBCBC;
background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
display:none;
top:20px;
left:0px;
position:absolute;
white-space:nowrap;
}.save-bloc div:hover {
color: #050505!important;
}.save-bloc div {
cursor: pointer;
}.save-bloc select {
background: #ccc;
border: 1px solid #aaa;
margin-bottom: 5px;
}
/*Salvamento automático nos tópicos - Fim*/
/*Alterar Search Box
* by DropLeet
*/
#search #keywords:focus{
width:300px
}
#search #keywords{
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
width:150px
}
img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{
height:auto;
width:46px
}
#search-box #keywords {
width: 200px;
background: white;
border: 1px solid #B3B6AA;
font-size: 14px;
font-weight: bold;
padding: 5px 5px;
color: #999;
}
9-ltr.css:1
#search-box #keywords {
background-color: white;
width: 95px;
}
9-ltr.css:1
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
9-ltr.css:1
input.inputbox {
width: 85%;
}
9-ltr.css:1
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: black;
cursor: text;
padding: 2px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
9-ltr.css:1
button.button2, input.button1, input.button2 {
font-size: 1em;
}
/*Alterar Search Box - Fim*/
CSS - Tutorial do LoL
- Código:
/*=========================================
Avatar do Membro nos Últimos Tópicos
by DropLeet / Necessário JavaScript
=========================================*/
.avat-miembro {
float: left;
}
.avat-miembro img {
width: 40px;
height: 40px;
padding: 1px;
margin: 0 5px;
border-radius: 10px
}
/*=========================================
Efeito Balão
by DropLeet / Necessário JavaScript
=========================================*/
.tipsy {
padding: 5px;
font-size: 11px;
position: absolute;
text-shadow: none;
z-index: 999;
}
.tipsy-inner {
padding: 8px 8px 8px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}
/*=========================================
Níveis de Alerta
by DropLeet
=========================================*/
.alert{
border:1px solid #4381CC;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#4381CC;
background-repeat:no-repeat;background-position:10px center;
background-color:#C6D8F0;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-i10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
.alert2{
border:1px solid #E2B500;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#E2B500;
background-repeat:no-repeat;background-position:10px center;
background-color:#FFEA97;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/40px-a10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
.alert3{
border:1px solid #AD3F30;
margin:10px 0px;
padding:15px 10px 15px 60px;
color:#AD3F30;
background-repeat:no-repeat;background-position:10px center;
background-color:#EFCEC9;
background-image:url('http://i42.servimg.com/u/f42/17/32/13/00/120px-10.png');
box-shadow: 1px 1px 2px #666;
-moz-box-shadow: 1px 1px 2px #666;
-webkit-box-shadow: 1px 1px 2px #666;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
}
/*=========================================
Footer Bar Perfect Team Org
by DropLeet
=========================================*/
#footerSw {
margin-top: -105px;
width: 100%;
background: #1E1E1E url('http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg') 50% 0 no-repeat;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center !important;
display: table;
border-top:3px solid #111;
}
#footerSw > ul {
position: absolute;
right: 80px;
bottom: 32px;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
}
#footerSw > li {
list-style: none;
text-align: center !important;
margin: 0 auto;
/* width: 130px; */
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #00E0E8;
margin-bottom:0px;
margin-top: -30px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
font: 10px "Century Gothic", Verdana, Geneva, sans-serif;
}
p.copy {
margin-top:-15px;
text-align: center !important;
color:#FFFFFF;
position: relative;
font: 10px "Century Gothic", Verdana, Geneva, sans-serif;
}
/*=========================================
Firulas no nomes
by ZombieW
=========================================*/
a[href="/u1"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #00e0e8;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*DropLeet*/
a[href="/u2"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #00e0e8;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
color: white}
/*Roran MF*/
a[href="/u3"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow:0 0 5px #00e0e8;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*Nome do Grupo dos ADM*/
a[href="/g4-administradores"]{background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/th/att11110.gif);text-shadow: 0 0 5px #00e0e8;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}
/*=========================================
Remover Calendário/Galeria/FAQ
by DropLeet/ZombieW
=========================================*/
a[href="/faq"] {
display: none !important;
}
a[href="/gallery"] {
display: none !important;
}
a[href="/calendar"] {
display: none !important;
}
/*=========================================
Responsaveis pelo Forum
by DropLeet
=========================================*/
#modo {
display: none;
}
.dterm:hover #modo {
display: block;
}
/*=========================================
Sistema para Flutuação de Imagem
by DropLeet
=========================================*/
/* Direita */
img.Direita{
float:right;
margin-left:5px;
}
/* Esquerda */
img.Esquerda{
float:left;
margin-right:5px;
}
/*=========================================
Formatação dos campos de perfil nas mensagens
by DropLeet
=========================================*/
.postprofile dd, .postprofile dt {
text-align: left;
margin-right: 6px;
}
.postprofile {
margin-left: -15px;
}
/*=========================================
Personalização do Houver dos Links
by ZombieW
=========================================*/
a:hover{color:#0083E8;text-shadow:0px 0px 1px #000000;}
/*=========================================
Alterar Contorno das Categorias
by ZombieW
=========================================*/
ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #00E0E8;
font-weight: bold;
text-align: center;
}
div.h3{
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #00E0E8;
font-weight: bold;
text-align: center;
}
/*=========================================
Alterar Contorno das Widgets
by ZombieW
=========================================*/
.h3, .catHead {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #EEEEEE;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
box-shadow: 0 5px 5px #CCCCCC;
color: #FFFFFF;
text-align: center;
}
/*=========================================
Remover Background do Banner
by ZombieW
=========================================*/
dd.lastpost span.color-groups {
text-align: center !important;
float: none;
display: inline;
}
.module .h3 {
color: #00E0E8;
}
.module h3, .module .h3 {
text-align: center !important;
}
.postprofile {
text-align: center;
}
form[name="post"] .h3{color: #00E0E8;}
.headerbar {
background-color: #000000;
}
div.h3 {
color: #00E0E8;
border-color: #00E0E8;
}
.content h1, .panel h1 {
color: #00E0E8;
border-bottom-color: #00E0E8;
}
dl.hidecode {
background-color: #FFFFFF;
}
.content h2, .panel h2 {
color: #00E0E8;
border-bottom-color: #00E0E8;
}
/*=========================================
Cores Avançadas nos Tópicos
by DropLeet
=========================================*/
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*=========================================
Salvamento Semi-automático nos Tópicos
by ZombieW
=========================================*/
#savec {
position:relative;
}.save-bloc {
dispay: none;
color: #555!important;
cursor: point;
z-index: 999;
padding: 5px;
border: 1px solid #BCBCBC;
background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x;
display:none;
top:20px;
left:0px;
position:absolute;
white-space:nowrap;
}.save-bloc div:hover {
color: #050505!important;
}.save-bloc div {
cursor: pointer;
}.save-bloc select {
background: #ccc;
border: 1px solid #aaa;
margin-bottom: 5px;
}
/*=========================================
Personalização do SearchBox
by DropLeet
=========================================*/
#search-box #keywords {
width: 250px;
background: white;
border: 1px solid #B3B6AA;
font-size: 14px;
font-weight: bold;
padding: 5px 5px;
color: #999;
}
9-ltr.css:1
#search-box #keywords {
background-color: white;
width: 95px;
}
9-ltr.css:1
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
9-ltr.css:1
input.inputbox {
width: 85%;
}
9-ltr.css:1
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: black;
cursor: text;
padding: 2px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://2img.net/i/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: black;
font-family: Verdana,Arial,Helvetica,sans-serif;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}
9-ltr.css:1
button.button2, input.button1, input.button2 {
font-size: 1em;
}
Re: Fórum maior do que o normal
Olá,
Adicione á teu CSS:
Até mais.
Adicione á teu CSS:
- Código:
#footerSw {background: #1E1E1E url(http://s3.amazonaws.com/nxcache/www/img/all/nx_fat_footer.jpg) 50% 0 no-repeat;border-top: 3px solid #111;box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);width: 91.7%;color: #E1E1E1;display: table;margin-top: -95px;padding: 1em 1em 1em 10em;position: relative!important;text-align: center!important;}
Até mais.
Re: Fórum maior do que o normal
Olá,
Vou dar um exemplo prático, no fórum LoL o rodapé é feito com o uso de tabelas, assim:
Já no do PW está assim:
Recomendo copiar o HTML do fórum de LoL já que a estrutura é a mesma, mas as alternativas propostas anteriormente também podem auxiliar.
Cordialmente,
.The~Boss.
Vou dar um exemplo prático, no fórum LoL o rodapé é feito com o uso de tabelas, assim:
Título |
Link |
Já no do PW está assim:
- Título
- Link
Recomendo copiar o HTML do fórum de LoL já que a estrutura é a mesma, mas as alternativas propostas anteriormente também podem auxiliar.
Cordialmente,
.The~Boss.
Re: Fórum maior do que o normal
.The~Boss. escreveu:Olá,
Vou dar um exemplo prático, no fórum LoL o rodapé é feito com o uso de tabelas, assim:
Título Link
Já no do PW está assim:
- Título
- Link
Recomendo copiar o HTML do fórum de LoL já que a estrutura é a mesma, mas as alternativas propostas anteriormente também podem auxiliar.
Cordialmente,
.The~Boss.
Muito obrigado .The~Boss.!!
A pessoa que estava responsável por essa área de "desenvolvimento" do fórum, acabou saindo.
Ficou corrigido.
Mas ainda tenho a dúvida. Porque isso não ocorreu antes?
Re: Fórum maior do que o normal
Olá,
Para ser sincera não sei dizer o por que isso ocorreu, pode ter sido alguma alteração pequena feita no CSS. Como a dúvida já foi sanada o tópico será fechado.
Cordialmente,
.The~Boss.
Para ser sincera não sei dizer o por que isso ocorreu, pode ter sido alguma alteração pequena feita no CSS. Como a dúvida já foi sanada o tópico será fechado.
Cordialmente,
.The~Boss.
Tópicos semelhantes
» Cabeçalho do fórum maior que o corpo
» Por a forma das estatisticas do forum normal
» Rank maior no CSS
» Deixa a largura do forum em tamanho normal
» Css-normal ajuda
» Por a forma das estatisticas do forum normal
» Rank maior no CSS
» Deixa a largura do forum em tamanho normal
» Css-normal ajuda
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos