Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Borda no Rank
Hoje à(s) 01:44 am por Lemon~

» Código JavaScript do Chatbox não surtiu efeito
Hoje à(s) 12:24 am por Lemon~

» Preciso de uma logo para meu servidor SAMP
Ontem à(s) 11:54 pm por odelgado

» Efeito Canvas
Ontem à(s) 11:22 pm por Connor R.

» Rank de administrador
Ontem à(s) 10:17 pm por paulim78

» Não consigo alterar nenhuma informação no Painel (Bugou) o que faço?
Ontem à(s) 07:39 pm por Ketholy

» PEDIDO ICONE PARA SUB-FORUN
Ontem à(s) 07:35 pm por Froozen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
249 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 246 Visitantes :: 3 Motores de busca

Daniel Yan, Lemon~, paulim78

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como adicionar borda nos tópicos?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em 21/11/15, 08:36 pm

Detalhes da questão


Endereço do fórum: http://geekheroes.forumeiro.com
Versão do fórum: PhpBB3

Descrição


Boa noite, eu gostaria de fazer algumas modificações na minha página que mostra a mensagem do usuario, no caso o post. Eu gostaria de adicionar e remover algumas coisas, como só pode uma dúvida por post, nessa eu gostaria de adicionar uma borda na parte em que marquei de verde na imagem de referência, na qual ela pegue toda esta "caixa" digamos assim

Imagem de referência:


Última edição por Matheus Vale em 21/11/15, 09:53 pm, editado 1 vez(es)
avatar

Matheus Vale
Nível 4

Masculino
Inscrito dia : 20/11/2015
Mensagens : 27
Pontos Ativos : 41

Ver perfil do usuário http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em 21/11/15, 08:40 pm

Boa noite.

Poderia retirar o seu fórum da manutenção?

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em 21/11/15, 08:50 pm

@Fraise escreveu:Boa noite.

Poderia retirar o seu fórum da manutenção?

Até mais.
Claro, ja foi retirado (:
avatar

Matheus Vale
Nível 4

Masculino
Inscrito dia : 20/11/2015
Mensagens : 27
Pontos Ativos : 41

Ver perfil do usuário http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em 21/11/15, 08:52 pm

Sinceramente, eu não estou vendo nenhuma borda aqui. Triste
No mais, tente este código na sua folha de estilos:
Código:
.postbody { border: none; }

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em 21/11/15, 09:10 pm

@Fraise escreveu:Sinceramente, eu não estou vendo nenhuma borda aqui. Triste
No mais, tente este código na sua folha de estilos:
Código:
.postbody { border: none; }

Até mais.
Fraise
haha, exatamente, eu quero adicionar uma borda e não retirá-la Muito feliz
Esse seu código faz o oposto do que eu quero, logo eu tentei da seguinte forma:
Código:
.postbody {
  border: 4px solid #000000;}

mas ainda assim não deu resultado Pensativo
avatar

Matheus Vale
Nível 4

Masculino
Inscrito dia : 20/11/2015
Mensagens : 27
Pontos Ativos : 41

Ver perfil do usuário http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em 21/11/15, 09:13 pm

Ahhhhh, eu confundi. Poderia me fornecer sua CSS?

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em 21/11/15, 09:33 pm

Certo, aqui está meu css:


Código:

#page-header .navbar .linklist {
    background: #2D3134;
    border: none;
    margin: -9px -10px 0;
}
ul.navlinks {
    border-bottom: 1px solid #fff;
    font-weight: 700;
    text-align: center;
}
ul.linklist li {
    display: inline;
    font-size: 1.1em;
    line-height: 2.2em;
    list-style-type: none;
    width: auto;
}
#page-header .navbar .linklist:hover {
border-bottom:1px solid #369FCF;
}
a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}
a.mainmenu:hover {
    border-bottom: 4px solid #0372be;
}
body {
 background-color: #e5e5e5;
  background-image: url(http://i.imgur.com/1xAVw0A.png);
    background-repeat: repeat-x;  
    margin: 0 auto;
    min-width: 1227px;
    padding: 0px;
    width: 70%!important;
  
}
.headerbar {
background-color: #369fcf;
background-image: url(http://illiweb.com/fa/empty.gif);
background-repeat: repeat-x;
margin-bottom: 0px;
padding: 0 5px;
}
#wrap div.headerbar {
   margin: 0;
   border: none;
   }
#wrap div {
border: none;
}
#page-header {
margin-left: -5px;
margin-right: -5px;
  border: none;
  padding-top: 20px;
}
span.corners-top, span.corners-bottom {background: none !important;margin: 0 !important;opacity: 0}
.postprofile {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 60px 3px 3px;
    position: relative;
    text-align: center;
}
.postprofile {
    border-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    color: #666;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}
div.post.online .postprofile:before {
    content: url('http://i.imgur.com/5QIO6u5.png');
}
div.post .postprofile:before {
    content: url('http://i.imgur.com/xa17BIT.png');
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 2;
}
div.post.online .postprofile:after {
    border-color: #84C754;
}
div.post .postprofile:after {
    background: #2E3133;
    border-bottom: 4px solid #868686;
    content: ".";
    font-size: 0;
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1;
}
forum-search .inputbox, #search .inputbox, #search_menu .inputbox, .inputbox.desc_search_input {
    background: #FFF;
    border: 1px solid #323330;
    border-radius: 3px 0 0 3px;
    height: 22px;
    margin-right: -2px;
    padding: 3px;
}
#forum-search .button2, #search input.button2, #search_menu .button1, .desc-search input.button2 {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #323330;
    border: none;
    border-radius: 0 3px 3px 0;
    font-size: 0;
    height: 30px;
    width: 30px!important;
}
#search-box #keywords {
    background-color: #fff;
    width: 150px!important;
}

a[href="/g2-moderadores"] {color:blue!important;text-shadow:0 0 3px blue}
a[href="/g1-administradores"] {color:red!important;text-shadow:0 0 3px red}

.sp,sp{color:red!important;text-shadow:0 0 3px red}


.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
 background-color: #e9a9a9!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.expert {
 background-color: #369fcf!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}

.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
  
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href*="plus"] {
background:url('http://i.imgur.com/2FUEQxW.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href*="minus"] {
background-image:url('http://i.imgur.com/AAWgWer.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.online { background-image: none !important; }

.forabg {
   margin-bottom: 4px;
   clear: both;
   background-color: #369fcf;
        background-image: url(http://illiweb.com/fa/empty.gif);
   background-repeat: repeat-x;
   background-position: 0 0;
   border: 2px solid #ffffff;
   padding: 0px 5px;
   }
.forumbg {
   background-color: #369fcf;
        background-image: url(http://illiweb.com/fa/empty.gif);
   background-repeat: repeat-x;
   background-position: 0 0;
   border: 2px solid #ffffff;
   padding: 0px 5px;
   margin-bottom: 4px;
   clear: both;
   }
.postbody { 
  border: 4px solid #000000;}
avatar

Matheus Vale
Nível 4

Masculino
Inscrito dia : 20/11/2015
Mensagens : 27
Pontos Ativos : 41

Ver perfil do usuário http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em 21/11/15, 09:37 pm

Troque por este:
Código:

#page-header .navbar .linklist {
    background: #2D3134;
    border: none;
    margin: -9px -10px 0;
}
ul.navlinks {
    border-bottom: 1px solid #fff;
    font-weight: 700;
    text-align: center;
}
ul.linklist li {
    display: inline;
    font-size: 1.1em;
    line-height: 2.2em;
    list-style-type: none;
    width: auto;
}
#page-header .navbar .linklist:hover {
border-bottom:1px solid #369FCF;
}
a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 45px;
    padding: 0 12px;
    transition: 250ms;
}
a.mainmenu:hover {
    border-bottom: 4px solid #0372be;
}
body {
 background-color: #e5e5e5;
  background-image: url(http://i.imgur.com/1xAVw0A.png);
    background-repeat: repeat-x; 
    margin: 0 auto;
    min-width: 1227px;
    padding: 0px;
    width: 70%!important;
 
}
.headerbar {
background-color: #369fcf;
background-image: url(http://illiweb.com/fa/empty.gif);
background-repeat: repeat-x;
margin-bottom: 0px;
padding: 0 5px;
}
#wrap div.headerbar {
  margin: 0;
  border: none;
  }
#page-header {
margin-left: -5px;
margin-right: -5px;
  border: none;
  padding-top: 20px;
}
span.corners-top, span.corners-bottom {background: none !important;margin: 0 !important;opacity: 0}
.postprofile {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding: 60px 3px 3px;
    position: relative;
    text-align: center;
}
.postprofile {
    border-color: #fff;
    border-left-style: solid;
    border-left-width: 1px;
    color: #666;
    display: inline;
    float: right;
    margin: 5px 0 0;
    min-height: 80px;
    position: relative;
    width: 22%;
    word-wrap: break-word;
}
div.post.online .postprofile:before {
    content: url('http://i.imgur.com/5QIO6u5.png');
}
div.post .postprofile:before {
    content: url('http://i.imgur.com/xa17BIT.png');
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 2;
}
div.post.online .postprofile:after {
    border-color: #84C754;
}
div.post .postprofile:after {
    background: #2E3133;
    border-bottom: 4px solid #868686;
    content: ".";
    font-size: 0;
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 25px;
    z-index: 1;
}
forum-search .inputbox, #search .inputbox, #search_menu .inputbox, .inputbox.desc_search_input {
    background: #FFF;
    border: 1px solid #323330;
    border-radius: 3px 0 0 3px;
    height: 22px;
    margin-right: -2px;
    padding: 3px;
}
#forum-search .button2, #search input.button2, #search_menu .button1, .desc-search input.button2 {
    background: url(http://i21.servimg.com/u/f21/18/21/41/30/search10.png) no-repeat 50% 50% #323330;
    border: none;
    border-radius: 0 3px 3px 0;
    font-size: 0;
    height: 30px;
    width: 30px!important;
}
#search-box #keywords {
    background-color: #fff;
    width: 150px!important;
}

a[href="/g2-moderadores"] {color:blue!important;text-shadow:0 0 3px blue}
a[href="/g1-administradores"] {color:red!important;text-shadow:0 0 3px red}

.sp,sp{color:red!important;text-shadow:0 0 3px red}


.reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.zero {
 background-color: #e9a9a9!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
.reputation.expert {
 background-color: #369fcf!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border-radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}

.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-shadow: -1px 0.5px #888;
  box-shadow: 1px 1px 1px #888;
  cursor: pointer;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  box-shadow: none;
  text-shadow: none;
 }
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.vote .vote-no-bar {
 
display: none;
}

.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}

.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}

