Como deixar minha categoria assim?

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

Resolvido Como deixar minha categoria assim?

Mensagem por James [B]. em 16/10/13, 07:32 pm

Qual é minha questão:
Olá Pessoal do Fórum dos Fóruns então queria saber como deixo minha categoria assim
Como minha categoria é :

Como quero que fique:


Onde vi isso?
spdesign.ativoforum.com

Obrigado a Todos...

Endereço do meu fórum:
http://nxfatal.forumeiros.com

Versão do fórum:
PUNBB


Última edição por iPauliinhoO_. em 18/10/13, 01:10 pm, editado 1 vez(es)
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixar minha categoria assim?

Mensagem por Shek em 16/10/13, 07:56 pm

Boa noite!

Se for pelo lado da personalização usa-se o template, contudo, não podemos fornecer um template que não está em tutorial. Se for pelo lado de estrutura, basta acessar Visualização > Home page > Estrutura e Hierarquia e escolher a opção Médio de Separar categorias no índice.

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17152
Pontos Ativos : 21412

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como deixar minha categoria assim?

Mensagem por James [B]. em 16/10/13, 08:06 pm

Então pq tipo a minha categoria e meio separada tipo queria deixar minha categoria estilo da SP que e tipo PHPBB3
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixar minha categoria assim?

Mensagem por Shek em 16/10/13, 08:35 pm

Boa noite!

Siga as instruções deste tutorial: http://ajuda.forumeiros.com/t35481-tutorial-phpbb3-na-versao-punbb

Atenciosamente,
Shek


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17152
Pontos Ativos : 21412

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como deixar minha categoria assim?

Mensagem por James [B]. em 16/10/13, 09:15 pm

Shek não quero  meu Tema fique de PUNBB parar PHPBB3 so quero que a categoria fique igual mano
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixar minha categoria assim?

Mensagem por First em 16/10/13, 10:00 pm

Olá,

Senhor, poderia me informar o endereço do seu fórum verdadeiro? pois quando eu visito o endereço que você deu fala que este fórum não existe ou foi excluído.


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como deixar minha categoria assim?

Mensagem por James [B]. em 16/10/13, 10:16 pm

avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixar minha categoria assim?

Mensagem por James [B]. em 18/10/13, 11:32 am

UP ^^ Ninguem ajuda não
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixar minha categoria assim?

Mensagem por First em 18/10/13, 11:50 am

Olá,

Senhor, visitei o seu fórum e o botão direito do mouse esta bloqueado isso dificulta muito o trabalho. O Senhor poderia me fornecer a sua folha de estilo CSS e desbloquear o botão direito do mouse?


Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como deixar minha categoria assim?

Mensagem por James [B]. em 18/10/13, 12:14 pm

Tudo Bem.

