Como adicionar borda nos tópicos?

2 participantes

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

Tópico resolvido Como adicionar borda nos tópicos?

Mensagem por Matheus Vale 21.11.15 22:36

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:
Como adicionar borda nos tópicos? RThEZyx


Última edição por Matheus Vale em 21.11.15 23:53, editado 1 vez(es)
Matheus Vale

Matheus Vale
Novo Membro

Membro desde : 20/11/2015
Mensagens : 27
Pontos : 41

http://geekheroes.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise 21.11.15 22:40

Boa noite.

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

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale 21.11.15 22:50

Fraise escreveu:Boa noite.

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

Até mais.
Claro, ja foi retirado (:
Matheus Vale

Matheus Vale
Novo Membro

Membro desde : 20/11/2015
Mensagens : 27
Pontos : 41

http://geekheroes.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise 21.11.15 22:52

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
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale 21.11.15 23:10

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
Matheus Vale

Matheus Vale
Novo Membro

Membro desde : 20/11/2015
Mensagens : 27
Pontos : 41

http://geekheroes.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise 21.11.15 23:13

Ahhhhh, eu confundi. Poderia me fornecer sua CSS?

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale 21.11.15 23:33

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://2img.net/i/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://2img.net/i/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://2img.net/i/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;}
Matheus Vale

Matheus Vale
Novo Membro

Membro desde : 20/11/2015
Mensagens : 27
Pontos : 41

http://geekheroes.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise 21.11.15 23:37

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://2img.net/i/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://2img.net/i/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://2img.net/i/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.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale 21.11.15 23:47

Quase funcionou, só que ele só ta pegando a parte do corpo da mensagem, como pegar o corpo inteiro em azul? D:
Como adicionar borda nos tópicos? SoQjx8U
Matheus Vale

Matheus Vale
Novo Membro

Membro desde : 20/11/2015
Mensagens : 27
Pontos : 41

http://geekheroes.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise 21.11.15 23:50

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

Até mais.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale 21.11.15 23:52

Perfeito Fraise, muuuuuuuuuuito obrigado mais uma vez!
Matheus Vale

Matheus Vale
Novo Membro

Membro desde : 20/11/2015
Mensagens : 27
Pontos : 41

http://geekheroes.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise 21.11.15 23:57

Como adicionar borda nos tópicos? Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6561
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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