Personalizar "descrição"
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1 • Compartilhe •
Personalizar "descrição"
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://redcdn.net/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
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://redcdn.net/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, 08:08 pm, editado 1 vez(es)
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603
Re: Personalizar "descrição"
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:
Até mais!
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- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16316
Pontos Ativos : 20819
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603
Re: Personalizar "descrição"
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!
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- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16316
Pontos Ativos : 20819
Re: Personalizar "descrição"
Ah, sem problemas, sempre é bem-vindo algo novo =P
CSS:
Hm, o código que me enviou está incluído, obrigada pela ajuda ^^
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
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603
Re: Personalizar "descrição"
Saudações!
Preciso que libere teu fórum para que eu possa ver à categoria.
Até mais!
Preciso que libere teu fórum para que eu possa ver à categoria.
Até mais!
Sennior- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16316
Pontos Ativos : 20819
Re: Personalizar "descrição"
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
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603
Re: Personalizar "descrição"
Saudação!
Troque teu CSS pelo abaixo:
Veja se gosta.
Até mais!
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- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16316
Pontos Ativos : 20819
Re: Personalizar "descrição"
Nem deu :/ Olha lá...
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603
Re: Personalizar "descrição"
Saudação!
Coloque este código no inicio de teu CSS:
Até mais!
Coloque este código no inicio de teu CSS:
- Código:
.forabg {
background-repeat: repeat !important;
}
Até mais!
Sennior- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16316
Pontos Ativos : 20819
Re: Personalizar "descrição"
Ficou legal, mas da pra diminuir um pouco a largura?
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603
Re: Personalizar "descrição"
Olá,
Altere isto no seu CSS, dentro da baliza .forabg, onde tem:
Cordialmente,
The Boss
Altere isto no seu CSS, dentro da baliza .forabg, onde tem:
- Código:
width: 700px;
- Código:
width: auto;
Cordialmente,
The Boss
.Danni.- Membro do Fórum
-
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592
Re: Personalizar "descrição"
Sim dá!
Troque por este:
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- Ex-Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 16316
Pontos Ativos : 20819
Re: Personalizar "descrição"
Hm... Ótimo, muito obrigada ^^
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum