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 
Conectar-se
Últimos assuntos
Quem está conectado
Há 226 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 225 Visitantes :: 2 Motores de buscaSennior
[ Ver toda a lista ]
O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm
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 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
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
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603 -
Re: Personalizar "descrição"
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:
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- Moderadeiro
-
Inscrito dia : 10/06/2011
Mensagens : 16282
Pontos Ativos : 20775 -
Re: Personalizar "descrição"
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/
Olhe ai:
http://pj-immortales.forumeiros.com/
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603 -
Re: Personalizar "descrição"
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!
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- Moderadeiro
-
Inscrito dia : 10/06/2011
Mensagens : 16282
Pontos Ativos : 20775 -
Re: Personalizar "descrição"
por Isadora Dias em 23/03/13, 08:18 pm
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"
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!
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- Moderadeiro
-
Inscrito dia : 10/06/2011
Mensagens : 16282
Pontos Ativos : 20775 -
Re: Personalizar "descrição"
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
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603 -
Re: Personalizar "descrição"
por Sennior em 23/03/13, 08:38 pm
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- Moderadeiro
-
Inscrito dia : 10/06/2011
Mensagens : 16282
Pontos Ativos : 20775 -
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603 -
Re: Personalizar "descrição"
por Sennior em 23/03/13, 10:56 pm
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- Moderadeiro
-
Inscrito dia : 10/06/2011
Mensagens : 16282
Pontos Ativos : 20775 -
Re: Personalizar "descrição"
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
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603 -
Re: Personalizar "descrição"
por .Danni. em 23/03/13, 11:45 pm
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"
por Sennior em 23/03/13, 11:59 pm
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- Moderadeiro
-
Inscrito dia : 10/06/2011
Mensagens : 16282
Pontos Ativos : 20775 -
Isadora Dias- Usuário avançado
-
Inscrito dia : 05/09/2011
Mensagens : 388
Pontos Ativos : 603 -
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
GitHub
» Bug ao Editar Tópico que contém a palavra "vezes"
» Mudar página inicial do fórum
» Ajuda com erro na formatação de mensagens do tópico
» Problema de com aparência dos fóruns e sub fóruns
» Ficha de personagem "invisível"
» Remover Legenda dos Botões do Menu