CSS:
Código:
/* Barra 'Forum' */
.table > thead:nth-child(1) > tr:nth-child(1) {
display: none !important;
}
/* Categoria Retratil */
.main-head .toggle {
background: url(http://i50.tinypic.com/wkjrjl.png) no-repeat scroll 0 0 transparent;
display: block;
height: 22px;
margin-top: -4px;
outline: 0 none;
text-indent: -3000em;
visibility: hidden;
width: 32px;
}
.main-head:hover .toggle {
visibility: visible;
}
.main-head.collapsed .toggle {
background-image: url("http://i47.tinypic.com/se6jjr.png");
}
/* Nome de Usuario no Centro */
.user-info{margin-left: 10px;}
.pun .user-ident .username {
color: #00569c;
display: block;
font-size: 1.2em;
font-weight: 700;
position: relative;
text-decoration: none;
top: 0;
text-align: center;
  align: center;
}
/* Informações de um membro em balão */
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
/* Quadradinhos */
.post_field {
background: #fff;
border: 1px solid #000;
color: #FF5100;
margin: 2px 7px 0;
padding: 2px 2px 2px 5px;
text-align: center;
}
/* efeito no avatar */
div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
}
/* Neons nos Nicks */
a[href="/u1"] {
text-shadow: 0px 0px 1px #FF5100;
}
a[href="/u2"] {
text-shadow: 0px 0px 1px #000;
}
/* Bonecos e Neons Antes do Grupo */
a span[style="color:#FF5100"], a[style="color: #FFA200"]{
background:url(http://illiweb.com/fa/admin/couronne.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
a[href="/g1-fundadora"] {
text-shadow: 0px 0px 1px #FF5100;
}
a[href="/g1-fundadora"] {
background: url(http://illiweb.com/fa/admin/couronne.png) no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g3-administradora"] {
text-shadow: 0px 0px 1px #FF0000;
}
a[href="/g11-gerente"] {
text-shadow: 0px 0px 1px #40E300;
}
a[href="/g2-moderadora"] {
text-shadow: 0px 0px 1px #0091FF;
}
a[href="/g4-coodernadora"] {
text-shadow: 0px 0px 1px #CFAD00;
}
a[href="/g6-ajudantes"] {
text-shadow: 0px 0px 1px #0282BD;
}
a[href="/g7-designers"] {
text-shadow: 0px 0px 1px #6F00FF;
}
a[href="/g9-locutora"] {
text-shadow: 0px 0px 1px #55B335;
}
a[href="/g8-membro"] {
text-shadow: 0px 0px 1px #000;
}
/* Barra de Rolagem */
::-webkit-scrollbar {
width: 15px; 
height: 5px; }
::-webkit-scrollbar-track-piece { 
background: transparent; } 
::-webkit-scrollbar-thumb:vertical { 
height: 55px; 
background: #FF5100; 
border-radius: 0px; 
border: 0px groove;}
::-webkit-scrollbar-thumb:horizontal {
width: 5px; 
background-color: #FF5100; 
}
/* Opções de perfil no topo do fórum */
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 16px;
margin-top: -3px;
padding-right : 20px;
text-align: right;
background: url(http://i.imgur.com/tKiSR.png);
border-bottom: 2px solid #FF5100;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#FF5100;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#FF5100;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #161616 url(URL_BACKGROUND) no-repeat bottom right;
border-bottom: 1px solid #FF5100;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#FF5100; background-image:none !important;}
#conectFor ul li a:hover{color:#8F8F8F; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
/* Code Personalizado */
.codebox {
color: black;
}
.codebox dt {
color: black;
}
.codebox dd {
color: orange;
}
/* Prefixos no ChatBox */
#chatbox > p span.user > span:after { 
content: 'NVC Games » '; 
}
#chatbox > p span.user > span strong, 
a.chat-title, #chatbox_header a.cattitle strong { 
z-index: 999; 
}
/* Fundo Branco */
.pun {
background: #fff;
border-radius: 25px;
}
/* Bordas das categorias Arredondadas */
.main .main-head {
-moz-border-radius: -3px;
-webkit-border-radius: -3px;
}
/* cursor do forum */
body {
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=18678),auto;
}

/* barra do caminho */
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/*Chatbox personalizado*/
     h2.chatbox-title:after { content: "Chatbox"; }
     a.chat-title { display: none; }
     #chatbox, #chatbox_footer, #chatbox_members {
     background: white;
     border-top: 1px solid #EAEAEA; 
    }
 
   #chatbox_header.main-head {
     background: #F3F3F3;
     border: 1px solid #EBEBEB;
     font-weight: 300;
     overflow: hidden;
     padding: 2px;
     text-shadow: white 0 1px 0;
     }
 

   .chatbox-title, .chatbox-title a.chat-title {
     color: #393939;
     font-size: 12px;
     font-weight: bold;
     }
 

   .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
     color: #393939;
     }
 

   .chatboxTDAE{
     background: #F3F3F3;
     border: 1px solid #EBEBEB;
     font-weight: 300;
     overflow: hidden;
     padding: 2px;
     text-shadow: white 0 1px 0;
     }
     .chatboxTDAE:hover {
       opacity: 0.9;
     }
     div.main-content.chatbox.clearfix {
     border: 1px solid #EAEAEA;
     border-radius: 4px;
     }
 

   #chatbox p {
     border-bottom: 1px solid #DDD;
     border-top: 1px solid white;
     line-height: 1.2em;
     }
 

   #chatbox_footer {
       margin-top: 0px;
       width: 285px;
       min-width: 230px;
       background: #FAFAFA;
       float: left;
       clear:both;
       position: relative;
     }
     input#message.post {
     height: 45px;
     width: 235px;
     padding: 6px;
     border: 1px solid #D4D4D4;
     background: #FCFCFC;
     color: #363636;
     text-shadow: black ;
     -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
     -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
     box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
     margin: 20px;
     margin-bottom: 0px;
     }
 

   #message, #submit_button {
     background: #e0e0e0  repeat-x 0 0;
     border-color: #13304B;
     color: black;
     text-shadow: #2B2B2B 0px -1px 0px;
     -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     padding: 3px;
     display: block;
     margin: 10px;
     margin-top: 0px;
     margin-left: 20px;
     }
 

   #message, #submit_button:hover {
       opacity: 0.5;
     }
 

   .fontbutton {
     background: #dbdbdb  repeat-x 0 0;
     border: 1px solid #1e345c;
     color: white;
     text-shadow: #474747 0px -1px 0px;
     -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
     border-radius: 2px;
     color: black;
     cursor: pointer;
     float: left;
     margin: 3px;
     padding: 3px;
     margin-right: 10px;
     text-align: left;
     }
 

   .fontbutton:hover {
       opacity: 0.5;
     }
 

   #divsmilies img + img{visibility:visible!important}
 

   #chatbox_messenger_form div.right img{visibility:hidden}
 

   #simple-wrap {
       background:white;
     }
 

   #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
     background-position: center;
     background-repeat: no-repeat;
     }
 

   #divbold {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);     }
 

   #divitalic {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);     }
 

   #divunderline {
     background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);     }
 

   #divstrike {
     background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);     }
 

   #divcolor {
     background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);     }
 

   #divsmilies {
     background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);     }
 

   #chatbox{
       background: #f0f0f0;
       padding: 8px;
       border: 1px solid gainsboro;
       left: 290px;
       margin-top: 9px;
       right: 0px;
     }
     .left {
     clear: both;
     float: left;
     }
 

   #chatbox_members .member-title {
     background: #F8E7DD;
     background-color: #F4F9FD;
     background-image: none;
     border-bottom: 2px solid red;
     color: #A30000;
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 12px;
     padding: .5em .25em;
     text-align: center;
     text-shadow: 1px 0 0 white;
     }
      
     #chatbox_members
     { display : none;}
     #chatbox > p span.user > span strong {
       display: none;
     }
