Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Logo do fórum com largura erradas
3 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
Logo do fórum com largura erradas
Qual é minha questão:
Meu fórum está com erro na logo e antes não tinha acho que é algum código na CSS que está dando esse erro, vou mandar minha CSS para vocês verem.
Links e imagens do meu problema:
A parte vermelha riscada e circulada é onde está o erro, ela deveria estar certinha igual na parte esquerda.
Endereço do meu fórum:
http://hobba.forumeiros.com/forum
Versão do meu fórum:
PHPBB3
Meu fórum está com erro na logo e antes não tinha acho que é algum código na CSS que está dando esse erro, vou mandar minha CSS para vocês verem.
- Código:
/*------------------------------------------------*/
/*-------------[Body tamaño del foro logo descripcion del foro]------------*/
/*------------------------------------------------*/
body#phpbb {
background-color: #eee;
}
.headerbar {
padding: 0px;
}
#wrap {
width: 960px;
background: #FFFFFF;
background-color: #fff;
margin: auto;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
margin-bottom: 25px !important;
}
.footer-home::before {
content: "© 2012 - 2012 Hobba - Este site não é de propriedade da Sulake Corporation Oy ou ao Habbo Hotel ®.";
display: block;
margin-top: 40px;
}
#logo-desc{width: 970px !important;
height: 300px !important;
background: transparent url("http://i33.servimg.com/u/f33/16/73/94/18/k05zk10.png") center center no-repeat;
box-shadow: 0px 0px 15px #000 inset;
margin: -5px;}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Navbar]------------*/
/*------------------------------------------------*/
ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 40px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 999;
background-image: url(http://i.imgur.com/AOkgY.png);
}
ul.linklist li {
line-height: 40px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #bfbfbf;}
ul.linklist.navlinks li a:hover{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
/*------------------------------------------------*/
/*-------------[Panel Foros]------------*/
/*------------------------------------------------*/
.panel {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.row {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;
}
.forabg {
background-color: #333333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 0;
box-shadow: 0px 0px 15px #ccc;
border-radius: 4px;
}
.row1 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
.row2 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
/*------------------------------------------------*/
/*-------------[Foros cat Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background-color: #333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-radius: 4px;
border-right: 1px #ddd solid;
box-shadow: 0 0 15px #ccc;
padding: 0;
}
form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i33.servimg.com/u/f33/16/73/94/18/filekk10.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.post {
background: #eee;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 8px #ddd inset;
}
.post span.corners-top {
height: 29px;
background: #222;
padding: 6px 15px;
}
.module {
border-radius: 4px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
}
.module span.corners-top{height: 29px;
background: #333 url(http://i.imgur.com/AOkgY.png)repeat-x;
}
.table-title, .table-title h2 {
display: inline;
color: #FFF !important;
font-family: 'Arvo', Helvetica Neue, Helvetica, Arial, Verdana;
font-size: 1.1em;
font-weight: 700;
}
/*------------------------------------------------*/
/*-------------[search incorporado con algunos codigos importantes]------------*/
/*------------------------------------------------*/
#chatbox {
background-image: url(http://i33.servimg.com/u/f33/16/73/94/18/filekk10.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box {
background: url(http://i.imgur.com/d6Rki.png) no-repeat;
display: inline;
height: 35px;
margin-top: -130px!important;
}
.wysiwyg {
background-image: url(http://i33.servimg.com/u/f33/16/73/94/18/filekk10.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}
#search-box input.button2 {visibility: hidden;
}
#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 60px!important;
left: 300px!important;
}
#search_menu a{color:#000!important;}
.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
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;}
/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
#message-box textarea {
background-image: url(http://www.servimg.com/u/f33/16/73/94/18/filekk10.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.postprofile {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0px 0px 0px 1px rgb(255, 255, 255),inset 0 0px 0 rgba(0,0,0,0.1);
border-radius: 4px;
left: -5px;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin: auto;
padding: 10px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 5px;
margin: auto;
margin-top: 4px;
}
/*------------------------------------------------*/
/*-------------[Botones]------------*/
/*------------------------------------------------*/
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;}
/*------------------------------------------------*/
/*-------------[agre codigos para solucionar errores & aportes importantes no borres nada]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
p.path {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
p.path a{color:#fff!important;}
.pathname-box {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
.pathname-box a{color:#fff!important;}
.postbody {
clear: both;
color: #7d7d7d;
float: right;
line-height: 1.48em;
padding: 7px;
width: 75%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 5px;
}
.topic-actions {
font-size: 1.1em;
height: auto;
background-color: #f5f5f5;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0px;
}
h1.page-title {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
background-color: #f5f5f5;
border-bottom: 1px dotted #ddd;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0px;
}
h1.page-title a{color: #333 !important;}
blockquote cite {
display: block;
font-style: normal;
font-weight: 700;
border-bottom: 1px dashed rgba(0,0,0,.2);
padding: 3px 5px;
margin-left: -15px;
font-size: 12px;
}
blockquote {
margin: 1em 1px 1em 25px;
overflow: hidden;
background-color: #fefbf3;
padding: 9px;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
font-family: Verdana;
font-size: 12px;
line-height: 1.5em;
border-radius: 6px;
}
.content blockquote {
color: #333;
}
.ulhome{left:0px;top:20px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url('http://i.imgur.com/3iunm.png') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;position:relative;z-index:900
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 19px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:343px;display:block;top:320px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}
.pathname-box, p.path {
position: inherit !important;
width: 64em !important;
}
.login-form-ative{
background-color: #666666;
border-radius: 5px 5px 5px 5px;
border: 1.9px solid #00778F;
}
.margin-login{
margin-left: 10px;
}
#username.login-field{
padding: 1.9px 2px;
margin-left: 2px;
}
Links e imagens do meu problema:
A parte vermelha riscada e circulada é onde está o erro, ela deveria estar certinha igual na parte esquerda.
Endereço do meu fórum:
http://hobba.forumeiros.com/forum
Versão do meu fórum:
PHPBB3
Última edição por Buneko em 19.08.12 19:24, editado 2 vez(es)
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Logo do fórum com largura erradas
Caro Amigo, Pode ser que esta Logo seja pequena para o seu forum,Tente no logo de seu forum este link https://2img.net/h/oi45.tinypic.com/2zzji93.png
ou entao mude este codigo para o jeito que botarei.
ou entao mude este codigo para o jeito que botarei.
- Código:
}
#logo-desc{width: 980px !important;
height: 300px !important;
background: transparent url("http://i45.tinypic.com/2zzji93.png") center center no-repeat;
box-shadow: 0px 0px 15px #000 inset;
margin: -5px;}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
Re: Logo do fórum com largura erradas
Me parece que melhorou mais ainda não ajeitou veja o fórum falta pouco ainda eu coloquei o código pq a imagem não deu é algo na CSS mesmo algum número para editar.
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Logo do fórum com largura erradas
Olá!
Troque o código dado por nosso amigo Mercer', pelo abaixo:
Adicione o código em sua Folha de estilo CSS:
Painel de controle Visualização Imagens e cores Cores Folha de estilo CSS.
Código:
Salve e visualize teu fórum.
Até mais!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Troque o código dado por nosso amigo Mercer', pelo abaixo:
Adicione o código em sua Folha de estilo CSS:
Painel de controle Visualização Imagens e cores Cores Folha de estilo CSS.
Código:
}
#logo-desc{width: 989px !important;
height: 290px !important;
background: transparent url("https://2img.net/h/oi45.tinypic.com/2zzji93.png") center center no-repeat;
box-shadow: 0px 0px 15px #000 inset;
margin: -5px;}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
Salve e visualize teu fórum.
Até mais!
Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
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