Edição de template, visualização de perfil

Qual é minha questão:
Olá,

Como deixo as visualização do perfil assim:


até mais

Endereço do meu fórum:
http://www.exptech.com.br

Versão do fórum:
PUNBB

Olá,

Poderia informar o link do fórum aonde viu a visualização de perfil deste modo ?

Até

Coloque esse código no seu css:

Código:



/*profile*/
#profile-advanced-right .main-head .h3 {
-moz-border-radius: 10px;
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px;
-webkit-border-radius: 10px!important;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
background: rgba(0, 0, 0, 0.4);
border-radius: 10px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px;
color: white;
font-weight: 700;
opacity: 1;
padding: 4px 10px;
}

#profile-advanced-right .module.main .main-head {
background-color: #183C5D;
background-image: url(http://i.imgur.com/JnYGc.png);
border: none;
border-radius: 5px 5px 0 0;
box-shadow: none;
color: white;
font-size: 12px;
font-weight: 300;
overflow: hidden;
padding: 9px 12px;
text-shadow: black 0 1px 2px;
}

#profile-advanced-left #profile-advanced-details .main-head .subtitle {
font-size: 25px;
font-weight: 700;
line-height: 60px;
padding-left: 75px;
}

#profile-advanced-left #profile-advanced-details .main-head {
-webkit-box-shadow: inset 0 1px 0 #008186, inset 1px 0 0 #056B4E, inset -1px 0 0 #056B4E, inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 2px #056B4E;
background-image: url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png);
background-position: left;
background-color:transparent;
background-repeat: no-repeat;
border: 1px solid #026375;
height: 70px;
}

#profile-advanced-right .main-head .h3 span {
color: #FFD600!important;
font-size: 14px!important;
}

#profile-advanced-left #profile-advanced-details .main-head .subtitle span {
color: #00B8FF!important;
}

#profile-advanced-right .main-content.clearfix.center {
color: #777575;
font-size: 15px;
font-weight: 700;
text-shadow: 1px 1px 2px #F0F0F0;
}


um reput não cai o dedo

Olá!

Utilize esse código CSS:

Código:

.mmaintabs #tabs ul li.activetab a{background:#fff!important;color:#000!important;font-weight:700}.mmaintabs #tabs ul li{background-image:none;float:none;padding-right:2px;width:220px}.mmaintabs #tabs ul{float:left;padding:0}.mmaintabs #tabs{min-width:200px}.mmaintabs{float:left;width:220px}.mmaintabs #tabs ul li a{background-color:#F7F7F7;background-image:none;border:1px solid #D6D6D6;color:#575757;display:block;float:none;font-weight:400;height:auto;padding:5px 10px;text-shadow:1px 1px #D5D5D5}.mmaintabs #tabs ul li:hover{background:#EEE!important} #tabs ul li.activetab{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:right -102px}#tabs ul li.activetab a{background-color:transparent;background-image:url(http://i.imgur.com/fely2.png);background-position:0 -68px;color:#000;font-weight:700}#tabs ul li.activetab a:hover{background-color:transparent;color:#02325F}#tabs ul li a{background-image:url(http://i.imgur.com/fely2.png);border:none;display:block;font-weight:700;height:34px;padding:0 0 0 17px}#tabs ul li{background-image:url(http://i.imgur.com/fely2.pngg);background-position:right -34px;background-repeat:no-repeat;color:#474747!important;float:left;font-family:Arial,sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;height:34px;padding-right:15px;text-decoration:none;text-shadow:1px 1px 1px #fff!important} #profile-advanced-right{float: left; width: 300px}#profile-advanced-layout{float: right; margin-left: -300px; width: 100%; margin-right: 0px} #profile-advanced-left{margin-left: 305px; margin-right: 0px} #profile-advanced-layout #new-message{clear: both; margin-top: -0.5em; position: relative}#profile-advanced-right .main-head .h3{-moz-border-radius: 10px; -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), rgba(255,255,255,0.16) 0 1px 0px, rgba(255,255,255,0.05) 0 0 0 1px; -webkit-border-radius: 10px!important; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px; background: rgba(0, 0, 0, 0.4); border-radius: 10px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.16) 0 1px 0px, rgba(255, 255, 255, 0.05) 0 0 0 1px; color: white; font-weight: 700; opacity: 1; padding: 4px 10px}#profile-advanced-right .module.main .main-head{background-color: #183C5D; background-image: url(http://i.imgur.com/JnYGc.png); border: none; border-radius: 5px 5px 0 0; box-shadow: none; color: white; font-size: 12px; font-weight: 300; overflow: hidden; padding: 9px 12px; text-shadow: black 0 1px 2px}#profile-advanced-left #profile-advanced-details .main-head .subtitle{font-size: 25px; font-weight: 700; line-height: 60px; padding-left: 75px} #profile-advanced-left #profile-advanced-details .main-head{background-image: url(http://img86.xooimage.com/files/2/3/a/captur-36b3f67.png); background-position: left; background-color:transparent; background-repeat: no-repeat; border: 1px solid #026375; height: 70px}#profile-advanced-right .main-head .h3 span{color: #FFD600!important; font-size: 14px!important}#profile-advanced-left #profile-advanced-details .main-head .subtitle span{color: #00B8FF!important}#profile-advanced-right .main-content.clearfix.center{color: #777575; font-size: 15px; font-weight: 700; text-shadow: 1px 1px 2px #F0F0F0}

Melhores cumprimentos.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Beleza, Funcionou.. obrigado