/* Tabela de Conectado */
#pun-visit {display: none;}
/* Separa Botão da Discrição */
.pun fieldset, .pun img {position: relative;left: -9px;}
/* Pergunta de Registro */
.main .frm-info{
padding-left: 20px;
background: #ffd7d7 url(http://i76.servimg.com/u/f76/11/96/49/61/001_3010.gif) no-repeat 10px 10px;
border: 1px solid #a92020;}
/* Barra da Legenda e numero de post */
.main-box.clearfix, #pun-legend {
display: none;
}
/* Fonte na Categoria */
@font-face {
font-family:Lobster;
font-style:normal;
font-weight:400;
src:local(Lobster), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff) format("woff")
}
.page-title h2 {
font-family: Lobster!important;
font-size: 22px!important;
margin-top: 1px;
color: #FFF ;
}
.tcl {
background-color: #FFF;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #FF0F !important;
}
.tcr {
background-color: #FFF !Important;
}
/* Categorias Arrendondas */
.main .main-head {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000000;
}
.main-content {
border-radius: 5px 5px 5px 5px;
}
/* Avatar no Indice */

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 1px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 90px;
  height: 90px;
}
/* Menu */
#pun-head #pun-navlinks {
background: url(http://i.imgur.com/aKvWHpE.png) repeat-x;
border: 1px solid rgb(229, 225, 225);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
height: 38px;
}
a.mainmenu {
text-decoration: none!important;
}
.mainmenu {
font-weight: 700;
color: #000!important;
text-transform: uppercase;
font-family: Arial;
font-size: 14px;
height: 36px;
line-height: 36px;
}
/* Titulo Diferente */
.inicio_topico {
   border: 1px solid #CADCEB;
   background: #E1EBF2;
   border-radius: 6px;
   padding: 3px;}

   .inicio_topico a img {
   padding-right: 7px;
   max-width: 45px;
   max-height: 45px;}

       #primeiro-topico-br {
       display: none;
       }
.titlebox {-moz-border-radius: 3px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 4px; -webkit-border-radius: 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 4px; background: #EFEFEF; border: 1px solid #CCC; border-radius: 3px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 4px; overflow: hidden; padding: 10px; text-shadow: white 0 1px 0;}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

Resolvido Re: Como deixar minha categoria assim?

Mensagem por First em 18/10/13, 12:57 pm

Olá,

Senhor, substitua a sua folha de estilo CSS por esta:
Código:
#mainphpbb {
background: #f0f0f0 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x top;
border: 1px solid #C4C4C4;
padding: 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.main-content table tr td {
border: 1px solid #ccc;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background-color: #fff;
background: -moz-linear-gradient(#fff,#E7EAF1);
background-image: -webkit-linear-gradient(#fff,#E7EAF1);
background-attachment: scroll;
}
.main-content table tr td:hover {
background-color: #e3e3e3;
background: -moz-linear-gradient(#E7EAF1,#ffffff);
background-image: -webkit-linear-gradient(#E7EAF1,#ffffff);
background-attachment: scroll;
}
.main .main-foot, .main .main-head {
background: transparent;
}
/* Barra 'Forum' */
.table > thead:nth-child(1) > tr:nth-child(1) {
display: none !important;
}
/* Categoria Retratil */
.main-head .toggle {
background: url(http://i50.tinypic.com/wkjrjl.png) no-repeat scroll 0 0 transparent;
display: block;
height: 22px;
margin-top: -4px;
outline: 0 none;
text-indent: -3000em;
visibility: hidden;
width: 32px;
}
.main-head:hover .toggle {
visibility: visible;
}
.main-head.collapsed .toggle {
background-image: url("http://i47.tinypic.com/se6jjr.png");
}
/* Nome de Usuario no Centro */
.user-info{margin-left: 10px;}
.pun .user-ident .username {
color: #00569c;
display: block;
font-size: 1.2em;
font-weight: 700;
position: relative;
text-decoration: none;
top: 0;
text-align: center;
  align: center;
}
/* Informações de um membro em balão */
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -38em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 510px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: #F6F6F6;
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color:#616161 !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: #f9f9f9;
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
border: 1px solid #999;
}
.setPerfil .PerfilInfoImg {
width: 94px;
height: 160px;
float: left;
display: table;
background: #E1E1E1;
padding: 3px;
box-shadow: 1px 1px 0 #CCC;
}
.setPerfil p div{
display: inline;
}
.setPerfil h2 {
float: left;
font: bold 19px "Trebuchet MS";
display: block;
background: #E1E1E1;
width: 382px;
padding: 5px;
text-shadow: 1px 1px 0 white;
border-radius: 0 10px 0px 0;
box-shadow: 1px 1px 0 #CCC;
margin-bottom:10px;
}
.setPerfil p {
margin: 2px 5px;
float: right;
display: block;
background: #F1F1F1;
width: 350px;
text-align: left;
padding: 5px;
box-shadow: 1px 1px 0 #CCC;
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
}
/* Quadradinhos */
.post_field {
background: #fff;
border: 1px solid #000;
color: #FF5100;
margin: 2px 7px 0;
padding: 2px 2px 2px 5px;
text-align: center;
}
/* efeito no avatar */
div.user-basic-info img{
    margin: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.user-basic-info img:hover {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
}
/* Neons nos Nicks */
a[href="/u1"] {
text-shadow: 0px 0px 1px #FF5100;
}
a[href="/u2"] {
text-shadow: 0px 0px 1px #000;
}
/* Bonecos e Neons Antes do Grupo */
a span[style="color:#FF5100"], a[style="color: #FFA200"]{
background:url(http://illiweb.com/fa/admin/couronne.png) 0 1 no-repeat;
padding-left:17px;padding-top:2px;padding-bottom:2px}
a[href="/g1-fundadora"] {
text-shadow: 0px 0px 1px #FF5100;
}
a[href="/g1-fundadora"] {
background: url(http://illiweb.com/fa/admin/couronne.png) no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g3-administradora"] {
text-shadow: 0px 0px 1px #FF0000;
}
a[href="/g11-gerente"] {
text-shadow: 0px 0px 1px #40E300;
}
a[href="/g2-moderadora"] {
text-shadow: 0px 0px 1px #0091FF;
}
a[href="/g4-coodernadora"] {
text-shadow: 0px 0px 1px #CFAD00;
}
a[href="/g6-ajudantes"] {
text-shadow: 0px 0px 1px #0282BD;
}
a[href="/g7-designers"] {
text-shadow: 0px 0px 1px #6F00FF;
}
a[href="/g9-locutora"] {
text-shadow: 0px 0px 1px #55B335;
}
a[href="/g8-membro"] {
text-shadow: 0px 0px 1px #000;
}
/* Barra de Rolagem */
::-webkit-scrollbar {
width: 15px;
height: 5px; }
::-webkit-scrollbar-track-piece {
background: transparent; }
::-webkit-scrollbar-thumb:vertical {
height: 55px;
background: #FF5100;
border-radius: 0px;
border: 0px groove;}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FF5100;
}
/* Opções de perfil no topo do fórum */
#conectFor * {
font-size: 12px;
}
#conectFor{
padding: 16px;
margin-top: -3px;
padding-right : 20px;
text-align: right;
background: url(http://i.imgur.com/tKiSR.png);
border-bottom: 2px solid #FF5100;
font: 15px Tahoma;
height: 10px;
display: block;
color: #F1F1F1;
position: relative;
top: 0;
left: 0;
right: 0;
}
#conectFor a{
color:#FF5100;
font-family:Arial;
padding:8px 5px ;
margin:0 1px;
text-decoration:none;
}
#conectFor a:hover{
color:#111;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
background:#FF5100;
}
#conectFor a:hover ul{display:inline;}
#conectFor ul {
margin-top: -1px;
z-index:1;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
top: 100%;
width: 390px;
padding:20px 13px;
color: #333;
background: #161616 url(URL_BACKGROUND) no-repeat bottom right;
border-bottom: 1px solid #FF5100;
list-style: none;
display: none;
float: left;
right: 0em;
position: absolute;
}
#conectFor ul li{
float: left;
width: 47%;
display: inline;
text-align:left;
margin:5px;
}
#conectFor ul li a{color:#FF5100; background-image:none !important;}
#conectFor ul li a:hover{color:#8F8F8F; background:transparent;}

#conectFor a[href="/profile?mode=editprofile"] {
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo10.png);
}

#conectFor a[href="/profile?mode=editprofile"]:hover {
background-image: url(http://i42.servimg.com/u/f42/17/32/13/00/dropdo11.png);
}
/* Code Personalizado */
.codebox {
color: black;
}
.codebox dt {
color: black;
}
.codebox dd {
color: orange;
}
/* Prefixos no ChatBox */
#chatbox > p span.user > span:after {
content: 'NVC Games » ';
}
#chatbox > p span.user > span strong,
a.chat-title, #chatbox_header a.cattitle strong {
z-index: 999;
}
/* Fundo Branco */
.pun {
background: #fff;
border-radius: 25px;
}
/* cursor do forum */
body {
cursor: url(http://www.rw-designer.com/cursor-extern.php?id=18678),auto;
}

/* barra do caminho */
.pun-crumbs {
-moz-border-radius: 3px;
-moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
background: #F3F3F3;
border: 1px solid #D9D9D9;
border-radius: 3px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
margin-top: 10px;
}
p.crumbs {
color: #F3F3F3;
}
.pun-crumbs p {
color: #666;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
p.crumbs a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/second10.png) no-repeat 100% -1px;
color: #777!important;
font-size: 10px;
line-height: 30px;
padding: 11px 17px 11px 4px;
}
/*Chatbox personalizado*/
    h2.chatbox-title:after { content: "Chatbox"; }
    a.chat-title { display: none; }
    #chatbox, #chatbox_footer, #chatbox_members {
    background: white;
    border-top: 1px solid #EAEAEA;
    }
 
  #chatbox_header.main-head {
    background: #F3F3F3;
    border: 1px solid #EBEBEB;
    font-weight: 300;
    overflow: hidden;
    padding: 2px;
    text-shadow: white 0 1px 0;
    }
 

  .chatbox-title, .chatbox-title a.chat-title {
    color: #393939;
    font-size: 12px;
    font-weight: bold;
    }
 

  .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #393939;
    }
 

  .chatboxTDAE{
    background: #F3F3F3;
    border: 1px solid #EBEBEB;
    font-weight: 300;
    overflow: hidden;
    padding: 2px;
    text-shadow: white 0 1px 0;
    }
    .chatboxTDAE:hover {
      opacity: 0.9;
    }
    div.main-content.chatbox.clearfix {
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    }
 

  #chatbox p {
    border-bottom: 1px solid #DDD;
    border-top: 1px solid white;
    line-height: 1.2em;
    }
 

  #chatbox_footer {
      margin-top: 0px;
      width: 285px;
      min-width: 230px;
      background: #FAFAFA;
      float: left;
      clear:both;
      position: relative;
    }
    input#message.post {
    height: 45px;
    width: 235px;
    padding: 6px;
    border: 1px solid #D4D4D4;
    background: #FCFCFC;
    color: #363636;
    text-shadow: black ;
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
    -moz-box-shadow: inset rgba(0,0,0,0.1) 0px 1px 3px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
    margin: 20px;
    margin-bottom: 0px;
    }
 

  #message, #submit_button {
    background: #e0e0e0  repeat-x 0 0;
    border-color: #13304B;
    color: black;
    text-shadow: #2B2B2B 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px;
    display: block;
    margin: 10px;
    margin-top: 0px;
    margin-left: 20px;
    }
 

  #message, #submit_button:hover {
      opacity: 0.5;
    }
 

  .fontbutton {
    background: #dbdbdb  repeat-x 0 0;
    border: 1px solid #1e345c;
    color: white;
    text-shadow: #474747 0px -1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.43) 0px 1px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.43) 0px 1px 3px;
    border-radius: 2px;
    color: black;
    cursor: pointer;
    float: left;
    margin: 3px;
    padding: 3px;
    margin-right: 10px;
    text-align: left;
    }
 

  .fontbutton:hover {
      opacity: 0.5;
    }
 

  #divsmilies img + img{visibility:visible!important}
 

  #chatbox_messenger_form div.right img{visibility:hidden}
 

  #simple-wrap {
      background:white;
    }
 

  #divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
    background-position: center;
    background-repeat: no-repeat;
    }
 

  #divbold {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);    }
 

  #divitalic {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);    }
 

  #divunderline {
    background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);    }
 

  #divstrike {
    background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);    }
 

  #divcolor {
    background-image: url(http://illiweb.com/fa/wysiwyg/color_swatch.png);    }
 

  #divsmilies {
    background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);    }
 

  #chatbox{
      background: #f0f0f0;
      padding: 8px;
      border: 1px solid gainsboro;
      left: 290px;
      margin-top: 9px;
      right: 0px;
    }
    .left {
    clear: both;
    float: left;
    }
 

  #chatbox_members .member-title {
    background: #F8E7DD;
    background-color: #F4F9FD;
    background-image: none;
    border-bottom: 2px solid red;
    color: #A30000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: .5em .25em;
    text-align: center;
    text-shadow: 1px 0 0 white;
    }
     
    #chatbox_members
    { display : none;}
    #chatbox > p span.user > span strong {
      display: none;
    }
/* Tabela de Conectado */
#pun-visit {display: none;}
/* Separa Botão da Discrição */
.pun fieldset, .pun img {position: relative;left: -9px;}
/* Pergunta de Registro */
.main .frm-info{
padding-left: 20px;
background: #ffd7d7 url(http://i76.servimg.com/u/f76/11/96/49/61/001_3010.gif) no-repeat 10px 10px;
border: 1px solid #a92020;}
/* Barra da Legenda e numero de post */
.main-box.clearfix, #pun-legend {
display: none;
}
/* Fonte na Categoria */
@font-face {
font-family:Lobster;
font-style:normal;
font-weight:400;
src:local(Lobster), url(http://themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff) format("woff")
}
.page-title h2 {
font-family: Lobster!important;
font-size: 22px!important;
margin-top: 1px;
color: #FFF ;
}
.tcl {
background-color: #FFF;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color: #FF0F !important;
}
.tcr {
background-color: #FFF !Important;
}
/* Categorias Arrendondas */
.main .main-head {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000000;
}
.main-content {
border-radius: 5px 5px 5px 5px;
}
/* Avatar no Indice */

.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 1px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 90px;
  height: 90px;
}
/* Menu */
#pun-head #pun-navlinks {
background: url(http://i.imgur.com/aKvWHpE.png) repeat-x;
border: 1px solid rgb(229, 225, 225);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
height: 38px;
}
a.mainmenu {
text-decoration: none!important;
}
.mainmenu {
font-weight: 700;
color: #000!important;
text-transform: uppercase;
font-family: Arial;
font-size: 14px;
height: 36px;
line-height: 36px;
}
/* Titulo Diferente */
.inicio_topico {
  border: 1px solid #CADCEB;
  background: #E1EBF2;
  border-radius: 6px;
  padding: 3px;}

  .inicio_topico a img {
  padding-right: 7px;
  max-width: 45px;
  max-height: 45px;}

      #primeiro-topico-br {
      display: none;
      }
.titlebox {-moz-border-radius: 3px; -moz-box-shadow: inset rgba(0,0,0,0.1) 0 1px 4px; -webkit-border-radius: 3px; -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 4px; background: #EFEFEF; border: 1px solid #CCC; border-radius: 3px; box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 4px; overflow: hidden; padding: 10px; text-shadow: white 0 1px 0;}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 650px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #777; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}

Até mais,
Passar bem. Piscada 
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Como deixar minha categoria assim?

Mensagem por James [B]. em 18/10/13, 01:09 pm

Obrigado
avatar

James [B].
Nível 9

Masculino
Inscrito dia : 16/09/2012
Mensagens : 233
Pontos Ativos : 325

Ver perfil do usuário http://skytemas.forumeiros.com

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