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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Formulário de Registo personalizado
Hoje à(s) 13:14 por juleic1123

» Criar uma página HTML para menu
Hoje à(s) 12:50 por PESS_dodo

» Logo Móvel
Hoje à(s) 3:56 por Biel_Staff

» [LOGO] Transparente
Hoje à(s) 2:08 por Tiger

» Modificar cor de banner
Hoje à(s) 1:47 por Tiger

» Personalizar chatbox
Hoje à(s) 1:43 por Sr.Oliveira

» Cabeçalho de tabela personalizado
Hoje à(s) 0:36 por iScroll

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
266 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 261 Visitantes :: 1 Motor de busca

juleic1123, Kyo Panda, PESS_dodo, ShadowPrince, Shek Crowley

[ 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)
avatar

Matheus Vale
Nível 4

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

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.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7269

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 (:
avatar

Matheus Vale
Nível 4

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

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7269

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
avatar

Matheus Vale
Nível 4

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

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.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7269

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;}
avatar

Matheus Vale
Nível 4

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

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.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7269

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:
avatar

Matheus Vale
Nível 4

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

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.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7269

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!
avatar

Matheus Vale
Nível 4

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

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".
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7269

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