Quadro dos Tópicos

• Descrição:

Olá,

Queria o code completo do quadro dos tópicos, queria organizar isto.
Ficaria assim:
• Espaço do perfil ter largura de 250px
• Bordas Laranjas de 1px
• Pontas das bordas arredondadas em 15px
• Ícones de contatos separados por uma borda mas no mesmo espaço do perfil, porem no seu rodapé, uma barra na parte de cima deste.
• Tamanho padrão da fonte em todas as mensagens ser 10px
• Ficha RPG encima de um campo de imagem um chamado "Rank" mas tá invisível por não possuir imagem.
• Separador entre o perfil e a mensagem laranja que fique ligado com as bordas inferiores e superiores do quadro do fórum, desimportando o tamanho da mensagem.
• Uma barra ou borda, separando os botões e titulo da mensagem. Pode ser laranja.

E acho que é isso. Espero ter explicado bem.

~ Abraços, Ulti.

• Informações:

Código:

.postbody {
   border-left: 1px solid orange !important;
   padding-left: 30px !important;
   margin-right: 30px !important;
}
.postprofile {
   border-right: 0px !important;
}
.postbody .content div {
   font-size: 10px;
}
#main-content .post {
   border: 1px solid orange;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
.postprofile dd:last-of-type {
   border-top: 1px solid orange;
   padding-top: 10px;
   width: 90%;
}
.postprofile {
   width: 250px !important;
}

Hancki escreveu:Olá!

Se faltar algum detalhe, especifique quais faltam!

Código:

.postbody {
   border-left: 1px solid orange !important;
   padding-left: 30px !important;
   margin-right: 30px !important;
}
.postprofile {
   border-right: 0px !important;
}
.postbody .content div {
   font-size: 10px;
}
#main-content .post {
   border: 1px solid orange;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
.postprofile dd:last-of-type {
   border-top: 1px solid orange;
   padding-top: 10px;
   width: 90%;
}
.postprofile {
   width: 250px !important;
}

Adicione este CSS na sua folha de estilos.

Hancki

Código:

.postprofile {
margin-left: 3px;
}

Código:

.postprofile dd, .postprofile dt {
margin-bottom: 3px;
}

Código:


.post {

   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
   }
*+ html .post {

   word-wrap: break-word;
   }
* html .post {

   word-wrap: break-word;
   }

.post ul {

   list-style-type: disc;
   }
.postprofile {

   color: #000000;
   margin: 5px 0 0px 0;
   min-height: 80px;
   border-right-style: solid;
   border-right-width: 1px;
   border-color: #dddddd;
   width: 22%;
   float: left;
   display: inline;
   word-wrap: break-word;
   position: relative;
   }
* html .postprofile {

   overflow: hidden;

   }
.postprofile dd, .postprofile dt {

   line-height: 1.2em;
   margin-left: 8px;
   }
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {

   font-weight: bold;
   color: #ff773d;
   text-decoration: none;
   }
.postprofile a:hover, .postprofile dt.author a:hover {

   text-decoration: underline;
   color: #ff773d;
   }
.vote {


   float: right;
   width: 9px;
   margin-left: 4px;
   }
.vote .vote-button {

   text-align: center;
   font-weight: bold;
   margin-left: -1px;
   }
.vote .vote-button a {

   text-decoration: none !important;
   }
.vote .vote-bar {

   width: 3px;
   height: 50px;
   margin: 0 auto;
   border: 1px solid #000000;
   font-size: 0;

   }
.vote .vote-no-bar {

   letter-spacing:-2px;
   margin-left:-2px;
   white-space:nowrap;
   }
.vote .vote-bar-plus {

   background-color: #0f0;
   }
.vote .vote-bar-minus {

   background-color: #f00;
   }
/* dl dt dd----------------------------------------------*/

dd.lastpost {

   width: 20%;
   font-size: 1.1em;

   }
dd.mark {

   float: right !important;
   width: 9%;
   text-align: center;
   line-height: 200%;
   font-size: 1.2em;
   }
dd.posts, dd.topics, dd.views {

   width: 8%;
   text-align: center;
   line-height: 2.2em;
   font-size: 1.2em;
   border: none;
   }
dd.info {

   width: 30%;
   }

dl.details {

   font-size: 1.1em;
   }
dl.details dt {

   float: left;
   width: 10em;
   text-align: right;
   color: #000000;
   display: block;
   }
dl.details dd {

   margin-left: 10em;
   padding-left: 5px;
   margin-bottom: 5px;
   color: #000000;
   }
.span-tab {

   font-size: 0.9em;

   }


Código:

.postprofile {
color: #000000;
margin: 5px px 3px 3px;
min-height: 80px;
border-right-style: solid;
border-right-width: 1px;
border-color: #dddddd;
width: 22%;
float: left;
display: inline;
word-wrap: break-word;
position: relative;
margin-left: 6px;
}

Código:

.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}

Hancki escreveu:Olá!

Se faltar algum detalhe, especifique quais faltam!

Código:

.postbody {
   border-left: 1px solid orange !important;
   padding-left: 30px !important;
   margin-right: 30px !important;
}
.postprofile {
   border-right: 0px !important;
}
.postbody .content div {
   font-size: 10px;
}
#main-content .post {
   border: 1px solid orange;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
.postprofile dd:last-of-type {
   border-top: 1px solid orange;
   padding-top: 10px;
   width: 90%;
}
.postprofile {
   width: 250px !important;
}

Adicione este CSS na sua folha de estilos.

Hancki

UltimaterX escreveu:Desculpe, mas não posso tirar print. Uso celular, ele tira print, mas não carrega eles por serem muito grandes de tamanho (500-700kb)
E não upa pro servidor.