Duvidas a cerca da categoria

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

Resolvido Duvidas a cerca da categoria

Mensagem por Appoloz em 17/01/17, 08:24 am

Detalhes da questão


Endereço do fórum: http://narutoworld.ultimaterpg.net/
Versão do fórum: PunBB

Descrição


1- Como podem ver, a categoria não está centralizada no fórum, o lado direito tem mais espaçamento da borda do que o lado esquerdo, gostaria de centralizar a categoria em relação as bordas do fórum.

2- Também gostaria de mudar a cor da primeira parte da categoria, onde normalmente fica o ícone de "nova mensagem, bloqueado", que está cinza neste momento.

3- Há também o icone de "nova mensagem" que não está rente a categoria, ele parece separado, mesmo que cerca de 1 pixel


Última edição por Appoloz em 17/01/17, 01:51 pm, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz em 17/01/17, 08:59 am

Olá.
Quanto à centralização da categoria, adicione este código, na primeira linha de seu CSS:
Código:
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

---

@Appoloz escreveu:2- Também gostaria de mudar a cor da primeira parte da categoria, onde normalmente fica o ícone de "nova mensagem, bloqueado", que está cinza neste momento.
O senhor deseja mudar o fundo ou o ícone? E para qual cor?

---

@Appoloz escreveu:3- Há também o icone de "nova mensagem" que não está rente a categoria, ele parece separado, mesmo que cerca de 1 pixel
Isso acontece, pois todos os ícones ficam em uma posição relativa. A partir do momento que você modifica um, o outro também é alterado. :/

Até mais.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz em 17/01/17, 09:02 am

O fundo da categoria/forum que está cinza, deixar a mesma cor do resto do forum, aquela mais clara
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz em 17/01/17, 09:19 am

Preciso de sua Folha de Estilo CSS, por gentileza.

Até mais.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz em 17/01/17, 12:17 pm

Código:
/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

/* Perfil topico */
.pun .post .user {
margin-left: -190px;
width: 175px!important;
 
}

.datepostur {
position: relative;
top: -25px;
}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
margin-left: 215px!important;
margin-bottom: -9px!important;
}

#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: -5px!important;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 80%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 245px;
}
 
.pun .post .user {
  margin-left: -200px;
  width: 200px;
}
 
.user-basic-info img {
  min-width: 100%;
  box-sizing: border-box;
}
 
.user {
  box-sizing: border-box;
  padding: 3px !important;
  border: 1px #ccc solid;
  position: relative;
  margin-top: 0 !important;
}
 
.user:hover .user-basic-info img {
  opacity: 0;
}
 
.user-basic-info img {
  opacity: 1;
  max-width: 150px;
  min-height: 300px;
  transition: 1000ms ease opacity;
}
 
.user-info {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  transition: 1000ms ease;
  transition-property: opacity, left;
}
 
.user:hover .user-info {
  left: 0;
  opacity: 1;
}
 
.fa-custom-username {
  text-align: center;
  padding-top: 3px;
}
 
.fa-custom-username a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding: 30px 10px;
  text-transform: uppercase;
  color: #ccc !important;
}
 
.fa-custom-username a:before,
.fa-custom-username a:after {
  content: " ";
  position: absolute;
  left: -15px;
  right: -15px;
  top: 50%;
  height: 1px;
  background-color: #ccc;
}
 
.fa-custom-username a:before {
  right: 100%;
}
 
.fa-custom-username a:after {
  left: 100%;
}
 
.fa-custom-user-info {
  width: 80%;
  margin: 0 10%;
  background-color: #333;
 
}
 
.fa-custom-user-info .label {
  font-size: 0;
}
 
.fa-custom-user-info .label span {
  font-size: 7px;
  text-transform: uppercase;
  display: block;
  letter-spacing: 1px;
}
 
#perf {
  width: 46%;
  margin: 2%;
  background-color: #333;
  float: left;
  color: #ccc;
  text-align: center;
  line-height: 1em;
  padding-top: 8px;
}
 
.user-ident {
  background-color: #333;
  padding: 0 !important;
}
 
#perf.fa-custom-rank {
  width: 96%;
  text-transform: uppercase;
  padding-bottom: 5px;
}
 
#perf.fa-custom-rank .label span {
  padding-bottom: 3px;
}
#perf.fa-custom-warn {
  float: none;
  text-align: center;
}
 
 
.fa-custom-online {
    background-color: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("https://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("https://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
    background: none repeat scroll 0% 0% rgb(241, 241, 241) !important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

.pun .post .user {
    text-align: center;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
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;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:
#F4F4F4;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz em 17/01/17, 12:31 pm

Troque todo o conteúdo por:
Código:
/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

/* Perfil topico */
.pun .post .user {
margin-left: -190px;
width: 175px!important;
 
}

.datepostur {
position: relative;
top: -25px;
}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
margin-left: 215px!important;
margin-bottom: -9px!important;
}

#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: -5px!important;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 80%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 245px;
}
 
.pun .post .user {
  margin-left: -200px;
  width: 200px;
}
 
.user-basic-info img {
  min-width: 100%;
  box-sizing: border-box;
}
 
.user {
  box-sizing: border-box;
  padding: 3px !important;
  border: 1px #ccc solid;
  position: relative;
  margin-top: 0 !important;
}
 
.user:hover .user-basic-info img {
  opacity: 0;
}
 
.user-basic-info img {
  opacity: 1;
  max-width: 150px;
  min-height: 300px;
  transition: 1000ms ease opacity;
}
 
.user-info {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  transition: 1000ms ease;
  transition-property: opacity, left;
}
 
.user:hover .user-info {
  left: 0;
  opacity: 1;
}
 
.fa-custom-username {
  text-align: center;
  padding-top: 3px;
}
 
.fa-custom-username a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding: 30px 10px;
  text-transform: uppercase;
  color: #ccc !important;
}
 
.fa-custom-username a:before,
.fa-custom-username a:after {
  content: " ";
  position: absolute;
  left: -15px;
  right: -15px;
  top: 50%;
  height: 1px;
  background-color: #ccc;
}
 
.fa-custom-username a:before {
  right: 100%;
}
 
.fa-custom-username a:after {
  left: 100%;
}
 
.fa-custom-user-info {
  width: 80%;
  margin: 0 10%;
  background-color: #333;
 
}
 
.fa-custom-user-info .label {
  font-size: 0;
}
 
.fa-custom-user-info .label span {
  font-size: 7px;
  text-transform: uppercase;
  display: block;
  letter-spacing: 1px;
}
 
#perf {
  width: 46%;
  margin: 2%;
  background-color: #333;
  float: left;
  color: #ccc;
  text-align: center;
  line-height: 1em;
  padding-top: 8px;
}
 
.user-ident {
  background-color: #333;
  padding: 0 !important;
}
 
#perf.fa-custom-rank {
  width: 96%;
  text-transform: uppercase;
  padding-bottom: 5px;
}
 
#perf.fa-custom-rank .label span {
  padding-bottom: 3px;
}
#perf.fa-custom-warn {
  float: none;
  text-align: center;
}
 
 
.fa-custom-online {
    background-color: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("https://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("https://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
    background: none repeat scroll 0% 0% rgb(241, 241, 241) !important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

.pun .post .user {
    text-align: center;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
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;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

Até mais. Feliz
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz em 17/01/17, 12:47 pm

Funcionou.
Mas gostaria de tentar novamente arrumar o icone ligado ao fórum da categoria...

O ícone dos fóruns da categoria não estão alinhados
Mas se você clicar em um fórum, para acessar o sub-fóruns, os ícones destes estão alinhados...
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz em 17/01/17, 12:52 pm

Olá.
Como expliquei anteriormente, todos esses ícones encontram-se em uma posição relativa.
Ou seja, se você deixar todos os fóruns do mesmo tamanho, todos os ícones ficarão na mesma posição.

Visto que, em seu fórum, os fóruns têm tamanhos diferentes, os ícones se mantem na posição relativa, mas como o fórum é maior que os demais, parece que está desalinhado.

Desculpe, mas não há como corrigir este erro.
Até mais.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz em 17/01/17, 12:54 pm

Então não tem como colocar todos os fóruns do mesmo tamanho?
No caso, não bastaria aumentar os fóruns da página inicial?
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz em 17/01/17, 01:09 pm

Tente:
Código:
.boxfmvi img {
    position: relative!important;
    top: -13px;
}

Ele irá melhorar um pouco a posição dos ícones.
Altere o valor "13px" para um à teu gosto. Feliz

Até.




avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz em 17/01/17, 01:13 pm

Ele bugou o icone de "ultima postagem"
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz em 17/01/17, 01:19 pm

Retire o código passado anteriormente, substituindo-o por:
Código:
.boxfmvi .status img {
    position: relative!important;
    top: -17px;
}

Assim, o senhor pode alterar o valor "17px" à seu gosto.

Até mais. Feliz


Última edição por Luiz~ em 17/01/17, 01:20 pm, editado 1 vez(es) (Razão : Erro gramatical. :s)
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz em 17/01/17, 01:28 pm

resultou! obrigado.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz em 17/01/17, 01:43 pm

Botão resolvido... :p
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Duvidas a cerca da categoria

Mensagem por Kyo Panda em 17/01/17, 09:22 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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.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