InícioSeu primeiro tópico
Página 1 de 1
Seu primeiro tópico
por Fate Sex Jan 30, 2015 2:40 pm
Antes de começar a administração do seu fόrum, leia com atenção as seguintes informações:
Como acessar o painel de controle ?
No menu acima, clique em conexão, uma nova página será aberta. Indique o seu nome de usuário « admin » e a senha que você criou quando se registrou. Se você esqueceu a sua senha, clique aqui. Uma vez conectado, clique em « Painel de controle » no final da página.
Como modificar a aparência do seu fόrum ?
Você pode modificar a aparência do seu fόrum selecionando um tema (cada tema exibe imagens, ícones ou cores diferentes). Para isso, em seu painel de controle, escolha a aba Temas, em seguida ' Gestão' e por último selecione um tema de cada vez, entre os temas propostos. Você poderá realizar quantas modificações quiser ou escolher um outro tema.
Você pode ainda importar temas diretamente do site www.pt.Hitskin.com
Como gerenciar as categorias e os fόruns?
Você pode adicionar, modificar e excluir as categorias e os fόruns que você criou a qualquer momento e quantas vezes quiser. Para isso, em seu painel de controle, selecione a aba Fórum, e na parte Gestão, Categorias e Fóruns, clique em adicionar para criar uma categoria, um fórum ou sub-fórum.
Como acessar o painel de controle ?
No menu acima, clique em conexão, uma nova página será aberta. Indique o seu nome de usuário « admin » e a senha que você criou quando se registrou. Se você esqueceu a sua senha, clique aqui. Uma vez conectado, clique em « Painel de controle » no final da página.
Como modificar a aparência do seu fόrum ?
Você pode modificar a aparência do seu fόrum selecionando um tema (cada tema exibe imagens, ícones ou cores diferentes). Para isso, em seu painel de controle, escolha a aba Temas, em seguida ' Gestão' e por último selecione um tema de cada vez, entre os temas propostos. Você poderá realizar quantas modificações quiser ou escolher um outro tema.
Você pode ainda importar temas diretamente do site www.pt.Hitskin.com
Como gerenciar as categorias e os fόruns?
Você pode adicionar, modificar e excluir as categorias e os fόruns que você criou a qualquer momento e quantas vezes quiser. Para isso, em seu painel de controle, selecione a aba Fórum, e na parte Gestão, Categorias e Fóruns, clique em adicionar para criar uma categoria, um fórum ou sub-fórum.
Fate- Entities
- Mensagens : 6
Data de inscrição : 30/01/2015 -
Re: Seu primeiro tópico
por Fate Sáb Jan 31, 2015 1:55 pm
OUTRO TABLON:
- Código:
<div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><style type="text/css">div::-webkit-scrollbar { height: 32px; width: 4px; background: transparent; } div::-webkit-scrollbar-thumb { background: #1d263e; } div::-webkit-scrollbar-track { background: transparent; } div::-webkit-scrollbar-button { background: transparente; }
</style>
<center>
<table cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td>
<div id="mirrors">
Menu
</div>
<div style="background: #1d263e; width: 195px; height: 275px; padding:15px;">
<table cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
<tr>
<td>
<div id="finales">
teste
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div id="mirrors">
Informações
</div>
<div style="background: #1d263e; width: 205px; height: 285px; padding:10px;">
<table cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td>
<div id="hushush">
<div style="width: 175px; height: 66px; padding:5px;overflow: auto; color:#ffffff">
<div id="hushhush">
Um Titulo legal aqui
</div><br> teste essa coisa linda teste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa linda teste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa linda
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="hushush">
<div style="width: 175px; height: 66px; padding:5px;overflow: auto; color:#ffffff">
<div id="hushhush">
Um Titulo legal aqui
</div><br> teste essa coisa linda teste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa linda teste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa linda
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="hushush">
<div style="width: 175px; height: 66px; padding:5px;overflow: auto; color:#ffffff">
<div id="hushhush">
Um Titulo legal aqui
</div><br> teste essa coisa linda teste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa linda teste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa lindateste essa coisa linda
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div id="mirrors">
Membro do Mês
</div>
<div style="background: #1d263e ; width: 195px; height: 275px; padding:15px;">
<div id="mebmes">
<div id="mebmes2">
<br><strong>Nome:</strong> Resposta Aqui<br><strong>Raça: </strong>Resposta Aqui<br><strong>Rank:</strong>Resposta Aqui<br><br><strong>O que lhe tornou membro do Mês:</strong> Resposta aqui.
</div>
</div>
</div>
</td>
<td>
<div id="mirrors">
Bem-Vindos
</div>
<div style="background:#1d263e; width: 195px; height: 275px; padding:15px; overflow: auto; color:#ffffff; text-align: justify; letter-spacing:2px; font-size: 10px; font-family: Open Sans Condensed; font-weight: 700; line-height:110%;">
Olá, meu caro ou minha cara! Seja muito bem-vindo(a) ao Hush Hush RPG. Este RPG é baseado na saga de livros da escritora americana Becca Fitzpatrick que leva o mesmo nome do nosso fórum – com exceção da parte do RPG. Leia com atenção as Regras e o Sistema de Jogo para que possa se informar. Qualquer dúvida, é só falar com um administrador ou moderador e ficaremos felizes de poder te ajudar. Faça amigos, alguns inimigos, divirta-se, emocione-se e viva a emoção e as aflições que este mundo pode trazer. E mantenha o olho aberto, perigos e surpresas sempre estão à espreita. Nos vemos todos por aí!
</div>
</td>
</tr>
</tbody>
</table>
<table cellspacing="5" cellpadding="0">
<tbody>
<tr>
<td>
<div id="mirrors2">
moderadores
</div>
<div style="background:#1d263e; width: 435px; height: 110px; padding:10px;">
<table cellspacing="5" cellpadding="5">
<tbody>
<tr>
<td>
<div id="mary">
<div id="mary2">
</div>
</div>
</td>
<td>
<div id="hanna">
<div id="hanna2">
</div>
</div>
</td>
<td>
<div id="tim">
<div id="tim2">
</div>
</div>
</td>
<td>
<div id="aaron">
<div id="aaron2">
</div>
</div>
</td>
<td>
<div id="nich">
<div id="nich2">
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="miranda">
<div id="miranda2">
</div>
</div>
</td>
<td>
<div id="miranda">
<div id="miranda2">
</div>
</div>
</td>
<td>
<div id="miranda">
<div id="miranda2">
</div>
</div>
</td>
<td>
<div id="miranda">
<div id="miranda2">
</div>
</div>
</td>
<td>
<div id="miranda">
<div id="miranda2">
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td>
<div id="mirrors2">
staff
</div>
<div style="background:#1d263e; width:435px; height: 110px; padding:10px;">
<table cellspacing="5" cellpadding="0">
<tbody>
<tr>
<td>
<div id="sussurro">
<div id="sussurro2">
</div>
</div>
</td>
<td>
<div id="crescendo">
<div id="crescendo2">
</div>
</div>
</td>
<td>
<div id="silence">
<div id="silence2">
</div>
</div>
</td>
<td>
<div id="finale">
<div id="finale2">
</div>
</div>
</td>
<td>
<div id="tempest">
<div id="tempest2">
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</center></div><span class="corners-bottom"><span></span></span></div></div>
- Código:
.panel {
background-color: #000;
color: #6e6e6e;
margin-bottom: 4px;
padding: 0 10px;
}
#mirrors {
background: #121726;
border-bottom: 1px solid #916d15;
color: #fff;
font-family: Droid Serif;
font-size: 15px;
font-weight: 700;
height: 20px;
letter-spacing: 3px;
padding: 5px;
text-align: center;
text-shadow: 2px 2px 0 #121726, 3px 3px #000000, 4px 4px 4px #121726;
text-transform: lowercase;
width: 215px;
}
#finales {
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
-webkit-transition-duration: 1s;
background: url(http://i.imgur.com/TUp4dzS.png);
color: #121726;
font-family: PT Sans Narrow;
font-size: 10px;
font-weight: 700;
height: 12px;
letter-spacing: 3px;
padding: 5px;
text-align: center;
text-shadow: 1px 1px 0 #fff;
text-transform: uppercase;
width: 185px;
}
#mirrors2 {
background: #121726;
border-bottom: 1px solid #916d15;
color: #fff;
font-family: Droid Serif;
font-size: 15px;
font-weight: 700;
height: 20px;
letter-spacing: 3px;
padding: 5px;
text-align: center;
text-shadow: 2px 2px 0 #121726, 3px 3px #000000, 4px 4px 4px #121726;
text-transform: lowercase;
width: 445px;
}
#mary {
background: url(http://i.imgur.com/H4FcEUS.png);
border: 1px solid #121726;
height: 47px;
width: 79px;
}
#hanna {
background: url(http://i.imgur.com/fiKW9pe.png);
border: 1px solid #121726;
height: 47px;
width: 79px;
}
#tim {
background: url(http://i.imgur.com/1wlrtho.png);
border: 1px solid #121726;
height: 47px;
width: 79px;
}
#aaron {
background: url(http://i.imgur.com/94niNVt.png);
border: 1px solid #121726;
height: 47px;
width: 79px;
}
#nich {
background: url(http://i.imgur.com/f9879fc.png);
border: 1px solid #121726;
height: 47px;
width: 79px;
}
#nich2 {
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: url(http://i.imgur.com/qsFOgQq.png);
display: block;
height: 37px;
line-height: 20px;
opacity: 0;
padding: 5px;
position: relative;
top: 0;
transition: all 300ms ease;
width: 69px;
}
#aaron2 {
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: url(http://i.imgur.com/qsFOgQq.png);
display: block;
height: 37px;
line-height: 20px;
opacity: 0;
padding: 5px;
position: relative;
top: 0;
transition: all 300ms ease;
width: 69px;
}
#tim2 {
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: url(http://i.imgur.com/qsFOgQq.png);
display: block;
height: 37px;
line-height: 20px;
opacity: 0;
padding: 5px;
position: relative;
top: 0;
transition: all 300ms ease;
width: 69px;
}
#hanna2 {
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: url(http://i.imgur.com/qsFOgQq.png);
display: block;
height: 37px;
line-height: 20px;
opacity: 0;
padding: 5px;
position: relative;
top: 0;
transition: all 300ms ease;
width: 69px;
}
#mary2 {
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: url(http://i.imgur.com/qsFOgQq.png);
display: block;
height: 37px;
line-height: 20px;
opacity: 0;
padding: 5px;
position: relative;
top: 0;
transition: all 300ms ease;
width: 69px;
}
#miranda {
background: url(http://i.imgur.com/BjVqG8U.png);
border: 1px solid #121726;
height: 47px;
width: 79px;
}
#miranda2 {
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: url(http://i.imgur.com/qsFOgQq.png);
display: block;
height: 37px;
line-height: 20px;
opacity: 0;
padding: 5px;
position: relative;
top: 0;
transition: all 300ms ease;
width: 69px;
}
#hushush {
background: url(http://i.imgur.com/TUp4dzS.png);
font-family: tahoma;
font-size: 9px;
height: 78px;
letter-spacing: 1px;
line-height: 110%;
padding: 5px;
text-align: justify;
width: 185px;
}
#hushhush {
border-bottom: 1px solid #fff;
color: #fff;
font-family: PT Sans Narrow!important;
font-size: 9px;
font-weight: 700;
letter-spacing: 3px;
padding: 2px;
text-align: justify;
text-transform: uppercase;
width: 165px;
}
#mebmes {
background: url(http://i.imgur.com/ky7TaRG.png);
fonte-size: 16px;
height: 275px;
position: relative;
width: 195px;
}
#mebmes2 {
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
background: url(http://i.imgur.com/qsFOgQq.png);
color: #121726;
display: block;
font-family: Open Sans Condensed;
font-size: 13px;
font-weight: 800;
height: 265px;
letter-spacing: 1px;
line-height: 110%;
opacity: 0;
padding: 5px;
position: relative;
text-align: justify;
top: 0;
transition: all 300ms ease;
width: 185px;
}
Última edição por Fate em Sáb Jan 31, 2015 2:09 pm, editado 2 vez(es)
Fate- Entities
- Mensagens : 6
Data de inscrição : 30/01/2015 -
Re: Seu primeiro tópico
por Fate Sáb Jan 31, 2015 2:02 pm
OUIUIOIU
Última edição por Fate em Sáb Jan 31, 2015 2:04 pm, editado 1 vez(es)
Fate- Entities
- Mensagens : 6
Data de inscrição : 30/01/2015 -
Re: Seu primeiro tópico
por Fate Sáb Jan 31, 2015 2:03 pm
TABLON COM NOME HOVER
- Código:
<div class="titleta">
<div style="color: #fff; font: 32px Raleway;font-weight: 900;text-align: center;letter-spacing: 1px;margin-top: -15px;">
THE VAMPIRE DIARIES
</div>
<div style="color: #fff; font: 10px calibri;font-weight: 900;text-align: center;letter-spacing: 1px;margin-top: -5px; text-transform: uppercase; letter-spacing: 3px;">
the RPG ─ a new generation, a story.
</div>
</div>
- Código:
/* TABLÓN 3 */
.gossipdivs .gossipimage{
-moz-filter:blur(0px);
-moz-transition:all 1.2s ease-in-out;
-ms-filter:blur(0px);-o-filter:blur(0px);
-o-transition:all 1.2s ease-in-out;
-webkit-filter:blur(0px);
-webkit-transition:all 1.2s ease-in-out
}
.gossipdivs .gossipinformation{
-moz-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
margin-left:407px
}
.gossipdivs:hover .gossipimage{
-moz-filter:blur(2px);
-moz-transition:all 1.2s ease-in-out;
-ms-filter:blur(2px);
-o-filter:blur(2px);
-o-transition:all 1.2s ease-in-out;
-webkit-filter:blur(2px);
-webkit-transition:all 1.2s ease-in-out
}
.gossipdivs:hover .gossipinformation{
-moz-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
margin-left:0
}
.awardsdivs{
-moz-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
overflow:hidden
}
.awardsdivs .awardsimage{
-moz-filter:blur(0px);
-moz-transition:all 1.2s ease-in-out;
-ms-filter:blur(0px);
-o-filter:blur(0px);
-o-transition:all 1.2s ease-in-out;
-webkit-filter:blur(0px);
-webkit-transition:all 1.2s ease-in-out
}
.awardsdivs .awardsinformation{
-moz-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
margin-left:395px
}
.awardsdivs:hover .awardsimage{
-moz-filter:blur(2px);
-moz-transition:all 1.2s ease-in-out;
-ms-filter:blur(2px);
-o-filter:blur(2px);
-o-transition:all 1.2s ease-in-out;
-webkit-filter:blur(2px);
-webkit-transition:all 1.2s ease-in-out
}
.awardsdivs:hover .awardsinformation{
-moz-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
margin-left:0
}
.gossipdivs {
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
overflow: hidden;
}
.blockthree {
bottom: 120px;
left: 25px;
position: fixed;
}
.blocktwo {
bottom: 190px;
left: 25px;
position: fixed;
}
.staff {
width: 50px;
margin-right: 1px;
height: 30px;
padding: 5px;
text-align: center;
transition: 1s all;
-moz-transition: 1s all;
-o-transition: 1s all;
-webkit-transition: 1s all;
transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
-webkit-transform: rotateZ(-45deg);
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 100;
src: local('Raleway Thin'), local('Raleway-Thin'), url(http://fonts.gstatic.com/s/raleway/v9/RJMlAoFXXQEzZoMSUteGWFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.plot2, .plot3 {
color: white;
margin-top: -20px;
background-color: rgba(0,0,0,0);
padding: 5px 2px;
margin-bottom: 0px;
transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
font: 9px Montserrat;
letter-spacing: 1px;
}
.staff:hover, .staff2:hover {
transition: 1s all;
-moz-transition: 1s all;
-o-transition: 1s all;
-webkit-transition: 1s all;
}
.staff:hover a, .staff2:hover a {
transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
-webkit-transform: rotateX(360deg);
}
.staff a, .staff2 a {
font: 16px Montserrat;
text-transform: uppercase;
text-align: center;
color: #fafafa;
transition: 1s all;
-moz-transition: 1s all;
-o-transition: 1s all;
-webkit-transition: 1s all;
}
.infodof {
width: 897px;
padding: 15px;
height: 120px;
background-color: #373943;
margin-left: 0px;
margin-top: 2px;
margin-bottom: -84px;
position: relative;
z-index: 2;
background: top url(http://i.imgur.com/nGGs3jA.png);
}
.casag {
border-bottom: 2px solid #C6736A;
}
.casah {
border-bottom: 2px solid #C9D957;
}
.casar {
border-bottom: 2px solid #849EB3;
}
.casas {
border-bottom: 2px solid #84B386;
}
.casag, .casah, .casar, .casas {
color: white;
font: 9px lato;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 5px;
width: 120px;
}
.calen a {
display: block;
color: #fff!important;
font: 9px 'Montserrat';
text-transform: uppercase;
letter-spacing: 2px;
padding: 0px 4px;
width: 288px;
margin-top: 12px;
}
.dataa {
width: 295px;
margin-left: -28px;
height: 80px;
color: #fff;
font: 24px Raleway;
font-weight: 900;
text-align: center;
letter-spacing: 1px;
margin-top: -15px;
}
.deslink {
width: 345px;
text-align: center;
line-height: 150%;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #969696;
text-transform: uppercase;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
}
.deslink a {
width: 345px;
text-align: center;
line-height: 150%;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
font-family: calibri;
font-size: 10px;
font-weight: bold;
color: #000;
text-transform: uppercase;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
}
/*TABLÓN 2*/
.titleta {
width: 945px;
height: 100px;
margin-top: -177px;
opacity: 0;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
position: relative;
}
.titleta:hover {
width: 945px;
height: 100px;
margin-top: -177px;
opacity: 1;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
position: relative;
}
Fate- Entities
- Mensagens : 6
Data de inscrição : 30/01/2015 -
Re: Seu primeiro tópico
por Fate Sáb Jan 31, 2015 3:14 pm
- Código:
<div class="titleta">
<div style="color: #fff; font: 32px Raleway;font-weight: 900;text-align: center;letter-spacing: 1px;margin-top: -15px;">
THE VAMPIRE DIARIES
</div>
<div style="color: #fff; font: 10px calibri;font-weight: 900;text-align: center;letter-spacing: 1px;margin-top: -5px; text-transform: uppercase; letter-spacing: 3px;">
the RPG ─ a new generation, a story.
</div>
</div>
<div class="infodof">
<div style="background-color: rgba(0,0,0,0.0); height: 115px; padding: 5px;">
<link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css" />
<table>
<tbody>
<tr>
<td>
<div style="height: 57px; padding-top: 23px; margin-right: 15px; margin-left: 15px; width: 170px;">
<center>
<table style="margin-top: -40px; margin-bottom: -3px;">
<tbody>
<tr>
<td>
<div class="plot2">
<a href="/" style="color: white;"> </a>
</div><br />
<div class="plot2">
<br /><a href="/f45-jogabilidade" style="color: white;">REGRAS</a>
</div><br />
<div class="plot2">
<a href="/f49-registros" style="color: white;">REGISTROS</a>
</div><br />
<div class="plot2">
<a href="/f50-mural-de-avisos" style="color: white;">MURAL<br /> DE AVISOS</a>
</div>
</td>
<td>
<div style="width: 1px; height: 70px; background-color: #eee; margin-left: 5px; margin-right: 5px;">
</div>
</td>
<td>
<div class="plot3">
<a href="/" style="color: white;"> </a>
</div><br />
<div class="plot3">
<br /><a href="/f47-suporte" style="color: white;">SUPORTE</a>
</div><br />
<div class="plot3">
<a href="/f46-chapeu-seletor" style="color: white;">SELEÇÃO</a>
</div><br />
<div class="plot3">
<a href="/f48-cargos-e-grupos" style="color: white;">CARGOS<br /> E GRUPOS</a>
</div>
</td>
</tr>
</tbody>
</table><br />
</center>
</div>
</td>
<td>
<div class="dataa">
<center>
<br/>JAN 24<br /><br>FEV 24<br /><br><strong><span style="font-size: 14px;">2 0 1 5</span></strong>
</center>
</div>
</td>
<td>
<div style="margin-left: -10px; height: 80px; margin-top: -50px;">
<br />
<div style="font: 10px Raleway; font-weight: 900; letter-spacing: 3px; color: white;">
A FASE DA LUA
</div>
<img src="http://i.imgur.com/tZharKc.png" />
</div>
</td>
<td>
<div style="height: 73px; margin-left: 40px; padding-top: 10px;">
<br />
<table>
<tbody>
<tr>
<td>
<div class="staff">
<a href="/u1">MORS</a>
</div>
</td>
<td>
<div class="staff">
<a href="/u2">AVADA</a>
</div>
</td>
<td>
<div class="staff">
<a href="/u12">CRUCIO</a>
</div>
</td>
<td>
<div class="staff">
<a href="/u11">IMPERIO</a>
</div>
</td>
</tr>
</tbody>
</table><br />
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div><br /><br /><br />
Fate- Entities
- Mensagens : 6
Data de inscrição : 30/01/2015 -
Re: Seu primeiro tópico
por Fate Sáb Jan 31, 2015 5:09 pm
- Código:
ul.navlinks {
-moz-transition: all .6s linear 0;
-webkit-transition: all .6s linear 0;
background-color: #090909;
display: block;
font-wieght: normal;
height: 10px;
left: -.1%;
padding-bottom: 14px;
padding-top: 5px;
position: fixed;
text-align: center;
top: -.5%;
width: 101%;
z-index: 998;
}
MENU FIXO
Fate- Entities
- Mensagens : 6
Data de inscrição : 30/01/2015 -
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos|
|
|