Como deixar isso do perfil tipo o do fdf?

3 participantes

Ir para baixo

Tópico resolvido Como deixar isso do perfil tipo o do fdf?

Mensagem por Ngw_PedroC 28.12.12 18:25

Qual é minha questão:
Eu queria tirar essa linha e por tipo uma que sublinhasse ele todo, e ficasse com as bordas arredondadas tipo o do FDF ^^. O meu perfil só fica uma tinha branca separada da mensagem, e isso é mtoo feio. Queria que ficasse tipo o do FDF

Print: https://2img.net/h/oi50.tinypic.com/eks1hc.png
CSS:
Código:
.postbody-head .post-info li {
color: transparent !important;
}
.postprofile {
margin-right: -14em;
}
#ipbwrapper .module .box-content{background:transparent!important}
#fa_ticker_container{border-top-right-radius: 10px!important;
border-bottom-left-radius: 10px!important}.module .box-content{background:transparent!important}
#main div.module-advert{border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 8px; padding-bottom: 8px}.module .box-content{background:none!important}
div.maintitle{background:none!important}
.module .box-content{background-color:#232323!important}.module.borderwrap .maintitle, .module .box-content{border-radius:0!important}.module .box-content{border-bottom-right-radius: 10px!important; border-bottom-left-radius: 10px!important}.module.borderwrap .maintitle{border-top-left-radius:10px!important;border-top-right-radius:10px!important}.module{border:none!important}
#userlinks {display: none;}
#submenu ul li a {color: white!important;}
a:link,
a:visited,
a:active{
















    text-decoration: none;
}
















table.ipbtable tfoot td {
background-color:#1d1d1d;
}
















































div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img20.imageshack.us/img20/3273/80645717.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img20.imageshack.us/img20/130/99148459.jpg') no-repeat 50% 50%;
}
















































.popupmenu li {
background-color: #ffffff;
}
































.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}
































.post {
border-bottom:10px solid #1d1d1d;
}
















































#submenu ul li a {
margin:0.5em 0 0.65em 0;
padding:0.5em 0 0.65em 0;
}
















#navstrip li.begin {
   padding-left: 15px;
   background: url('http://img35.imageshack.us/img35/9853/ae1e.png') no-repeat left 50%;
   }
.a.gen,a.genmed,a.gensmall {
font-weight: lighter;
}
.gen,.genmed,.gensmall {
font-weight: lighter;
}
.genmed {
font-weight: lighter;
}
.gensmall {
font-weight: lighter;
}input.button1, input.button2, button.button2 { 
font-size: 1em; 
}
a.button1, input.button1 {
font-weight: bold;border: 1px solid #666666;
}
a.button2, input.button2, button.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2, button.button2 {
width: auto !important;
padding: 2px 3px;
font-family: Verdana,Arial,Helvetica,sans-serif;color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('http://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
}
















    .post-container{margin-right:14em!important}.postprofile-details dt{text-align:left!important;margin-top:0px;margin-bottom:0px;padding-bottom:0px;margin-left:0px}
















    #gfooter { background-color: #191919; }
















    .button, .mainoption {
    background-color:#FFFFFF;
    border:1px solid #000000;
    cursor:pointer;
    font-size:10px;
    padding:0 5px;
    }
















.postprofile {
border-left: 1px solid #9E9E9E;
}
















    #twitter_div a:link{
    color: #fff;
















    }
    #twitter_div a:hover{
    color: #03a5b4;
    }
    #twitter_div{
    color: #D9D9D9;
    }.twitterfeed{
    margin: 0 auto;
    width: 700px;
    height: 40px;
    background-image: url(http://i33.tinypic.com/14kblfo.png); /* desired twitter image */
    background-repeat: no-repeat;
















    } 
















#page-footer{
background: url("http://img267.imageshack.us/img267/7772/copyrights.png") no-repeat bottom center;
padding-bottom: 5px;}
















/*Inicio do codigo das bordas*/
div.borderwrap {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
div.maintitle {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-radius-topleft: 7px;
-webkit-border-radius-topright: 7px;
}
table.ipbtable tfoot td {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft: 10px;
}
















#chatbox_header{background-color:#2a2a2c}#chatbox_footer{background-color:#2a2a2c}
































    .content blockquote {
        color: #536482;
    }
















    blockquote, blockquote blockquote, blockquote blockquote blockquote {
        background: none repeat scroll 0 0 #F9F9F9;
        border: 1px solid #DEDEDE;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
        padding: 10px 20px;
    }
/*banner flutuante*/
#popup {
position: absolute;
top: 130%;
left: 32%;
width: 300px;
height: 250px;
padding: 20px 20px 20px 20px;
border-width: 0px;
border-style: solid;
background: #FFFFFF;
display: none;
}
































a[href="/u1"] {
text-shadow: 0px 0px 5px #FC0000;
}
a[href="/u1"] 
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif")


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

Versão do fórum:
INVISION


Última edição por Ngw_PedroC em 28.12.12 18:55, editado 1 vez(es)
Ngw_PedroC
Ngw_PedroC
***

Membro desde : 25/12/2012
Mensagens : 179
Pontos : 267

http://nightwolfserver.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar isso do perfil tipo o do fdf?

Mensagem por Roevs 28.12.12 18:30

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
.postprofile {
border-left: 1px solid transparent;
}
border-radius: 10px;
box-shadow: white 1px 1px 6px;
padding: 5px;
border: medium none;
border-image: initial;
border-color: white;
border-left-style: solid;
border-left-width: 1px;
color: #666;
display: inline;
float: right;
margin: 5px 0px 0px;
min-height: 80px;
position: relative;
width: 22%;
}

Até

Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar isso do perfil tipo o do fdf?

Mensagem por Consolado 28.12.12 18:32

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.postprofile{border:medium none!important;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 6px #fff;padding:5px; background-color:#E5F1F9}
Altere o termo #E5F1F9 pela cor desejada.

Valide.

Melhores cumprimentos,
Today
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar isso do perfil tipo o do fdf?

Mensagem por Ngw_PedroC 28.12.12 18:35

Quekeline o seu deu isso:
Erro

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

Today: O seu bugo o tema todo :S
Ngw_PedroC
Ngw_PedroC
***

Membro desde : 25/12/2012
Mensagens : 179
Pontos : 267

http://nightwolfserver.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar isso do perfil tipo o do fdf?

Mensagem por Consolado 28.12.12 18:41

Olá!

Substitua por esse código CSS:
Código:
.postprofile{border:medium none!important;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 6px #fff;padding:5px}
Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar isso do perfil tipo o do fdf?

Mensagem por Ngw_PedroC 28.12.12 18:50

Fico bom, mais você poderia dar um espaço na altura? ele fico colado em cima :/ ^^ Entra lá no chat Today
Ngw_PedroC
Ngw_PedroC
***

Membro desde : 25/12/2012
Mensagens : 179
Pontos : 267

http://nightwolfserver.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar isso do perfil tipo o do fdf?

Mensagem por Consolado 28.12.12 18:54

Olá!

Substitua por esse código CSS:
Código:
.postprofile{border:medium none!important;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 6px #fff;padding:5px; margin-top: 8px}
Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Como deixar isso do perfil tipo o do fdf?

Mensagem por Ngw_PedroC 28.12.12 18:55

Fico bom!
Ngw_PedroC
Ngw_PedroC
***

Membro desde : 25/12/2012
Mensagens : 179
Pontos : 267

http://nightwolfserver.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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