Fórum maior do que o normal Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Fórum maior do que o normal

+2
Ace
ZombieW
6 participantes

Ir para baixo

Tópico resolvido Fórum maior do que o normal

Mensagem por ZombieW 27.02.13 16:18

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:

Fórum maior do que o normal Erro11
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
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por Ace 27.02.13 16:39

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por .Danni. 27.02.13 16:42

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.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por ZombieW 27.02.13 16:50

.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.
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por Ace 27.02.13 16:52

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.
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por BrunoH. 27.02.13 16:53

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
#footerSw {width: 91.9%!important;}
e Valide!

Até mais.
BrunoH.
BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por .Danni. 27.02.13 16:55

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.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por Kojitani 27.02.13 16:59

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.
Kojitani
Kojitani
***

Membro desde : 02/02/2013
Mensagens : 173
Pontos : 257

http://sobrevivencialistabr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por ZombieW 27.02.13 17:02

.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;
}
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por [F]lames 27.02.13 17:14

Olá,

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;}
Resulta ?

Até mais.
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por .Danni. 27.02.13 17:21

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.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por ZombieW 27.02.13 17:36

.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?
ZombieW
ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Fórum maior do que o normal

Mensagem por .Danni. 27.02.13 17:47

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.
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos