Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como chegar isso um pouco para direita
+2
Shankz
Lincoln
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
Como chegar isso um pouco para direita
Qual é minha questão:
Quero que chegue um pouco para direita a parte circulada de vermelho porque está atrapalhando a imagem das mensagens (novas, bloquiadas...).
Links e imagens do meu problema:
Endereço do meu fórum:
http://hobba.forumeiros.com
Versão do meu fórum:
PHPBB3
Quero que chegue um pouco para direita a parte circulada de vermelho porque está atrapalhando a imagem das mensagens (novas, bloquiadas...).
Links e imagens do meu problema:
Endereço do meu fórum:
http://hobba.forumeiros.com
Versão do meu fórum:
PHPBB3
Última edição por Buneko em 14.09.12 22:02, editado 1 vez(es)
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Ola,
adicione em sua folha de estilo css:
adicione em sua folha de estilo css:
- Código:
.navbar {
background-color: transparent;
clear: both;
padding: 0 10px;
}
#wrap {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #FFFFFF;
}
.headerbar {
background-color: transparent;
background-image: none;
background-repeat: repeat-x;
margin-bottom: 4px;
padding: 0 5px;
}
.module {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 2px solid #5FADD4;
padding: 0;
}
div.panel.row3, div.post.row1, div.post.row1.online, div.post.row2, div.post.row2.online {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: white;
border: solid 1px #D4D6D5;
border-radius: 7px;
padding: 2px;
}
.forabg {
background-color: #0076B1;
background-image: url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid transparent;
}
#chatbox_members .member-title {
background-color: #FFFFFF;
background-image: none;
color : black;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
}
#chatbox_members {
background-color: #FFFFFF;
}
#chatbox {
background-color: #FFFFFF;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline, #main-content a.cgu-buttons, #message, .spoiler dt, button.button2, input#submit_button, input.button1, input.button2, input.liteoption, input.mainoption {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
#divbold:hover, #divcolor, #divitalic:hover, #divsmilies:hover, #divstrike:hover, #divunderline:hover, #main-content a.cgu-buttons:hover, #message:hover, button.button2:hover, input#submit_button:hover, input.button1:hover, input.button2:hover, input.liteoption:hover, input.mainoption:hover {
background-position: 0 100%;
border: 1px solid #363636;
color: #363636;
}
.forabg {
background-color: #5FADD4;
background-image: url(http://i49.servimg.com/u/f49/15/29/79/25/cat10.png);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
}
li.row:hover dd {
border-left-color: transparent;
}
li.row dd{
border-left-color: transparent;
}
li.row {
border-bottom: 1px solid transparent; !important!
border-top: 1px solid transprent; !important!
}
li.row:hover {
background-color: #F0F0F0;
}
ul.forums {
background-color: #FFFFFF;
background-image: none;
}
.h3, h3 {
border-bottom: 1px solid #EFEFEF;
}
a:visited {
color: #666;
text-decoration: none;
}
a:link {
color: black;
text-decoration: none;
}
div.postprofile {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-radius: 7px;
left: 2px;
padding: 2px;
}
.postprofile {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #EFEFEF;
padding: 15px 10px 10px 0;
text-align: center;
}
.postprofile {
border-color: gainsboro;
border-right-style: solid;
border-right-width: 1px;
color: #222;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
.spoiler {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #F4F5F4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;
border: solid 1px #DDD;
border-radius: 3px;
padding: 2px;
}
dl.codebox {
background-color: white;
border: 1px solid #C9D2D8;
font-size: 1em;
padding: 3px;
}
ul.profile-icons {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 3px;
background-color: #EAEAEA;
border: solid 1px #D4D6D5;
border-bottom-left-radius: 10px;
border-top-right-radius: 3px;
height: 25px;
padding: 5px 5px 10px 10px !important;
position: relative;
right: -48px;
top: -18px;
}
.vote {
-moz-border-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #EAEAEA;
border: 1px solid #D4D6D5;
padding: 4px 1px;
text-align: center;
width: 20px;
}
input.search {
background: url(http://2img.net/i/fa/sprite_prosilver_navbar.png) no-repeat top left;
background-position: 0 -701px;
padding-left: 17px;
}
.inputbox:hover {
border: 1px solid #EFEFEF;
}
.inputbox {
background-color: white;
border: 1px solid #BCBCBC;
color: #222;
cursor: text;
padding: 2px;
}
li.row {
background: #FFFFFF;
list-style-type: none;
}
Convidado- Convidado
Re: Como chegar isso um pouco para direita
Nada a vê com o que eu pedi e incluiu mais coisas ainda que tem nada a ve
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Olá,
Adicione em seu css
Até mais
Adicione em seu css
dd.dterm {margin-left:35px;}
Até mais
Re: Como chegar isso um pouco para direita
Arrumou mais as "Últimas mensagens" veio pra frente de uma olhada la
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Tente diminuir o número em negrito até voltar ao normal
Até logo
dd.dterm {margin-left:35px;}
Até logo
Re: Como chegar isso um pouco para direita
Deu mais ficou um risco em cima dessa imagem
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Olá amigo,
troque o código por este:
Ate mais..
troque o código por este:
.dterm {position: relative;left: -42px;}
Ate mais..
Re: Como chegar isso um pouco para direita
fica muito pra esquerda dai eu coloquei 22px nesse e também ficou o risco
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Olá!
Tive que utilizar o mesmo código que lhe passei em meu fórum, e tive o mesmo problema, abri um tópico e ele ainda está em curso, a única solução encontrada até agora foi a de remover todas as linhas verticais, caso se interesse, cheque o tópico abaixo
https://ajuda.forumeiros.com/t65952-
Até logo
Tive que utilizar o mesmo código que lhe passei em meu fórum, e tive o mesmo problema, abri um tópico e ele ainda está em curso, a única solução encontrada até agora foi a de remover todas as linhas verticais, caso se interesse, cheque o tópico abaixo
https://ajuda.forumeiros.com/t65952-
Até logo
Re: Como chegar isso um pouco para direita
eu vi mais não entendi, queria mesmo agora é remover aquela linha porque o problema já resolveu só falta tirar aquilo
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Tente este:
Até mais!
dd.dterm {margin-left:35px;background: transparent !important;}
Até mais!
Re: Como chegar isso um pouco para direita
Não funcionou está do mesmo jeito
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Boas,
muitas vezes este risco não é do código que estão passando pode ser outro código em sua folha de estilo css tente procurar o erro!
muitas vezes este risco não é do código que estão passando pode ser outro código em sua folha de estilo css tente procurar o erro!
Convidado- Convidado
Re: Como chegar isso um pouco para direita
encontrem pra mim pf porque não sou bom com isso de remover erros tirando códigos
- Código:
/*Inicio do codigo das bordas*/
.forabg {
-moz-boredradius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
/*Fim do codigo das bordas*/
form#quick_reply #textarea_content textarea#text_editor_textarea {
background: #FFFFFF;
border: 2px solid #bdbdbd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
textarea:focus,input:focus {outline: none;}
form#reply #textarea_content textarea#text_editor_textarea {
background: #FFFFFF;
border: 2px solid #bdbdbd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;}
textarea:focus,input:focus {outline: none;}
.postprofile {
border: 1px solid white;
padding: 4px;
border-radius: 4px;
}
.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;
}
.content h2, .panel h2 {
border-bottom: transparent;
color: #FFFFFF;
font-size: 1.6em;
font-weight: 400;
margin-bottom: .5em;
margin-top: .5em;
padding-bottom: .5em;
}
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #FFFFFF;
}
.forabg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.forumbg {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.login-form-ative{
background-color: #dedede;
border-radius: 5px 5px 5px 5px;
border: 1.9px solid #000000;
}
.margin-login{
margin-left: 10px;
}
#username.login-field{
padding: 1.9px 2px;
margin-left: 2px;
}
.forabg{background-color:#7CA7C0;background-image:url(http://i33.servimg.com/u/f33/16/73/94/18/aew12.png);background-position:0 0;background-repeat:repeat-x;border:2px solid #fff;clear:both;margin-bottom:4px;padding:0 5px}* html .forabg{height:1%;position:relative}*+ html .forabg{min-height:1px}.forumbg{background-color:#7CA7C0;background-image:url(http://i33.servimg.com/u/f33/16/73/94/18/aew12.png);}
ul.topiclist{background-image:url(http://2img.net/i/fa/empty.gif);background-repeat:repeat-x;color:#000;list-style-type:none;margin:0}* html ul.topiclist{height:1%}*+ html ul.topiclist{min-height:1px}ul.topiclist li{display:block;margin:0}* html ul.topiclist li{position:relative}ul.topiclist li.row dl{padding:2px 0}ul.forums li.row dl{min-height:0}* html ul.forums li.row dl{height:0}ul.topiclist dd.dterm,ul.topiclist dt{display:block;float:left;font-size:1.1em;padding-left:5px;padding-right:5px;width:60%}ul.topiclist dfn{display:none}ul.topics li.header dl.icon dt{padding-right:50px}ul.topics dd.dterm,ul.topics dt{display:block;float:left;padding-left:45px;width:50%}ul.topics dd{display:block;float:left}ul.forums{background-color:#ecf3f7;background-image:none}li.header dl.icon{min-height:0}li.header dl.icon dt{padding-left:0}li.header dt{font-weight:700}li.header dd{margin-left:1px}dl.icon{background-position:10px 50%;background-repeat:no-repeat;height:auto;min-height:35px}dl.icon dd.dterm,dl.icon dt{background-position:5px 50%;background-repeat:no-repeat}li.header dd,li.header dt{border-left-width:0;color:#fff;font-family:Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;font-size:1em;line-height:1em;margin:2px 0 4px;padding-bottom:2px;padding-top:2px;text-transform:uppercase}li.row{border-bottom:1px solid #fff;border-top:1px solid #fff}li.row:hover{background-color:#cadceb}ul.topiclist dd{border-left:1px solid #fff;display:block;float:left;padding:4px 0}ul.topiclist li.header dl dd{border:none}dd.lastpost span,dd.moderation span,dd.redirect span,ul.topiclist dd.info span,ul.topiclist dd.searchby span,ul.topiclist dd.time span{display:block;padding-left:5px}ul.pmlist dt{padding-left:45px}ul.forums dd{border-color:#fff;border-left-style:solid;border-left-width:1px}li.row:hover dd{border-left-color:#fff}.mod-text{font-weight:700}
.table-title{text-shadow:1px 1px 1px #000;font-size:70%;}
a.fa_fancybox img{
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
vertical-align: top;
padding: 0;
margin: 0;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 920;
}
.fancybox-skin {
position: relative;
padding: 0;
margin: 0;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 930;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
padding: 0;
margin: 0;
position: relative;
outline: none;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 10px;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 920;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 940;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 940;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 940;
visibility: hidden;
}
.fancybox-prev span {
left: 20px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 20px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -9999px;
left: -9999px;
padding: 0;
overflow: visible;
visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 910;
background: #000;
}
#fancybox-overlay.overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 950;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 930;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
margin-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
dd.dterm {margin-left:20px;background: transparent !important;}
ul#picture_legend{-moz-border-radius:10px;-webkit-border-radius:10px;background:url(http://i42.servimg.com/u/f42/14/92/41/94/untitl15.jpg);background-repeat:repeat-x;border:1px solid #8FC5E4;border-radius:10px;padding:5px}
.panel {
background-color: #FFFFFF;
color: #040912;
margin-bottom: 4px;
padding: 0 10px;
}
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Boas,
nós não fazemos este tipo de suporte tende procurar você mesmo!
nós não fazemos este tipo de suporte tende procurar você mesmo!
Convidado- Convidado
Re: Como chegar isso um pouco para direita
Não fazem obrigado mais quem quiser fazer levará meu +
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Ajuda alguém ?
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Boa noite!
Poderia especificar o valor à direita que deseja? Estive a adentrar em teu fórum e vi que está perfeitamente bem!
Até mais!
Poderia especificar o valor à direita que deseja? Estive a adentrar em teu fórum e vi que está perfeitamente bem!
Até mais!
Re: Como chegar isso um pouco para direita
sim está certo mais está com um erro em cima da imagem dos tópicos, veja que há uma linha branca por cima e queria remover aquele erro
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Olá!
Substitua o código por este:
Até mais.
Substitua o código por este:
- Código:
ul.topiclist img {padding-right:20px; !important}
Até mais.
Lincoln- *****
- Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711
Re: Como chegar isso um pouco para direita
Boa noite!
Substitua o código do amigo por este:
Personalize o valor '20' se necessário até ficar ao teu gosto. Poderá diminuir ou aumentar o valor.
Passar bem!
Substitua o código do amigo por este:
- Código:
ul.topiclist img {margin-right:20px; !important}
Personalize o valor '20' se necessário até ficar ao teu gosto. Poderá diminuir ou aumentar o valor.
Passar bem!
Re: Como chegar isso um pouco para direita
Olá!
Tente um desses códigos:
Até mais.
Tente um desses códigos:
- Código:
td.tcl img[alt][style] {
padding-right: 10px;
}
- Código:
element.style {
display: block;
margin: 0 0px 0 55px !important;
}
- Código:
img {left: -7px!important;}
- Código:
ul.topiclist img {padding-right: 15px; !important;position: relative;}
- Código:
h2 {position: relative;text-align: center !important;left: 346px;}
- Código:
.trsom {position: absolute;left: 22px;}
Até mais.
Re: Como chegar isso um pouco para direita
Olá amigo,
Adicione o código abaixo em seu css
Até mais
Adicione o código abaixo em seu css
- Código:
.dterm {border-left: none !important;}
Até mais
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