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
» Devisa TÓPICO
Hoje à(s) 12:06 pm por LeoziN_WallkeR

» Imagens dos Tópicos serem todas do mesmo tamanho
Hoje à(s) 10:35 am por EDU2010

» aumentar largura
Hoje à(s) 09:41 am por Luckcaddie

» Plaquinhas de Rank para o meu Fórum
Hoje à(s) 09:00 am por Fou-Lu

» Logo Fórum
Hoje à(s) 08:54 am por Fou-Lu

» Modificar aparência das listas
Ontem à(s) 11:53 pm por BichodoMato

» Slide no index
Ontem à(s) 11:51 pm por iScroll

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
220 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 219 Visitantes :: 2 Motores de busca

LeoziN_WallkeR

[ 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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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 : 5020
Pontos Ativos : 6700

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