Bem-vindo ao fórum de suporte Forumeiros 
Início
Criar um fórumAcesso rápido
Forumeiros & Você
Equipe Forumeiros
Ajuda & Suporte
Setor de Suporte
Serviços para Usuários
Serviços para Usuários
Miscelânea
Espaço do Usuário
FORUMEIROS
Fóruns de suporte oficiais 
Meriteiro
 
|
"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login
Últimos assuntos
Últimas sugestões
Quem está conectado
Há 105 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 96 Visitantes :: 2 Motores de buscaConnor R., iMont, MateusAnjosV, Milo Mello, PrisoN†BreaK, Rosella23O5629, ShaCapell, Shek, while
[ Ver toda a lista ]
O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05
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"
por Isadora Dias em Sab 23 Mar 2013 - 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: 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
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 Sab 23 Mar 2013 - 23:08, editado 1 vez(es)
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 2456 -
Re: Personalizar "descrição"
por Sennior em Sab 23 Mar 2013 - 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:
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!
 |  Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum! Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos. Perdeu a senha de administração? Veja o que fazer. Ferramentas do Administrador. |
"Você será lembrado pelo que faz, e não pela cor que tens".
Sennior- Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317 -
Re: Personalizar "descrição"
por Isadora Dias em Sab 23 Mar 2013 - 23:09
Não deu certo... Pelo menos não muito... :/
Olhe ai:
http://pj-immortales.forumeiros.com/
Olhe ai:
http://pj-immortales.forumeiros.com/
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 2456 -
Re: Personalizar "descrição"
por Sennior em Sab 23 Mar 2013 - 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!
Deixe daquele modo! Penso eu que há como, mas não irá ficar igual, mas se quiser continuar, me mande teu CSS.
Até mais!
| | Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum! Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos. Perdeu a senha de administração? Veja o que fazer. Ferramentas do Administrador. |
"Você será lembrado pelo que faz, e não pela cor que tens".
Sennior- Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317 -
Re: Personalizar "descrição"
por Isadora Dias em Sab 23 Mar 2013 - 23:18
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 : 2456 -
Re: Personalizar "descrição"
por Sennior em Sab 23 Mar 2013 - 23:23
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!
| | Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum! Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos. Perdeu a senha de administração? Veja o que fazer. Ferramentas do Administrador. |
"Você será lembrado pelo que faz, e não pela cor que tens".
Sennior- Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317 -
Re: Personalizar "descrição"
por Isadora Dias em Sab 23 Mar 2013 - 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.
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 2456 -
Re: Personalizar "descrição"
por Sennior em Sab 23 Mar 2013 - 23:38
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!
| | Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum! Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos. Perdeu a senha de administração? Veja o que fazer. Ferramentas do Administrador. |
"Você será lembrado pelo que faz, e não pela cor que tens".
Sennior- Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317 -
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 2456 -
Re: Personalizar "descrição"
por Sennior em Dom 24 Mar 2013 - 1:56
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!
| | Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum! Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos. Perdeu a senha de administração? Veja o que fazer. Ferramentas do Administrador. |
"Você será lembrado pelo que faz, e não pela cor que tens".
Sennior- Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317 -
Re: Personalizar "descrição"
por Isadora Dias em Dom 24 Mar 2013 - 2:41
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 : 2456 -
Re: Personalizar "descrição"
por .Danni. em Dom 24 Mar 2013 - 2:45
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 : 1859
Pontos Ativos : 5045 -
Re: Personalizar "descrição"
por Sennior em Dom 24 Mar 2013 - 2:59
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);}
| | Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum! Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos. Perdeu a senha de administração? Veja o que fazer. Ferramentas do Administrador. |
"Você será lembrado pelo que faz, e não pela cor que tens".
Sennior- Admineiro
-
Inscrito dia : 10/06/2011
Mensagens : 15967
Pontos Ativos : 22317 -
Re: Personalizar "descrição"
por Isadora Dias em Dom 24 Mar 2013 - 16:57
Hm... Ótimo, muito obrigada ^^
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 2456 -
Tópicos similares» como personalizar o personagen rpg
» Personalizar quem está conectado e as estatísticas
» Como personalizar [faq]pop-up de conexão
» Personalizar caixa de texto e caixa de smileys
» Erro na descrição
» Personalizar quem está conectado e as estatísticas
» Como personalizar [faq]pop-up de conexão
» Personalizar caixa de texto e caixa de smileys
» Erro na 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
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Facebook
Twitter
Google+
Youtube
» Tópico duplicado
» Remover botão do menu
» Setar rank automático
» [Pedido] Banner
» Botões de ação
» Aparência do fórum