.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
}

.vote .vote-button a[href*="plus"] {
background:url('http://i.imgur.com/2FUEQxW.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href*="minus"] {
background-image:url('http://i.imgur.com/AAWgWer.png');
background-repeat: no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}
.online { background-image: none !important; }

.forabg {
  margin-bottom: 4px;
  clear: both;
  background-color: #369fcf;
        background-image: url(http://illiweb.com/fa/empty.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 2px solid #ffffff;
  padding: 0px 5px;
  }
.forumbg {
  background-color: #369fcf;
        background-image: url(http://illiweb.com/fa/empty.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  border: 2px solid #ffffff;
  padding: 0px 5px;
  margin-bottom: 4px;
  clear: both;
  }
.postbody {
  border: 4px solid #000000;}

Até mais,
Fraise.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em 21/11/15, 09:47 pm

Quase funcionou, só que ele só ta pegando a parte do corpo da mensagem, como pegar o corpo inteiro em azul? D:
avatar

Matheus Vale
Nível 4

Masculino
Inscrito dia : 20/11/2015
Mensagens : 27
Pontos Ativos : 41

Ver perfil do usuário http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em 21/11/15, 09:50 pm

Invés de utilizar o seletor .postbody, use o .post, assim:
Código:
.post { border: 4px solid #000; }

Até mais.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em 21/11/15, 09:52 pm

Perfeito Fraise, muuuuuuuuuuito obrigado mais uma vez!
avatar

Matheus Vale
Nível 4

Masculino
Inscrito dia : 20/11/2015
Mensagens : 27
Pontos Ativos : 41

Ver perfil do usuário http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em 21/11/15, 09:57 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum