Ajustar ícone do fórum

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

Resolvido Ajustar ícone do fórum

Mensagem por milo100 em 20/07/13, 05:12 pm

Qual é minha questão:
Olá.
Venho aqui, pergunta como faço para ajudar o ícone do fórum.
veja na imagem abaixo:



no momento utilizo o código:

Código:
.status {margin-left: -40px!important;}
.pun tbody.statused td.tcl {padding-left: 3.4em!important;}

para tentar ajustar, mas, ele só move para os lados queria movimentar um pouco mais para baixo, pois gostaria que a imagem ficasse abaixo o link do fórum!
Abraço.

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

Versão do fórum:
PHPBB3
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Ajustar ícone do fórum

Mensagem por North em 20/07/13, 05:17 pm

Boa tarde,

Queira ceder o endereço do fórum no qual a print foi tirada.

Até mais!
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Ajustar ícone do fórum

Mensagem por milo100 em 20/07/13, 05:48 pm

avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Ajustar ícone do fórum

Mensagem por North em 20/07/13, 06:10 pm

Acrescente o código a seguir na folha de estilo CSS.

Código:
.pun tbody.statused span.status {
position: relative !important;
top: 10px !important;
}

Resulta?
avatar

North
Super usuário

Masculino
Inscrito dia : 07/06/2011
Mensagens : 3836
Pontos Ativos : 5038

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

Resolvido Re: Ajustar ícone do fórum

Mensagem por milo100 em 20/07/13, 06:14 pm

Não resulta! =(
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Ajustar ícone do fórum

Mensagem por Sennior em 20/07/13, 06:16 pm

Olá amigo,

Nos conceda teu CSS, mas antes disso acrescente o código dado pelo Harker no INICIO do teu fórum.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Ajustar ícone do fórum

Mensagem por milo100 em 20/07/13, 06:26 pm

Código:
/*.tcr {
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}

/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}

blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}

/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}

body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}

.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    line-height: 1.6em;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    padding: 12px;
}

.pun a:link {
    color: #964e4e;
    text-decoration: none;
}

.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}

.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}


.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}

#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}

#pun-title {
    display: none;
}

.pun table.table th {
    background-color: transparent;
    border-style: none;
    color: Black;
    padding: 0.5em 0px;
}

.conteneur-menu {
border: 1px solid rgb(196, 196, 196);
border-radius: 7px 7px 7px 7px;
padding: 5px;
}

.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i.imgur.com/AOkgY.png");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}

#pun-navlinks ul {
    list-style: none;
    text-align: center;
}

#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}

#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}

#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    line-height: 26px;
}

#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}


    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }

    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }

.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}

#pun-visit, .main-box {
      border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
}

.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}

#pun-about {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: center;
    line-height: 0%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-size: 10px;
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}

.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}

.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}

.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}

.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}

.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}

.main .main-head {
  border-radius: 7px 7px 7px 7px;
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}

.page-title h2, .page-title span {
    font-weight: bold !important;
}

.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}

.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}

.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}

.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    clear: both;
    margin-left: 0em;
    text-align: center;
    padding: 0.5em 1em;
    border-top: none;
}


.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}

#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}

#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}

#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}

#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}

#tabs ul li a {
    border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
    float: left;
    padding: 0 1em;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}

#tabs ul li a:hover {
    background-color: #F5F5F5;
}

.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}

.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}

.pun table.table td {padding: 0.6em 0px 0.7em;border-color: transparent !important;border-width: 1px;border-style: dashed none none;}

.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}

#board-stats h2 {
    clear: both;
    font-weight: bold;
}

#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}

#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}

#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}

#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: rgb(244, 244, 244);
}

    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }


adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}

    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .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;
    }

#main #main-content .main, .phpbb3 .forabg {
    background: url("") repeat-x scroll center top white;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
}

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
  border-radius: 5px 5px 7px 7px;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

    #pun-intro{background-color:transparent;border-bottom:0px}

body #pun-head #pun-navlinks {
    top: 0px;
    width: 1005px;
    z-index: 999 !important;
    }
.mainmenu:hover {
    opacity: 0.08;
    }
#pun-head #pun-navlinks {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
    }
#pun-navlinks {
    background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
    background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
    }
#pun-navlinks {
    border-top: 5px solid #21C8FF!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
    }
#pun-navlinks li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
    }
#pun-navlinks ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 100%;
    }
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
    }
#pun-navlinks li a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    }
#pun-navlinks li a {
    background: url() repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
    }
#pun-navlinks li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
    }
#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
    }

/* Imagem Flutante
================================================================*/
#flutuante {
display: scroll;
position: fixed;
top: 10px;
left: 5px;
}

#content #pun-legend li{display:none}

td.tcl img[alt][style] {
padding-right: 10px;
}

#pun-visit, .main-box.clearfix {
display: none;
}

/* Alerta de MP com efeito lightbox
================================================================*/
    /* Fancybox by Baivong */
    .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
    .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
    .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
    .fancybox-opened{z-index:1003}
    .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
    .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
    .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
    .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
    .fancybox-image{max-width:100%;max-height:100%}
    #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
    .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
    .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
    .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
    #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
    .fancybox-title{display:none}
    .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
    .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
    .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
    .fancybox-title-inside-wrap{margin-top:10px}
    .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

.pun .main-content {
      background-color: rgb(251, 251, 251);
    border: none;
}

.pun .main table.table td.td-title {
  background-color: none;
}

.pun .frm .frm-form table {
border: none;
}

.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
margin-left: 10px;
}


.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: none;
    padding: 0.5em 1.3em 0.5em 1em;
}

    form span.tgcounter {float: right;color: #000;}
    form p.tgcounter {font-size: 11px;float: left;color: #000;}
    form p.tgcounter> span {color: #000;}

.pun .post {
    border-style: dashed none none none;;
}

ul#pun-legend, ul.pun-legend {
  display: none;
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:250px}



.pun tbody.statused span.status {
  position:inherit !important;
}

.a .forumtitle {
  position:inherit !important;
}

a.forumtitle{
padding-left: 45px;
}

/*=================================================
                Shopping Efeitos
==================================================*/
a[href="/u20"] {
background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)
}

a.mainmenu[href="/faq"], a.mainmenu[href="/members"], a.mainmenu[href="/search"], a.mainmenu[href="/calendar"]{
display: none !important;
 }

.status {margin-left: -40px!important;}
.pun tbody.statused td.tcl {padding-left: 3.4em!important;}
.pun tbody.statused span.status {
position: relative !important;
top: 10px !important;
}

Está ai todo o CSS, o código que me deram está no fim.
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Ajustar ícone do fórum

Mensagem por Sennior em 20/07/13, 06:29 pm

Olá,

Altere teu código pelo abaixo:

Código:
/*.tcr {
.pun tbody.statused span.status {
position: relative !important;
top: 10px !important;
}
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}

/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}

blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}

/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}

body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}

.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    line-height: 1.6em;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    padding: 12px;
}

.pun a:link {
    color: #964e4e;
    text-decoration: none;
}

.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}

.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}


.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}

#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}

#pun-title {
    display: none;
}

.pun table.table th {
    background-color: transparent;
    border-style: none;
    color: Black;
    padding: 0.5em 0px;
}

.conteneur-menu {
border: 1px solid rgb(196, 196, 196);
border-radius: 7px 7px 7px 7px;
padding: 5px;
}

.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i.imgur.com/AOkgY.png");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}

#pun-navlinks ul {
    list-style: none;
    text-align: center;
}

#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}

#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}

#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    line-height: 26px;
}

#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}


    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }

    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }

.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}

#pun-visit, .main-box {
      border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
}

.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}

#pun-about {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: center;
    line-height: 0%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-size: 10px;
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}

.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}

.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}

.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}

.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}

.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}

.main .main-head {
  border-radius: 7px 7px 7px 7px;
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}

.page-title h2, .page-title span {
    font-weight: bold !important;
}

.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}

.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}

.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}

.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    clear: both;
    margin-left: 0em;
    text-align: center;
    padding: 0.5em 1em;
    border-top: none;
}


.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}

#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}

#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}

#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}

#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}

#tabs ul li a {
    border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
    float: left;
    padding: 0 1em;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}

#tabs ul li a:hover {
    background-color: #F5F5F5;
}

.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}

.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}

.pun table.table td {padding: 0.6em 0px 0.7em;border-color: transparent !important;border-width: 1px;border-style: dashed none none;}

.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}

#board-stats h2 {
    clear: both;
    font-weight: bold;
}

#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}

#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}

#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}

#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: rgb(244, 244, 244);
}

    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }


adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}

    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .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;
    }

#main #main-content .main, .phpbb3 .forabg {
    background: url("") repeat-x scroll center top white;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
}

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
  border-radius: 5px 5px 7px 7px;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

    #pun-intro{background-color:transparent;border-bottom:0px}

body #pun-head #pun-navlinks {
    top: 0px;
    width: 1005px;
    z-index: 999 !important;
    }
.mainmenu:hover {
    opacity: 0.08;
    }
#pun-head #pun-navlinks {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
    }
#pun-navlinks {
    background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
    background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
    }
#pun-navlinks {
    border-top: 5px solid #21C8FF!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
    }
#pun-navlinks li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
    }
#pun-navlinks ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 100%;
    }
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
    }
#pun-navlinks li a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    }
#pun-navlinks li a {
    background: url() repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
    }
#pun-navlinks li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
    }
#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
    }

/* Imagem Flutante
================================================================*/
#flutuante {
display: scroll;
position: fixed;
top: 10px;
left: 5px;
}

#content #pun-legend li{display:none}

td.tcl img[alt][style] {
padding-right: 10px;
}

#pun-visit, .main-box.clearfix {
display: none;
}

/* Alerta de MP com efeito lightbox
================================================================*/
    /* Fancybox by Baivong */
    .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
    .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
    .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
    .fancybox-opened{z-index:1003}
    .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
    .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
    .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
    .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
    .fancybox-image{max-width:100%;max-height:100%}
    #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
    .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
    .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
    .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
    #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
    .fancybox-title{display:none}
    .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
    .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
    .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
    .fancybox-title-inside-wrap{margin-top:10px}
    .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

.pun .main-content {
      background-color: rgb(251, 251, 251);
    border: none;
}

.pun .main table.table td.td-title {
  background-color: none;
}

.pun .frm .frm-form table {
border: none;
}

.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
margin-left: 10px;
}


.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: none;
    padding: 0.5em 1.3em 0.5em 1em;
}

    form span.tgcounter {float: right;color: #000;}
    form p.tgcounter {font-size: 11px;float: left;color: #000;}
    form p.tgcounter> span {color: #000;}

.pun .post {
    border-style: dashed none none none;;
}

ul#pun-legend, ul.pun-legend {
  display: none;
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:250px}





.a .forumtitle {
  position:inherit !important;
}

a.forumtitle{
padding-left: 45px;
}

/*=================================================
                Shopping Efeitos
==================================================*/
a[href="/u20"] {
background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)
}

a.mainmenu[href="/faq"], a.mainmenu[href="/members"], a.mainmenu[href="/search"], a.mainmenu[href="/calendar"]{
display: none !important;
 }

.status {margin-left: -40px!important;}
.pun tbody.statused td.tcl {padding-left: 3.4em!important;}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Ajustar ícone do fórum

Mensagem por milo100 em 20/07/13, 06:35 pm

O código funciona! entretanto, o meu objetivo é diferente.

veja como está: www.vixeki.forumeiros.com
veja a primeira imagem na mensagem de abertura do tópico.
observe a imagem abaixo:


a imagem acima, mostra como gostaria que ficasse, editei agora no paint.
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

Resolvido Re: Ajustar ícone do fórum

Mensagem por Sennior em 20/07/13, 06:39 pm

Olá,

Altere:

Código:
/*.tcr {
.pun tbody.statused span.status {
position: relative !important;
top: 57px !important;
}
-moz-border-radius: 7px;
-moz-box-shadow: 0 0 8px #666;
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 0 8px #666;
border: 10px solid #EEE;
border-image: initial;
border-radius: 10px;
box-shadow: 0 0 7px #666;
margin: 3px;
width: auto;
}*/
/*Votaçao*/
.vote {
float: right;
width: 32px;
margin-left: 32px;
}

/*CODES, QUOTES, SPOILERS
================================================================*/
dl.codebox {
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 9px;
margin-right: 7px;
margin-top: 2px;
margin-bottom: 4px;
}

blockquote{
font-size: 0.9em;
font-style: italic;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
margin-left: 2px;
margin-right: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

blockquote cite{
border-bottom: 1px solid #dbdcd4;
padding-bottom: 0px;
}

/*PASSWORD PROTECT
=================================================================*/
#pwd_good {
  background:url('http://img52.imageshack.us/img52/2378/strong.png');
  }
#pwd_middle {
  background:url('http://img262.imageshack.us/img262/9555/medium.png');
  }
#pwd_bad {
  background:url('http://img264.imageshack.us/img264/5695/weakg.png');
}

body {
    background:#E9E9E9;
    color: #5D5D5D;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: -1px;
    padding-bottom: 10px;
}

.pun {
    width: 1000px;
    background: #fff;
    border: 1px solid #878787;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    line-height: 1.6em;
    border-radius: 0 0 5px 5px;
    box-shadow:0px 0px 8px #707070;
    padding: 12px;
}

.pun a:link {
    color: #964e4e;
    text-decoration: none;
}

.pun a:visited {
    color: #964e4e;
    text-decoration: none;
}

.pun a:hover, a:active {
    color: #8a2f2f;
    text-decoration: underline;
}


.entry-content {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.quick_login {
    background: #efefef;
    color: #993232;
    font-size: 11px;
    border: 1px solid #edcccc;
    padding: 4px;
}

#pun-legend {
    padding-bottom: 4px;
    padding-top: 10px;
}

#pun-title {
    display: none;
}

.pun table.table th {
    background-color: transparent;
    border-style: none;
    color: Black;
    padding: 0.5em 0px;
}

.conteneur-menu {
border: 1px solid rgb(196, 196, 196);
border-radius: 7px 7px 7px 7px;
padding: 5px;
}

.post_field {
    background:#fff none  ;
    color:#4d5153;
    border:1px solid #bcb6ad;
    padding:3px 3px 3px 10px;
    margin-top: 2px;
    text-align:left;
}

#pun-head #pun-navlinks {
background-color: #fff;
background-image: url("http://i.imgur.com/AOkgY.png");
background-repeat: repeat-x;
color: #fff;
font-size: 13px;
height: 37px;
margin-bottom: 10px;
margin-left: -12px;
width: 996px;
}

#pun-navlinks ul {
    list-style: none;
    text-align: center;
}

#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}

#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}

#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 10px;
    line-height: 26px;
}

#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #fff;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
}


    .postbody .user{
      margin-bottom:1em;
        overflow:visible;
    }
    .postbody .user .user-info span{display:table !important; float:left;}
    .postbody .user .user-info{
        width:350px;
        display:none;
            top: 20px;
            position: absolute;
            background: rgba(255, 255, 255, 0.9);
            padding: 5px;
    }

    .postbody .user:hover .user-info{
        z-index: 9;
            left: 100%;
        display:block;
    }
    .postbody .user .user-info span {
    color: #333;
    font-weight: bold;
    }

.pun .paged-head, .pun .paged-foot {
    border: 0px solid #dddddd;
    background-color: #fff;
    padding: 0.6em 1.3em 0.3em 1.3em;
}

#pun-visit, .main-box {
      border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
}

.user-info span {
    color: #000000;
    font-size: 11px;
}
.pun .user .user-info {
    color: #666666;
    font-size: 11px;
    line-height: 1.5;
}

#pun-about {
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-align: center;
    line-height: 0%;
    padding: 0.6em 1em;
}
#pun-about ul li a {
    font-size: 10px;
    font-weight: normal;
}
#pun-about #qjump {
    display: none;
}

.postmain blockquote {
    padding: 0.5em 1em;
    background-color: #EFEFEF;
    border: 1px solid #c48181;
}

.postmain cite {
    display: block;
    margin: 0 0 1em 0;
    font-weight: bold;
    font-style: normal;
}

.codebox {
    margin: 1em;
    background-color: #F5F5F5;
    border: 1px solid #8f1010;
}

.codebox dt {
    padding: 0.25em;
    border-bottom: 1px dashed #c48181;
}

.codebox dd {
    margin: 0.5em;
    padding: 0.5em;
    background-color: #F5F5F5;
}

.main .main-head {
  border-radius: 7px 7px 7px 7px;
background-color: black !important;
border: 1px solid black !important;
      background-color: #f70505;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    border: 1px solid #ba0f0f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 15px;
    padding-left: 8px;
}

.page-title h2, .page-title span {
    font-weight: bold !important;
}

.main .main-head .page-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold !important;
    font-family: tahoma,arial,verdana,sans-serif;
    text-shadow: 0 -1px 0 #613633;
}

.main .main-foot {
    padding: 0.7em 1.3em;
    font-weight: normal;
    color: #660000;
    background-color: transparent;
}

.pun .postmain {
    background-color: #fbfbfb;
    border-left: 1px solid #DADADA;
    margin-left: 17em;
}

.postfoot {
    border-top-color: #DADADA;
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    clear: both;
    margin-left: 0em;
    text-align: center;
    padding: 0.5em 1em;
    border-top: none;
}


.frm-buttons {
    border-top-color: #DDDDDD;
    border-top-style: double;
    border-top-width: 0px;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding-bottom: 0;
    padding-left: 17.5em;
    padding-right: 0;
    padding-top: 0.7em;
}

#tabs ul {
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}

#tabs ul li {
    float: left;
    margin: 0;
    padding: 0 4px 0 0;
    padding-bottom: 3px;
}

#tabs ul li.activetab a {
    background-color: #fff;
    border: #8f1010;
    border-width: 3px;
    color: #666666;
  text-decoration:none;
}

#tabs ul li.activetab a:hover {
    background-color: #F5F5F5;
}

#tabs ul li a {
    border-radius: 5px 5px 7px 7px;
    background-color: black !important;
    border: 1px solid black !important;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    margin-top: 15px;
    padding-left: 8px;
    float: left;
    padding: 0 1em;
    border-width: 3px;
    font-size:1.1em;
    font-weight:normal;
    line-height: 2em;
    text-decoration:none;
}

#tabs ul li a:hover {
    background-color: #F5F5F5;
}

.pun .frm .frm-form table {
    border: 1px solid #c48181;
    padding-left: 4px;
}

.pun table.table td {
    padding: 0.6em 0 0.7em;
    line-height: 130%;
    background-color: #FFFFFF;
    border-color: #ccb7b7;
    border-width: 1px;
    border-style: dashed none none none;
}

.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #FFFFFF;
}

.pun table.table td {padding: 0.6em 0px 0.7em;border-color: transparent !important;border-width: 1px;border-style: dashed none none;}

.user-contact a {
    background-color: #964e4e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
}

.trow_sep {
    color: #FFFFFF;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 14px;
    font-weight: bold !important;
    text-shadow: 0 -1px 0 #613333;
}

.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/help10.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

#forum_statistics {
    background-color: #F3F3F3;
    border-bottom-color: #964e4e;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#board-stats span {
    background-color: #E2E2E2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #4A4A4A;
    font-weight: bold;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

#board-stats {
    border-left-color: #DEDEDE;
    border-left-style: solid;
    border-left-width: 0px;
    float: right;
    padding-left: 20px;
    width: 38%;
}
#board-stats dl {
    margin-top: 10px;
}
#board-stats dt, #board-stats dd {
    border-top-color: #DEDEDE;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    font-size: 0.85em;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 6px;
    width: 45%;
}
#board-stats dt {
    clear: both;
    font-weight: bold;
}

#board-stats h2 {
    clear: both;
    font-weight: bold;
}

#chatbox_header.main-head {
    background-color: #964e4e;
    background-image: url("http://i.imgur.com/AOkgY.png");
    background-position: left 50%;
    background-repeat: repeat-x;
    color: #dedede;
    padding-bottom: 0;
    padding-left: 1.3em;
    padding-right: 1.3em;
    padding-top: 0;
}

#onlinechat {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: #f4f4f4;
}

#chatbox_members {
    position: absolute;
    top: 30px;
    bottom: 30px;
    width: 180px;
    overflow: auto;
    border-right: 1px dashed #ccb7b7;
}

#chatbox_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px dashed #ccb7b7;
}

#onlinelist {
    border-top: 0px dashed #ccc;
    padding: 0.6em 1em;
    background-color: rgb(244, 244, 244);
}

    .post:hover .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: .5;
    }
    .post .post-options:hover {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 1!important;
    }
    .post .post-options {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    opacity: 0;
    }


adm {text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);font-size: 1.5em;
}
adm img {
margin-top: 6px;
display: block;
}

    .user-basic-info:last-child {
    text-align: center;
    }
    .user-id {
    text-align: center;
    }
    .user-avatar {
    text-align: center;
    }
    .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;
    }

#main #main-content .main, .phpbb3 .forabg {
    background: url("") repeat-x scroll center top white;
    border: 1px solid rgb(196, 196, 196);
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
}

div * {margin: 0;padding: 0;}
.conteneur-menu {font-family: Arial;}
.conteneur-menu .onglets li {float: left;list-style: none;}
li {display: list-item;
text-align: -webkit-match-parent;}
.conteneur-menu .onglets li a {
-moz-text-shadow: 1px 1px 1px #fff;
-webkit-text-shadow: 1px 1px 1px #fff;
background: #E9E9E9 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border-bottom: 1px solid #F3F5F7;
  border-radius: 5px 5px 7px 7px;
border: 1px solid #EEE;
color: #6B6B6B;
display: block;
font-family: Arial;
font-size: 12px;
font-weight: 700;
padding: 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 1px white;width: 150px;}
.conteneur-menu .onglets li a.active {
background: #D0E1F7 url(http://i42.servimg.com/u/f42/17/32/13/00/sp-des28.jpg) repeat-x bottom;
border: 1px solid white;color: #222;}
.texte_1 {color: #485470;font-family: Arial;font-size: 13px;font-style: italic;}
.titre_4 {color: #24478E;margin-bottom: 5px;
font-family: Arial;font-size: 14px;font-style: italic;font-weight: 700;}

    #pun-intro{background-color:transparent;border-bottom:0px}

body #pun-head #pun-navlinks {
    top: 0px;
    width: 1005px;
    z-index: 999 !important;
    }
.mainmenu:hover {
    opacity: 0.08;
    }
#pun-head #pun-navlinks {
    background-color: #333;
    border-color: #CCC;
    padding: .5em 1.1em .6em;
    }
#pun-navlinks {
    background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
    background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
    background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
    }
#pun-navlinks {
    border-top: 5px solid #21C8FF!important;
    height: 43px;
    overflow: visible!important;
    padding: 1px 10px!important;
    }
#pun-navlinks li:hover {
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top;
    }
#pun-navlinks ul[class="clearfix"] {
    border: 0!important;
    padding-top: 4px;
    width: 100%;
    }
#pun-navlinks a, #pun-navlinks a:visited {
    text-decoration: none;
    }
#pun-navlinks li a {
    color: #EDEDED;
    font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    }
#pun-navlinks li a {
    background: url() repeat-y center right;
    color: white;
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 14px!important;
    font-weight: 700;
    margin: 0!important;
    padding: 14px 7px 14px 0;
    text-decoration: none!important;
    }
#pun-navlinks li {
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;
    padding-top: 14px;
    position: relative;
    transition: all .2s linear;
    }
#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
    }

/* Imagem Flutante
================================================================*/
#flutuante {
display: scroll;
position: fixed;
top: 10px;
left: 5px;
}

#content #pun-legend li{display:none}

td.tcl img[alt][style] {
padding-right: 10px;
}

#pun-visit, .main-box.clearfix {
display: none;
}

/* Alerta de MP com efeito lightbox
================================================================*/
    /* Fancybox by Baivong */
    .fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
    .fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
    .fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
    .fancybox-opened{z-index:1003}
    .fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
    .fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
    .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
    .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
    .fancybox-image{max-width:100%;max-height:100%}
    #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
    .fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
    .fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
    .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
    #fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
    .fancybox-title{display:none}
    .fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
    .fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
    .fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
    .fancybox-title-inside-wrap{margin-top:10px}
    .fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}

.pun .main-content {
      background-color: rgb(251, 251, 251);
    border: none;
}

.pun .main table.table td.td-title {
  background-color: none;
}

.pun .frm .frm-form table {
border: none;
}

.postbody .user .user-info {
width: 400px;
display: none;
top: 20px;
position: absolute;
background: white repeat scroll 100% 100% rgba(255, 255, 255, 0.9);
padding: 5px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
margin-left: 10px;
}


.pun .posthead {
    background: none repeat scroll 0% 0% transparent;
    border-bottom: none;
    padding: 0.5em 1.3em 0.5em 1em;
}

    form span.tgcounter {float: right;color: #000;}
    form p.tgcounter {font-size: 11px;float: left;color: #000;}
    form p.tgcounter> span {color: #000;}

.pun .post {
    border-style: dashed none none none;;
}

ul#pun-legend, ul.pun-legend {
  display: none;
}

.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:150px;height:250px}





.a .forumtitle {
  position:inherit !important;
}

a.forumtitle{
padding-left: 45px;
}

/*=================================================
                Shopping Efeitos
==================================================*/
a[href="/u20"] {
background-image:url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif)
}

a.mainmenu[href="/faq"], a.mainmenu[href="/members"], a.mainmenu[href="/search"], a.mainmenu[href="/calendar"]{
display: none !important;
 }

.status {margin-left: -40px!important;}
.pun tbody.statused td.tcl {padding-left: 3.4em!important;}

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

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

Resolvido Re: Ajustar ícone do fórum

Mensagem por milo100 em 20/07/13, 06:41 pm

O novo não funcionou.
deixa assim mesmo.
Obrigado pela ajuda! =D
avatar

milo100
Usuário destaque

Masculino
Inscrito dia : 14/02/2010
Mensagens : 666
Pontos Ativos : 1006

Ver perfil do usuário http://downs.forumeiro.org/forum.htm

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