Personalizar "descrição"

3 participantes

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

Tópico resolvido Personalizar "descrição"

Mensagem por Isadora Dias 23.03.13 23:04

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: https://2img.net/r/ihimg/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 23:08, editado 1 vez(es)
avatar

Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Sennior 23.03.13 23:07

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!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Isadora Dias 23.03.13 23:09

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

Olhe ai:

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

Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Sennior 23.03.13 23:14

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!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Isadora Dias 23.03.13 23:18

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 ^^
avatar

Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Sennior 23.03.13 23:23

Saudações!

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

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Isadora Dias 23.03.13 23:29

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

Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Sennior 23.03.13 23:38

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!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Isadora Dias 24.03.13 1:48

Nem deu :/ Olha lá...
avatar

Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Sennior 24.03.13 1:56

Saudação!

Coloque este código no inicio de teu CSS:

Código:
.forabg {
background-repeat: repeat !important;
}

Até mais!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Isadora Dias 24.03.13 2:41

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

Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar "descrição"

Mensagem por .Danni. 24.03.13 2:45

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

.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Sennior 24.03.13 2:59

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);}
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar "descrição"

Mensagem por Isadora Dias 24.03.13 16:57

Hm... Ótimo, muito obrigada ^^
avatar

Isadora Dias
****

Membro desde : 05/09/2011
Mensagens : 388
Pontos : 603

http://cistem-aperio.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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