Duvidas a cerca da categoria

3 participantes

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

Tópico resolvido Duvidas a cerca da categoria

Mensagem por Appoloz 17.01.17 10:24

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 15:51, editado 1 vez(es)
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz 17.01.17 10:59

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz 17.01.17 11:02

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

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz 17.01.17 11:19

Preciso de sua Folha de Estilo CSS, por gentileza.

Até mais.
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz 17.01.17 14:17

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

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz 17.01.17 14:31

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
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz 17.01.17 14:47

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

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz 17.01.17 14:52

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz 17.01.17 14:54

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?
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz 17.01.17 15:09

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




Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz 17.01.17 15:13

Ele bugou o icone de "ultima postagem"
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz 17.01.17 15:19

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 15:20, editado 1 vez(es) (Motivo da edição : Erro gramatical. :s)
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Appoloz 17.01.17 15:28

resultou! obrigado.
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Luiz 17.01.17 15:43

Botão resolvido... :p
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Duvidas a cerca da categoria

Mensagem por Kyo Panda 17.01.17 23:22

Duvidas a cerca da categoria Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos