Personalizar "descrição"

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

Resolvido Personalizar "descrição"

Mensagem por Isadora Dias em 23/03/13, 08:04 pm

Qual é minha questão:
Olhem este fórum:

http://monteolimpus.forumeiros.com/forum

Ali no primeiro fórum (Regras e Tutoriais) tem um tipo de descrição diferente em baixo (que tem essa imagem: http://imageshack.us/a/img713/7839/regrasg.png), como em todos outros. Tem como me dizer como colocar isso no meu fórum?

OBS: Quem puder me dizer o link do theme ao invés disso, eu agradeceria muitoooooooooooooooooooo

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

Versão do fórum:
PHPBB3


Última edição por Isadora Dias em 23/03/13, 08:08 pm, editado 1 vez(es)

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Personalizar "descrição"

Mensagem por Sennior em 23/03/13, 08:07 pm

Saudações minha linda!

Vamos tentar fazer tudo por CSS, pois o código dado pela senhorita tem Java Script contido, mas penso que dá apenas por CSS.
Coloque este código no inicio de teu CSS:

Código:
.forabg {
-moz-box-shadow: 0 0 10px #b1b1b1;
-webkit-box-shadow: 0 0 10px #b1b1b1;
background-image: url(http://imageshack.us/a/img600/3748/backgraund2bydehmedderd.jpg);
border-left: 15px solid #D6AB00;
border-radius: 140px 10px 340px 10px;
border-right: 10px solid #D6AB00;
display: block;
font-family: Calibri;
font-variant: small-caps;
line-height: 10px;
margin-left: 15px;
margin-top: -15px;
padding: 25px;
text-align: justify;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
width: 700px;
}

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: Personalizar "descrição"

Mensagem por Isadora Dias em 23/03/13, 08:09 pm

Não deu certo... Pelo menos não muito... :/

Olhe ai:

http://pj-immortales.forumeiros.com/

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Personalizar "descrição"

Mensagem por Sennior em 23/03/13, 08:14 pm

Saudações!

Deixe daquele modo! Penso eu que há como, mas não irá ficar igual, mas se quiser continuar, me mande teu CSS.

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: Personalizar "descrição"

Mensagem por Isadora Dias em 23/03/13, 08:18 pm

Ah, sem problemas, sempre é bem-vindo algo novo =P

CSS:

Código:
.forabg {
-moz-box-shadow: 0 0 10px #b1b1b1;
-webkit-box-shadow: 0 0 10px #b1b1b1;
background-image: url(http://imageshack.us/a/img600/3748/backgraund2bydehmedderd.jpg);
border-left: 15px solid #D6AB00;
border-radius: 140px 10px 340px 10px;
border-right: 10px solid #D6AB00;
display: block;
font-family: Calibri;
font-variant: small-caps;
line-height: 10px;
margin-left: 15px;
margin-top: -15px;
padding: 25px;
text-align: justify;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
width: 700px;
}

body {
border-radius: 15px;
}



.chatbox-title {
font-size:30px;
letter-spacing:2px;
text-shadow:0 2px 2px #000000;
font-family:Trebuchet MS;
font-weight:normal;
}



A:hover{text-transform:uppercase;}



a.forumtitle:hover {
text-decoration: none;
}

.table-title, .table-title h2 {
color: #ffffff;
font-family:Georgia;
font-size:30px;
text-transform:lowercase;
font-style:italic;
}

.corners-top {
visibility:hidden;
}

.corners-bottom {
visibility:hidden;
}

.icon dd.posts {
margin-left: 15px;
}

input{
font-size: 9px;
font-family: trebuchet ms; verdana, helvetica, sans-serif;
background-color: EDEDED;
vertical-align: middle;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px 20px 20px 20px;
color: #3e3e3e
}

#page-header ul.linklist li a:hover {
text-decoration:none;
font-style: bold;
letter-spacing: 1px;
}



.row1 {
background-color:none;
}


.wysiwyg {
color:#FFFFFF;
font-family:verdana;
font-size:12px;
}

.textarea {
-moz-border-radius:20px 20px 20px 20px;
background-color:#d1d1d1;
color:#8F8F8F;
font-family:georgia;
font-size:9px;
height:50px;
opacity:0.5;
width:170px;
}



div.postprofile dl dt strong a span strong {font-family: Georgia; font-size: 25; font-style: italic; letter-spacing:-1px; font-weight: bold; text-align:center;}


ul.linklist li a{
background: url('http://hitskin.com/themes/15/45/87/i_background.jpg');
border: 1px dotted #fff;
border-radius: 5px;
padding: 4px;
}
ul.linklist a:hover {
background: #000;
}


#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i.imgur.com/bmM2Z.png);
background-repeat: no-repeat;
background-position: bottom right;
}

div.postprofile dl dt strong a span strong {font-family: Georgia; font-size: 25; font-style: italic; letter-spacing:-1px; font-weight: bold; text-align:center;}

div.postprofile dl dt img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

.spoiler_content { color: #000000; }

/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/



.slide-up-boxes {width: 123px; display: inline-block; margin-left: 10px;}

.slide-up-boxes a {
display: block;
margin: 0 0 0px 0;
background: #fff;
height: 150px;
border: 3px solid #734f25; box-shadow: -6 5px 3px -3px rgba(0,0,0,0.11);

margin-bottom: 10px;
overflow: hidden;
text-decoration: none;
box-shadow: 0 5px 2px -2px rgba(0,0,0,0.11);}

.slide-up-boxes h5 {
 margin-top: -0px;
color: #937560;
text-align: center;
height: 80px;
text-shadow: 1px 1px 0px #eee;
letter-spacing: 5px;
text-transform: uppercase;
font: normal 11px/104px Arial;
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.slide-up-boxes a:hover h5 {
margin-top: -100px;
opacity: 0;}

.slide-up-boxes div
{position: relative;
color: #fff;
height: 100px;
padding: 0px;
opacity: 0;
-webkit-transform: rotate(6deg);
-webkit-transition: all 0.4s linear;
-moz-transform: rotate(6deg);
-moz-transition: all 0.4s linear;
-o-transform: rotate(6deg);
-o-transition: all 0.4s linear;
text-decoration: none;}

.slide-up-boxes a:hover div {opacity: 1;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);}


Hm, o código que me enviou está incluído, obrigada pela ajuda ^^

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Personalizar "descrição"

Mensagem por Sennior em 23/03/13, 08:23 pm

Saudações!

Preciso que libere teu fórum para que eu possa ver à categoria.

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: Personalizar "descrição"

Mensagem por Isadora Dias em 23/03/13, 08:29 pm

Como assim? Liberado no sentido de autorizações? Ele está liberado para visualização, você só não pode ler os tópicos.

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Personalizar "descrição"

Mensagem por Sennior em 23/03/13, 08:38 pm

Saudação!

Troque teu CSS pelo abaixo:

Código:
.dterm {
border: transparent !important;
}
li.row {
border: transparent !important;
}
ul.forums {
background-color: transparent !important;
background-image: none;
}
li.row:hover {
background-color: transparent !important;
}
.forabg {
margin: 10px;
}
.forabg {
-moz-box-shadow: 0 0 10px #b1b1b1;
-webkit-box-shadow: 0 0 10px #b1b1b1;
background-image: url(http://imageshack.us/a/img600/3748/backgraund2bydehmedderd.jpg) !important;
border-left: 15px solid #D6AB00;
border-radius: 140px 10px 340px 10px;
border-right: 10px solid #D6AB00;
display: block;
font-family: Calibri;
font-variant: small-caps;
line-height: 10px;
margin-left: 15px;
margin-top: -15px;
padding: 25px;
text-align: justify;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
width: 1106px;
}
body {
border-radius: 15px;
}



.chatbox-title {
font-size:30px;
letter-spacing:2px;
text-shadow:0 2px 2px #000000;
font-family:Trebuchet MS;
font-weight:normal;
}



A:hover{text-transform:uppercase;}



a.forumtitle:hover {
text-decoration: none;
}

.table-title, .table-title h2 {
color: #ffffff;
font-family:Georgia;
font-size:30px;
text-transform:lowercase;
font-style:italic;
}

.corners-top {
visibility:hidden;
}

.corners-bottom {
visibility:hidden;
}

.icon dd.posts {
margin-left: 15px;
}

input{
font-size: 9px;
font-family: trebuchet ms; verdana, helvetica, sans-serif;
background-color: EDEDED;
vertical-align: middle;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px 20px 20px 20px;
color: #3e3e3e
}

#page-header ul.linklist li a:hover {
text-decoration:none;
font-style: bold;
letter-spacing: 1px;
}



.row1 {
background-color:none;
}


.wysiwyg {
color:#FFFFFF;
font-family:verdana;
font-size:12px;
}

.textarea {
-moz-border-radius:20px 20px 20px 20px;
background-color:#d1d1d1;
color:#8F8F8F;
font-family:georgia;
font-size:9px;
height:50px;
opacity:0.5;
width:170px;
}



div.postprofile dl dt strong a span strong {font-family: Georgia; font-size: 25; font-style: italic; letter-spacing:-1px; font-weight: bold; text-align:center;}


ul.linklist li a{
background: url('http://hitskin.com/themes/15/45/87/i_background.jpg');
border: 1px dotted #fff;
border-radius: 5px;
padding: 4px;
}
ul.linklist a:hover {
background: #000;
}


#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i.imgur.com/bmM2Z.png);
background-repeat: no-repeat;
background-position: bottom right;
}

div.postprofile dl dt strong a span strong {font-family: Georgia; font-size: 25; font-style: italic; letter-spacing:-1px; font-weight: bold; text-align:center;}

div.postprofile dl dt img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

.spoiler_content { color: #000000; }

/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/



.slide-up-boxes {width: 123px; display: inline-block; margin-left: 10px;}

.slide-up-boxes a {
display: block;
margin: 0 0 0px 0;
background: #fff;
height: 150px;
border: 3px solid #734f25; box-shadow: -6 5px 3px -3px rgba(0,0,0,0.11);

margin-bottom: 10px;
overflow: hidden;
text-decoration: none;
box-shadow: 0 5px 2px -2px rgba(0,0,0,0.11);}

.slide-up-boxes h5 {
 margin-top: -0px;
color: #937560;
text-align: center;
height: 80px;
text-shadow: 1px 1px 0px #eee;
letter-spacing: 5px;
text-transform: uppercase;
font: normal 11px/104px Arial;
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.slide-up-boxes a:hover h5 {
margin-top: -100px;
opacity: 0;}

.slide-up-boxes div
{position: relative;
color: #fff;
height: 100px;
padding: 0px;
opacity: 0;
-webkit-transform: rotate(6deg);
-webkit-transition: all 0.4s linear;
-moz-transform: rotate(6deg);
-moz-transition: all 0.4s linear;
-o-transform: rotate(6deg);
-o-transition: all 0.4s linear;
text-decoration: none;}

.slide-up-boxes a:hover div {opacity: 1;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);}

Veja se gosta.

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: Personalizar "descrição"

Mensagem por Isadora Dias em 23/03/13, 10:48 pm

Nem deu :/ Olha lá...

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Personalizar "descrição"

Mensagem por Sennior em 23/03/13, 10:56 pm

Saudação!

Coloque este código no inicio de teu CSS:

Código:
.forabg {
background-repeat: repeat !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: Personalizar "descrição"

Mensagem por Isadora Dias em 23/03/13, 11:41 pm

Ficou legal, mas da pra diminuir um pouco a largura?

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Resolvido Re: Personalizar "descrição"

Mensagem por .Danni. em 23/03/13, 11:45 pm

Olá,

Altere isto no seu CSS, dentro da baliza .forabg, onde tem:
Código:
width: 700px;
Troque por:
Código:
width: auto;

Cordialmente,
The Boss
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Personalizar "descrição"

Mensagem por Sennior em 23/03/13, 11:59 pm

Sim dá!

Troque por este:

Código:
.dterm {
border: transparent !important;
}
li.row {
border: transparent !important;
}
ul.forums {
background-color: transparent !important;
background-image: none;
}
li.row:hover {
background-color: transparent !important;
}
.forabg {
margin: 10px;
}
.forabg {
-moz-box-shadow: 0 0 10px #b1b1b1;
-webkit-box-shadow: 0 0 10px #b1b1b1;
background-image: url(http://imageshack.us/a/img600/3748/backgraund2bydehmedderd.jpg) !important;
border-left: 15px solid #D6AB00;
border-radius: 140px 10px 340px 10px;
border-right: 10px solid #D6AB00;
display: block;
font-family: Calibri;
font-variant: small-caps;
line-height: 10px;
margin-left: 15px;
margin-top: -15px;
padding: 25px;
text-align: justify;
text-shadow: 1px 1px 0 #000;
text-transform: uppercase;
width: 1000px;
}
body {
border-radius: 15px;
}



.chatbox-title {
font-size:30px;
letter-spacing:2px;
text-shadow:0 2px 2px #000000;
font-family:Trebuchet MS;
font-weight:normal;
}



A:hover{text-transform:uppercase;}



a.forumtitle:hover {
text-decoration: none;
}

.table-title, .table-title h2 {
color: #ffffff;
font-family:Georgia;
font-size:30px;
text-transform:lowercase;
font-style:italic;
}

.corners-top {
visibility:hidden;
}

.corners-bottom {
visibility:hidden;
}

.icon dd.posts {
margin-left: 15px;
}

input{
font-size: 9px;
font-family: trebuchet ms; verdana, helvetica, sans-serif;
background-color: EDEDED;
vertical-align: middle;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px 20px 20px 20px;
color: #3e3e3e
}

#page-header ul.linklist li a:hover {
text-decoration:none;
font-style: bold;
letter-spacing: 1px;
}



.row1 {
background-color:none;
}


.wysiwyg {
color:#FFFFFF;
font-family:verdana;
font-size:12px;
}

.textarea {
-moz-border-radius:20px 20px 20px 20px;
background-color:#d1d1d1;
color:#8F8F8F;
font-family:georgia;
font-size:9px;
height:50px;
opacity:0.5;
width:170px;
}



div.postprofile dl dt strong a span strong {font-family: Georgia; font-size: 25; font-style: italic; letter-spacing:-1px; font-weight: bold; text-align:center;}


ul.linklist li a{
background: url('http://hitskin.com/themes/15/45/87/i_background.jpg');
border: 1px dotted #fff;
border-radius: 5px;
padding: 4px;
}
ul.linklist a:hover {
background: #000;
}


#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://i.imgur.com/bmM2Z.png);
background-repeat: no-repeat;
background-position: bottom right;
}

div.postprofile dl dt strong a span strong {font-family: Georgia; font-size: 25; font-style: italic; letter-spacing:-1px; font-weight: bold; text-align:center;}

div.postprofile dl dt img{
      margin-left: 3px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
div.postprofile dl dt img:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}

.spoiler_content { color: #000000; }

/*---/ Description highlighted /---*/
.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
            margin: 10px 0px;
            padding: 10px 10px 15px 50px;
            background-repeat: no-repeat;
            background-position: 10px center;
            border-radius: 4px 4px 4px;
        }
        .info {
            background-color: #d1e4f3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
            color: #00529B;
            border: 1px solid #4d8fcb;
        }
        .success {
            background-color: #effeb9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
            color: #4F8A10;
            border: 1px solid #9ac601;
        }
        .warning {
            background-color: #ffeaa9;
            background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
            color: #9F6000;
            border: 1px solid #f9b516;
        }
        .error {
            background-color: #fccac3;
            background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
            color: #D8000C;
            border: 1px solid #db3f23;
        }
        .mes {
            background-color: #F2F2F2;
            background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
            border: 1px solid #AAAAAA;
            color: #545454;
        }
        .tips {
            background-color: #FEEAC9;
            background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
            border: 1px solid #D38E49;
            color: #bb640c;
        }
        .chat {
            background-color: #daecfb;
            background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
            border: 1px solid #2078c9;
            color: #066ac4;
        }
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/



.slide-up-boxes {width: 123px; display: inline-block; margin-left: 10px;}

.slide-up-boxes a {
display: block;
margin: 0 0 0px 0;
background: #fff;
height: 150px;
border: 3px solid #734f25; box-shadow: -6 5px 3px -3px rgba(0,0,0,0.11);

margin-bottom: 10px;
overflow: hidden;
text-decoration: none;
box-shadow: 0 5px 2px -2px rgba(0,0,0,0.11);}

.slide-up-boxes h5 {
 margin-top: -0px;
color: #937560;
text-align: center;
height: 80px;
text-shadow: 1px 1px 0px #eee;
letter-spacing: 5px;
text-transform: uppercase;
font: normal 11px/104px Arial;
opacity: 1;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.slide-up-boxes a:hover h5 {
margin-top: -100px;
opacity: 0;}

.slide-up-boxes div
{position: relative;
color: #fff;
height: 100px;
padding: 0px;
opacity: 0;
-webkit-transform: rotate(6deg);
-webkit-transition: all 0.4s linear;
-moz-transform: rotate(6deg);
-moz-transition: all 0.4s linear;
-o-transform: rotate(6deg);
-o-transition: all 0.4s linear;
text-decoration: none;}

.slide-up-boxes a:hover div {opacity: 1;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);}
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: Personalizar "descrição"

Mensagem por Isadora Dias em 24/03/13, 01:57 pm

Hm... Ótimo, muito obrigada ^^

Isadora Dias
Usuário avançado

Feminino
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603

Ver perfil do usuário http://cistem-aperio.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum