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.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
90 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 84 Visitantes :: 2 Motores de busca

Eden, JrMAFiA, Kyo Panda, Lillith, YouTube3, ZamasuBR

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sab 21 Nov 2015 - 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:


Última edição por Matheus Vale em Sab 21 Nov 2015 - 23:53, editado 1 vez(es)

Matheus Vale
Nível 4

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

http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em Sab 21 Nov 2015 - 22:40

Boa noite.

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

Até mais.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7162

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

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em Sab 21 Nov 2015 - 22:50

@Fraise escreveu:Boa noite.

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

Até mais.
Claro, ja foi retirado (:

Matheus Vale
Nível 4

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

http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em Sab 21 Nov 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7162

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

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em Sab 21 Nov 2015 - 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
Nível 4

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

http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em Sab 21 Nov 2015 - 23:13

Ahhhhh, eu confundi. Poderia me fornecer sua CSS?

Até mais.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7162

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

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em Sab 21 Nov 2015 - 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://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;}

Matheus Vale
Nível 4

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

http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em Sab 21 Nov 2015 - 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://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.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7162

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

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em Sab 21 Nov 2015 - 23:47

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

Matheus Vale
Nível 4

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

http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em Sab 21 Nov 2015 - 23:50

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

Até mais.

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7162

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

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Matheus Vale em Sab 21 Nov 2015 - 23:52

Perfeito Fraise, muuuuuuuuuuito obrigado mais uma vez!

Matheus Vale
Nível 4

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

http://geekheroes.forumeiros.com

Resolvido Re: Como adicionar borda nos tópicos?

Mensagem por Fraise em Sab 21 Nov 2015 - 23:57

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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7162

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5