Problemas com o css do fórum

[Felipe_Pereira]

Qual é minha questão:
Meu amigo, utiliza uma folha de estilos CSS no fórum dele, e me deixou pega-la, mas, no fórum dele, funciona perfeitamente, e no meu, é como se o tema ficasse por cima da parte com o CSS, e também, o texto 'Buscar' que deveria ficar dentro da caixa de busca, ficou no meio no logo, acho que, porque a caixa de busca ficou em baixo de uma parte do fórum (imagens abaixo)

Medidas que eu tomei para corrigir o problema:
Editar configurações do fórum (Não funcionou) (Não mechi em muita coisa, pois tenho pouca experiência).

Imagens do meu problema:
CSS Funcionando Perfeitamente no Fórum do meu Amigo:

( Link: https://2img.net/h/oi44.tinypic.com/2up2ptx.png )

Agora, veja como fica no meu Fórum:

( Linnk: https://2img.net/h/oi41.tinypic.com/r7n6hh.png )



Endereço do meu fórum:
http://perfect-forum.ativoforum.com/

Versão do meu fórum:
PHPBB3

[Dury]

Olá!

Poderia nos fornecer o CSS de seu fórum?
Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>

Até mais!

[Felipe_Pereira]

Aqui está o CSS do Fórum, mas não tenho certeza se o problema é nele... Mas é bom dar uma olhada.

Código:

 /* Campos de Formulários Personalizados */   

/* Início do Código CSS  */
#format-buttons input, #format-buttons select, button.button2 {vertical-align: none;}

        a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {padding: 10px 10px; height:27px !important;}

#text_editor_iframe, input.post, select, textarea.inputbox, select, a.button1, a.button2, button.button2, input.button1, input.button2, input {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; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

#text_editor_iframe{
height: 100px !important;
width:400px !important }

input{
width:400px !important;
}
/* Fim do Código CSS */


img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post11.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/mp110.png') no-repeat center !important;}

img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun11.png') no-repeat center !important;}
img[src="http://hitskin.com/themes/15/69/75/i_post.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/raspun10.png') no-repeat center !important;}

img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover{background: url('http://i33.servimg.com/u/f33/15/33/29/01/blocat11.png') no-repeat center !important;}

.i_post{background: url(http://img263.imageshack.us/img263/6901/posti.png) no-repeat center !important;}

.i_post:hover{background: url(http://img263.imageshack.us/img263/6901/posti.png) no-repeat center !important;}

#new-message-link a{border: none !important;
-moz-box-shadow : 0 0 0px #ffffff !important;
-webkit-box-shadow : 0 0 0px #ffffff !important;
box-shadow : 0 0 0px #ffffff !important;}

#search-box{
margin-top: -220px;
position: relative;
bottom: -97px;
height: 10px;
width: 185px;
right: 45px;
display: inline;
background: transparent;}
#main-content {
width: 950px;
padding: 24px;
padding-top: -35em;
}

#page-header .navbar{
width: 1000px;
top: -20px;
right: 0px;
position: relative;
background: none !important;}

#logo img{
display: inline;
float: center;
position: relative;
top: -125px;
left: 25px;}

body{
background: #000000 url(http://i49.servimg.com/u/f49/15/39/72/27/header10.png) no-repeat top center;
padding-top: 200px;}

#page-body{
margin-left: 0px;
margin-top: 10px;
background: url(http://i20.servimg.com/u/f20/15/70/45/74/body24.png) repeat-y center;}

#page-footer{
height: 150px;
width: 1000px;
margin-left: 0px;
margin-top: -3em;
background: url(http://i60.servimg.com/u/f60/15/70/45/74/footer12.png) no-repeat bottom center; no-repeat bottom center }

#page-footer .navbar{background: none !important;}

#page-header .navbar ul{border: none;}

.forabg, .forumbg {
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;
padding: 0 6px !important;}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');
border-bottom-color: #FFFFFF;}

.forumline{
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;}

.forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;}

.forabg ul.forums, .pmlist {
border: 2px solid white;
background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

 ul.topiclist, .pmlist {
z-index: 999 !important;
position: relative !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.forabg .row{background: none !important;}

.forumbg .row{
border-left: 2px solid white;
border-right: 2px solid white;}

.forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px 10px 0 0;
border-top-right-radius: 10px 10px 0 0;
border-top: 2px solid white;}

.forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px 10px 0 0;
border-bottom-right-radius: 10px 10px 0 0;
border-bottom: 2px solid white;}

.table1{
z-index: 999 !important;
position: relative;}

.forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
z-index: 999 !important;
position: relative !important;}

table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}

#login_popup {border: 2px solid #198699;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}

.pagination a {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px !important;}

.pagination a:hover{color: #90AD0E !important;}

.pagination span strong{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
color: #198699;}

.row .pagination {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}

.resizebox{
background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat;
background-position: top right;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}

.resizebox .resize_border{border: 1px solid #e4e4e4;}

#chatbox{
left: 205px;
top: 40px;}

#chatbox_members{
top: 40px;}

#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}

#chatbox_footer #message{
padding: 3px;
width: 70%;
cursor: text;}

#chatbox_footer .text-field {
width: 500px;
margin-top: 5px;}

#chatbox_footer .fontbutton{
padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f6ffe0;
border: 2px solid #558A11;}

input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, #main-content a.cgu-buttons:hover {
color: #048ebb;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: #bfbfbf;
padding: 3px;}



.introduction  {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border-bottom: 1px dashed white;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.header {
text-shadow: 1px 1px 0px #4f7c02;
}

ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}

#search-box #keywords {
width: 80px;
background: transparent;
text-shadow: 1px 1px 0px #286b00;
color: white;
font-family: Georgia;
font-style: italic;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 28px;}

#search-box input.button2 {
font-size: 0px;
background-image: url();
background-color: transparent;
background-repeat: no-repeat;
width: 24px !important;
height: 24px !important;
border: 0;
margin-left: -4px;
margin-bottom: -9px;
background-position: 0 100%;
color: transparent;}

#page-footer .copyright strong a{
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
border: 2px solid white;
padding: 5px;
background: white;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
bottom: 30px;
width: 100% !important;
right: -30em;
}

/*-------------------llink-uri footer-------------------*/

#page-footer{color: transparent;}

#page-footer .gensmall{color: transparent;}

img[src="http://2img.net/i/fa/empty.gif"]{display: none !important;}

img[src="http://2img.net/i/fa/empty.gif"]{display: none !important;}

#page-footer a[href="/stats.htm"]{display: none !important;}

#page-footer a{
text-shadow: 1px 1px 2px #c9c9c9;
color: #007684;
position: relative;
bottom: -45px;}

/*-------------------sfarsit - link-uri footer-------------------*/

/*-------------------titlul categoriilor | fara efect-------------------*/


h1.page-title {
font-family: Verdana;}

h1.page-title a:hover {
text-decoration: none;}

.content {
color: #5f5f5f;
font-family: Verdana;}

.content a:hover {
text-decoration: none;}

a.forumtitle {
font-family: Verdana;}

a.forumtitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

a.topictitle {
font-family: Verdana;}

a.topictitle:hover {
text-decoration: none;
border-bottom: 0px dashed ;}

.postbody .topic-title {
font-family: Verdana;}

.postbody .topic-title a:hover {
text-decoration: none;}

/*-------------------Sfarsit - titlul categoriilor | fara efect-------------------*/

ul#privmsgs-menu {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_17.png');
text-align: CENTER;
padding: 24px 0;}

/*MODIFICARI PT. TAG-URI-------------------------------------------------*/

a:hover, a{
text-decoration: none !important;
border-color: none !important;}

img{border: none !important;}

a:focus{-moz-outline-style: none !important;}

a {outline: none;}

textarea, input{outline: none;}

#text_editor_textarea{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 1px solid #1675bc;}

input{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid lightgrey;
padding: 2px;
text-shadow: white 1px 1px 0px;}

input[type="submit"]{cursor: pointer;}


/*MODIFICARI PT. TAG-URI-SFARSIT-------------------------------------------------*/

/*-------------------Imagine mozilla-------------------*/

ul.linklist li.footer-home {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/121.png) no-repeat top;
width: 302px;
height: 136px;
margin-left: -55px;
margin-top: -1px;
color: transparent !important;
font-size: 0px !important;}

/*-------------------Sfarsit - Imagine mozilla-------------------*/

ul#picture_legend {
background-position: center;
background-repeat: no-repeat;
background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/shape_16.png');
text-align: center;
padding: 24px 0;}

.overview{
border: 2px solid #2b6f02;
top: 50px !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: white !important;
background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}

.overview label{color: white;}

.overview .row2{background: none;
border-bottom: 1px dashed white;
text-shadow: 1px 1px 1px black;}

.overview a{position: static !important; left: -10px;}

p.path, .pathname-box, .pathname-box p, .info-gallery {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

p.author {
position: relative;
right: -7em;
margin-top: 20px;
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
text-align: center;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;
}

.post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#preview {
background: #f7f7f7 !important;}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom left;
}

input[type="text"],input[type="password"]{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

#tabs a, #tabs .activetab a, #tabs a:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 3px !important;
text-shadow: 1px 1px 0px white;}

.introduction, .panel, .postprofile, .module {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

p em b a.gensmall{
font-style: normal;
font-style: normal;
font-weight: bold;
font-family: Verdana;
text-transform: none;
}

h1.page-title {
font-size: 12px;
text-shadow: 1px 1px 0px #f1f1f1;}

.search-box {
   margin-top: 0;
   margin-left: 5px;
   float: right;
display: none;
   }

.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i45.tinypic.com/af911z.png') no-repeat center;
padding: 5px 5px;}

.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}

.propune-tutorial {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun12.png) no-repeat;
margin-left: 400px;
}

.propune-tutorial:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/propun13.png) no-repeat;
}

.template a img {
background: url(http://i33.servimg.com/u/f33/15/33/29/01/127.png) no-repeat;
}

.template a img:hover{
background: url(http://i33.servimg.com/u/f33/15/33/29/01/212.png) no-repeat;
}

blockquote {
margin: 1em 10px 1em 25px;
background: transparent url("http://i88.servimg.com/u/f88/14/28/28/25/bb_quo10.gif") 1px 1px no-repeat;
background-position: top right;
border: 1px solid #dadada;
font-size: 0.95em;
margin-left: 0px;
overflow: hidden;}

blockquote blockquote {
background-color: transparent;
font-size: 0.95em;
margin: 0.5em 1px 0pt 15px;}

blockquote blockquote blockquote {
font-size: 0.95em;
background-color: transparent;}

dl.codebox {
padding: 3px;
background-color: transparent;
border: 1px solid #dadada;
font-size: 1em;
font-family: Trebuchet MS;}

dl.codebox dt {
text-transform: none;
font-size: 0.95em;
background-image: url('http://i88.servimg.com/u/f88/14/28/28/25/bb_cod10.gif');
background-repeat: no-repeat;
background-position: top right;
border-bottom: 0px solid #FFFFFF;
font-weight: bold;}

dl.codebox code {
font: 0.9em Verdana,Arial,Helvetica,sans-serif;
color: #666666;}




#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
width: 400px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 5px;
border: 1px solid black;
}

.tabcontent{
display:none;
}



[Luciano98]

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

ul.linklist.navlinks,#wrap,.headerbar{background-color:transparent!important}span.corners-top,span.corners-bottom{display:none!important}.navbar{top:55px!important}#search-box{position:relative;bottom:-97px;right:140px!important}

Salve.

Até mais.

[Felipe_Pereira]

Funcionou, mas agora apareceu outro erro.

A Barra de navegação fica em cima de outros textos...

Vejam a imagem:


Link: https://2img.net/h/oi41.tinypic.com/33dkuht.png

[Dury]

Olá,

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Na caixa "Buscar", localize o seguinte código:

Código:

#page-header .navbar{

Quando encontrar, substitua por esse:

Código:

#page-header .navbar{
width: 1000px;
top: 10px;
right: 0px;
position: relative;
background: none !important;}

Até mais!

[Felipe_Pereira]

Antes de você postar este código, eu troquei o menu de navegação, colocando o CSS de um que eu gosto mais... E o erro foi solucionado.

Ele ficou um pouco bugado mais consegui deixá-lo na posição correta olhando os CSS's anteriores e usando top,right, etc.

Mais agora, tenho outro problema! O Texto na caixa de busca sai dela, e vai longe, até o final da página >>>>>>>>>>

Eu gostaria de que o texto da caixa de busca parasse, quando chegasse no final da caixa. Mais que quando chegasse lá, ainda fosse possível escrever.

Como num navegador, pra digitar um site, se chegar no final, o texto não atravessa a limitação, mais ele empurra o resto e vai aparecendo ali..

Uma imagem pra ajudar a entender o erro:

Link: https://2img.net/h/oi42.tinypic.com/2637pth.png

Quando digito além do que digitei na imagem, o texto vai aparecendo e empurra pra lá <<< oque já foi escrito. Mais que queria que ele fizesse isso, ao chegar no final da caixa de busca, antes da imagem com uma lupa, quando chegasse no final do espaçosinho pra escrever na imagem da caixa de busca.

[Dury]

Olá,

O problema só aparece para o senhor. Comigo o resultado foi o que deseja. Ou seja, não é necessário modificar nada, pois funcionou normalmente.

Uso o mesmo navegador que o senhor, mas o meu é versão 8.0.

Até mais!