Seu primeiro tópico
2 participantes
Página 1 de 1
Seu primeiro tópico
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.
Re: Seu primeiro tópico
room dance
post post post post post post post post "post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post post
Última edição por clarissa kardashian mavor em Seg Jan 20, 2014 6:55 pm, editado 6 vez(es)
Convidado- Convidado
Re: Seu primeiro tópico
Re: Seu primeiro tópico
Re: Seu primeiro tópico
Re: Seu primeiro tópico
- Code de profile, Insta.:
- Código:
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900' rel='stylesheet' type='text/css'><link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://nevermore.b1.jcink.com/uploads/nevermore/novocaine.css"><style type="text/css">#emily-insta .novocaineh1 a, #emily-insta .novocaineh1 i, #emily-insta .novocaine3 i, #emily-insta .novocaine3b a { color: #AC405E; }</style><center><div id="emily-insta"><div class="novocaineh"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaineh1"><a href="http://shine.jcink.net/index.php?showuser=3019"><i class="fa fa-home"></i></a></div></td><td><div class="novocaineh2"><i class="fa fa-instagram"></i></div></td><td><div class="novocaineh3"><img src="https://40.media.tumblr.com/0da2055a2c0233f8460bcf85739bdf24/tumblr_nssfo7V7w81unxj1qo3_250.png"></div></td></tr></table></div><div class="novocaine1"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaine2"><img src="https://40.media.tumblr.com/0da2055a2c0233f8460bcf85739bdf24/tumblr_nssfo7V7w81unxj1qo3_250.png"><div class="novocaine3"><b>Emily Garcia</b><i>@emnem</i><div class="novocaine3a"> Don’t let her fool you – this is really Abby’s Instagram.</div></div><div class="novocaine3b">hemlock, ny • <a href="">website</a></div></div><div class="novocaine3c"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaine3d"><b>237</b>followers</div></td><td><div class="novocaine3d"><b>452</b>following</div></td></tr></table></div></td><td><div class="novocaine4"><div class="novocaine4a"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="novocaine4b">440 posts</div></td><td><div class="novocaine4c"><i class="ionicons ion-grid"></i><i class="ionicons ion-navicon-round"></i></div></td></tr></table></div><img src="https://36.media.tumblr.com/f37054d2f34fe72cb521d666ecbd3cfc/tumblr_nujdgeLtAl1u457hyo4_250.png"><img src="https://scontent.cdninstagram.com/hphotos-xfa1/t51.2885-15/s320x320/e15/11910038_1496572400663261_1890920881_n.jpg"><img src="http://i.imgur.com/MBlgZfl.jpg"><img src="http://images6.fanpop.com/image/photos/34200000/Jared-jared-padalecki-34270352-612-612.jpg"><img src="https://41.media.tumblr.com/08f5305490bbdd07689719e090ffbe34/tumblr_nrx7swUsVv1u9ba7yo7_250.png"><img src="https://scontent.cdninstagram.com/hphotos-xaf1/t51.2885-15/e15/11261383_392335424293372_1286950807_n.jpg"></div></td></tr></table></div></div></center>
Hanna Mensdorff McCain- Mensagens : 6
Data de inscrição : 30/12/2014
Re: Seu primeiro tópico
- Code de postagem, insta. :
- Código:
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900' rel='stylesheet' type='text/css'><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://nevermore.b1.jcink.com/uploads/nevermore/novocaine.css"><style type="text/css">#emily-insta .abaph1 a, #emily-insta .abaph1 i, #emily-insta .abaph3 i, #emily-insta .abap2b i, #emily-insta .abap2d b, #emily-insta .abap2e b { color: #AC405E }</style><center><div id="emily-insta"><div class="abaph"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="abaph1"><a href="http://shine.jcink.net/index.php?showuser=3019"><i class="fa fa-home"></i></a></div></td><td><div class="abaph2"><i class="fa fa-instagram"></i></div></td><td><div class="abaph3"><i class="fa fa-ellipsis-h"></i></div></td></tr></table></div><div class="abap1" style="background-image: url(https://scontent.cdninstagram.com/hphotos-xap1/t51.2885-15/e15/10914306_1542986189310670_119952046_n.jpg);"></div><div class="abap2"><div class="abap2a"><table cellpadding="0" cellspacing="0"><tr valign="middle"><td><div class="abap2b"><b>Emily Garcia</b><i>@emnem</i></div></td><td><div class="abap2c"><img src="https://40.media.tumblr.com/0da2055a2c0233f8460bcf85739bdf24/tumblr_nssfo7V7w81unxj1qo3_250.png"></div></td><td><div class="abap2d"><i class="fa fa-map-marker"></i> hemlock, ny<b>just now</b></div></td></tr></table></div><div class="abap2e">my mom right before she fell u guys!!!</div></div></div></center>
Hanna Mensdorff McCain- Mensagens : 6
Data de inscrição : 30/12/2014
Re: Seu primeiro tópico
- Spoiler:
- Código:
<div align="center"><div class="splice"><table cellpadding="0" cellspacing="0"><tr><td><div class="firstsplice"><h1>THE whatever <b>24 // female // occupation</b></h1><img src="http://placehold.it/300x400"><div class="thesplice">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
Vestibulum interdum lacinia augue, non condimentum lectus tempus ut. Donec tellus nibh, facilisis ut nunc eget, dapibus cursus justo. Aenean non rhoncus leo. Sed ultrices euismod semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac commodo urna, vel viverra odio. Vivamus non pretium neque. Sed mollis justo metus, non venenatis nisl sodales quis. Quisque non consectetur orci. Proin facilisis eu magna sed commodo. Maecenas vitae ex condimentum, mollis lacus vitae, mollis tellus.
In turpis tortor, suscipit sit amet laoreet eget, congue at lorem. Aenean semper laoreet ex, et porttitor nisl malesuada vel. Vestibulum dapibus, tellus quis imperdiet hendrerit, sapien diam ornare ipsum, at eleifend ante sem non dolor. Praesent non euismod metus, eu laoreet elit. Vestibulum vel posuere elit. Nullam tellus augue, eleifend non hendrerit ac, molestie id erat. Suspendisse potenti. Nulla condimentum ac elit nec vulputate. Nam porta a urna nec rhoncus. Morbi pharetra ut dolor sed laoreet. Donec dolor lectus, porttitor ac aliquet a, viverra non arcu. Proin ullamcorper pretium purus ac dapibus.
Nam erat tellus, venenatis eu imperdiet sed, lobortis maximus quam. Nulla eros augue, feugiat eu dictum vitae, dictum sed velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque efficitur ullamcorper lorem id ornare. Praesent gravida consequat sodales. Praesent malesuada lorem at aliquam rutrum. Vestibulum viverra elementum est, non pellentesque odio mollis a. Nunc ex purus, pretium vel mauris vitae, faucibus luctus augue. Sed mi quam, sagittis aliquet placerat id, tempor a ipsum. Vestibulum venenatis nec elit porta varius. Maecenas sed fermentum ligula. Pellentesque a metus in dolor malesuada dictum. Vestibulum luctus tellus ut mi imperdiet, et tempor nunc egestas. Nam a nisl rhoncus orci faucibus pharetra. Vivamus tempus lacus vitae tellus viverra bland.
</div></div></td><td><div class="secondsplice"><h1>THE whatever <b>24 // female // occupation</b></h1><img src="http://placehold.it/300x400"><div class="thesplice">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
</div></div></td><td><div class="thirdsplice"><h1>THE whatever <b>24 // female // occupation</b></h1><img src="http://placehold.it/300x400"><div class="thesplice">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
Vestibulum interdum lacinia augue, non condimentum lectus tempus ut. Donec tellus nibh, facilisis ut nunc eget, dapibus cursus justo. Aenean non rhoncus leo. Sed ultrices euismod semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac commodo urna, vel viverra odio. Vivamus non pretium neque. Sed mollis justo metus, non venenatis nisl sodales quis. Quisque non consectetur orci. Proin facilisis eu magna sed commodo. Maecenas vitae ex condimentum, mollis lacus vitae, mollis tellus.
In turpis tortor, suscipit sit amet laoreet eget, congue at lorem. Aenean semper laoreet ex, et porttitor nisl malesuada vel. Vestibulum dapibus, tellus quis imperdiet hendrerit, sapien diam ornare ipsum, at eleifend ante sem non dolor. Praesent non euismod metus, eu laoreet elit. Vestibulum vel posuere elit. Nullam tellus augue, eleifend non hendrerit ac, molestie id erat. Suspendisse potenti. Nulla condimentum ac elit nec vulputate. Nam porta a urna nec rhoncus. Morbi pharetra ut dolor sed laoreet. Donec dolor lectus, porttitor ac aliquet a, viverra non arcu. Proin ullamcorper pretium purus ac dapibus.
Nam erat tellus, venenatis eu imperdiet sed, lobortis maximus quam. Nulla eros augue, feugiat eu dictum vitae, dictum sed velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque efficitur ullamcorper lorem id ornare. Praesent gravida consequat sodales. Praesent malesuada lorem at aliquam rutrum. Vestibulum viverra elementum est, non pellentesque odio mollis a. Nunc ex purus, pretium vel mauris vitae, faucibus luctus augue. Sed mi quam, sagittis aliquet placerat id, tempor a ipsum. Vestibulum venenatis nec elit porta varius. Maecenas sed fermentum ligula. Pellentesque a metus in dolor malesuada dictum. Vestibulum luctus tellus ut mi imperdiet, et tempor nunc egestas. Nam a nisl rhoncus orci faucibus pharetra. Vivamus tempus lacus vitae tellus viverra bland.
</div></div></td><td><div class="fourthsplice"><h1>THE whatever <b>24 // female // occupation</b></h1><img src="http://placehold.it/300x400"><div class="thesplice">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt ornare sapien vitae lacinia. Nullam pharetra urna non turpis aliquet pellentesque. Vivamus ut urna quis ex convallis eleifend. Quisque luctus congue arcu vitae bibendum. Maecenas hendrerit, est eu tristique semper, arcu lorem tincidunt nisi, eleifend congue tortor est vel nisi. Quisque ut augue nec felis congue euismod. Donec pretium, justo at pulvinar malesuada, mauris risus finibus tellus, nec sollicitudin enim dui a felis. Sed finibus eros in mi lobortis, fringilla cursus nulla interdum.
Maecenas porta mattis elit at congue. Fusce imperdiet cursus posuere. Phasellus semper ante tempor mi ultrices tempor. Maecenas pulvinar congue lacus. Nunc fringilla neque metus, a lacinia nunc sollicitudin a. Fusce sed pellentesque diam. Curabitur augue arcu, pretium eu convallis in, congue nec elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et dui lacinia, sollicitudin velit sit amet, fermentum nunc. Pellentesque vel nisl vitae sapien blandit pulvinar. Pellentesque ut diam sit amet felis lacinia tincidunt vel a elit.
Vestibulum interdum lacinia augue, non condimentum lectus tempus ut. Donec tellus nibh, facilisis ut nunc eget, dapibus cursus justo. Aenean non rhoncus leo. Sed ultrices euismod semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam ac commodo urna, vel viverra odio. Vivamus non pretium neque. Sed mollis justo metus, non venenatis nisl sodales quis. Quisque non consectetur orci. Proin facilisis eu magna sed commodo. Maecenas vitae ex condimentum, mollis lacus vitae, mollis tellus.
</div></div></td></tr></table></div></div><style>.splice { width: 500px; height: 400px; color: #111; margin-top: 17px; } .splice .firstsplice { width: 125px; height: 400px; background-color: #A668AD; position: relative; overflow: hidden; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .firstsplice h1 { margin: 0px; padding: 0px; border: 0px; width: 200px; height: 30px; line-height: 30px; overflow: hidden; background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; color: #222; text-align: left; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 270px; left: -90px; z-index: 2; font-family: 'Open Sans', sans serif; font-weight: 800; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .firstsplice img { height: 400px; width: auto; position: absolute; top: 0px; left: 0px; opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-webkit-transition-delay: 0.4s; } .splice .firstsplice .thesplice { width: 316px; height: 370px; border: 10px solid #fff;padding: 0px 1px 0px 1px; overflow: auto; line-height: 12px; font-weight: 400; font-size: 9px; font-family: 'Open Sans', sans serif; text-align: justify; opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color: #fff; position: absolute; top: 5px; left: 40px; z-index: 2; } .splice:hover .firstsplice { width: 40px; } .splice:hover .firstsplice:hover { width: 384px; } .splice:hover .firstsplice:hover h1 { width: 370px; position: absolute; top: 185px; left: -175px; } .splice:hover .firstsplice:hover img { opacity: 0; transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s; } .splice:hover .firstsplice:hover .thesplice { opacity: 1; } .thesplice::-webkit-scrollbar { width: 15px; background: #fff; } .thesplice::-webkit-scrollbar-track { border: 0px; background-color: #666; border: 2px solid #fff; border-left: 12px solid #fff; } .thesplice::-webkit-scrollbar-thumb {border: 0px; background-color: #555; border-left: 10px solid #fff } .splice .secondsplice { width: 126px; margin-left: -1px; height: 400px; background-color: #FEA8FF; position: relative; overflow: hidden; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .secondsplice h1 { margin: 0px; padding: 0px; border: 0px; width: 200px; height: 30px; line-height: 30px; background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; color: #222; text-align: left; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 270px; left: -90px; z-index: 2; font-family: 'Open Sans', sans serif; font-weight: 800; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .secondsplice img { height: 400px; width: auto; position: absolute; top: 0px; left: 0px; opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-webkit-transition-delay: 0.4s; } .splice .secondsplice .thesplice { width: 316px; height: 370px; border: 10px solid #fff;padding: 0px 1px 0px 1px; overflow: auto; line-height: 12px; font-weight: 400; font-size: 9px; font-family: 'Open Sans', sans serif; text-align: justify; opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color: #fff; position: absolute; top: 5px; left: 40px; z-index: 2; } .splice:hover .secondsplice { width: 40px; } .splice:hover .secondsplice:hover { width: 384px; } .splice:hover .secondsplice:hover h1 { width: 370px; position: absolute; top: 185px; left: -175px; } .splice:hover .secondsplice:hover img { opacity: 0; transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s; } .splice:hover .secondsplice:hover .thesplice { opacity: 1; } .splice .thirdsplice { width: 126px; margin-left: -1px; height: 400px; background-color: #FCE2D7; position: relative; overflow: hidden; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .thirdsplice h1 { margin: 0px; padding: 0px; border: 0px; width: 200px; height: 30px; line-height: 30px; background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; color: #222; text-align: left; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 270px; left: -90px; z-index: 2; font-family: 'Open Sans', sans serif; font-weight: 800; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .thirdsplice img { height: 400px; width: auto; position: absolute; top: 0px; left: 0px; opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-webkit-transition-delay: 0.4s; } .splice .thirdsplice .thesplice { width: 316px; height: 370px; border: 10px solid #fff; padding: 0px 1px 0px 1px; overflow: auto; line-height: 12px; font-weight: 400; font-size: 9px; font-family: 'Open Sans', sans serif; text-align: justify; opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color: #fff; position: absolute; top: 5px; left: 40px; z-index: 2; } .splice:hover .thirdsplice { width: 40px; } .splice:hover .thirdsplice:hover { width: 384px; } .splice:hover .thirdsplice:hover h1 { width: 370px; position: absolute; top: 185px; left: -175px; } .splice:hover .thirdsplice:hover img { opacity: 0; transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s; } .splice:hover .thirdsplice:hover .thesplice { opacity: 1; } .splice .fourthsplice { width: 126px; margin-left: -1px; height: 400px; background-color: #AFD2E3; position: relative; overflow: hidden; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .fourthsplice h1 { margin: 0px; padding: 0px; border: 0px; width: 200px; height: 30px; line-height: 30px; background-color: #fff; border-left: 10px solid #fff; border-right: 10px solid #fff; color: #222; text-align: left; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 270px; left: -90px; z-index: 2; font-family: 'Open Sans', sans serif; font-weight: 800; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .splice .fourthsplice img { height: 400px; width: auto; position: absolute; top: 0px; left: 0px; opacity: 0.7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; transition-delay: 0.4s;-moz-transition-delay: 0.4s;-o-transition-delay: 0.4s;-webkit-transition-delay: 0.4s; } .splice .fourthsplice .thesplice { width: 316px; height: 370px; border: 10px solid #fff;padding: 0px 1px 0px 1px; overflow: auto; line-height: 12px; font-weight: 400; font-size: 9px; font-family: 'Open Sans', sans serif; text-align: justify; opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color: #fff; position: absolute; top: 5px; left: 40px; z-index: 2; } .splice:hover .fourthsplice { width: 40px; } .splice:hover .fourthsplice:hover { width: 384px; } .splice:hover .fourthsplice:hover h1 { width: 370px; position: absolute; top: 185px; left: -175px; } .splice:hover .fourthsplice:hover img { opacity: 0; transition-delay: 0s;-moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s; } .splice:hover .fourthsplice:hover .thesplice { opacity: 1; } .splice .firstsplice h1 b, .splice .secondsplice h1 b, .splice .thirdsplice h1 b, .splice .fourthsplice h1 b { opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; padding-left: 10px; color: #444; font-weight: 800; } .splice:hover .firstsplice:hover b, .splice:hover .secondsplice:hover b, .splice:hover .thirdsplice:hover b, .splice:hover .fourthsplice:hover b { opacity: 1; }</style><link href='https://fonts.googleapis.com/css?family=Open+Sans:800,400' rel='stylesheet' type='text/css'><div style="width: 500px; margin: 0px auto 17px;"><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=32485">♡</a></div>
Hanna Mensdorff McCain- Mensagens : 6
Data de inscrição : 30/12/2014
Re: Seu primeiro tópico
—
Hanna Grey está no quarto especial, com seu namorado, festejando seu aniversário. Ela esta usando isto e performou isto aqui! Pelo menos tentou, né.
Hanna Mensdorff McCain- Mensagens : 6
Data de inscrição : 30/12/2014
Re: Seu primeiro tópico
- perfil tt:
- Código:
<link href='http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700|Montserrat:400,700' rel='stylesheet' type='text/css'><link rel="stylesheet" href="http://nevermore.b1.jcink.com/uploads/nevermore/amatwitter.css"> <style type="text/css"> .riley .ttd2c, .riley .ttd4a, .riley .ttd4b span, .riley .ttd4b a { color: #A0DFDE } .riley .ttd2a, .riley .ttd3c, .riley .ttd3e, .riley .ttd4c::-webkit-scrollbar-thumb, .riley .ttd5a, .riley .ttd5b:hover:after { background-color: #A0DFDE } </style> <center><div class="riley"> <div class="ttd1"> <div class="ttd2"> <table cellpadding="0" cellspacing="0"><td><a href="http://shine.jcink.net/index.php?showuser=3019"><div class="ttd2a"><span class="entypo-twitter"></span></div></a></td><td><div class="ttd2b">@therileyproject</div></td><td><div class="ttd2c"><i class="entypo-feather"></i></div></td></table></div> <table cellpadding="0" cellspacing="0"><td><div class="ttd3"><div class="ttd3a"><div class="ttd3b"><img src="https://41.media.tumblr.com/ea06b14547513536e904f895347c18f5/tumblr_inline_nmggc9PMKe1rb2xgr_540.png"><div class="ttd3c"></div></div></div></div><div class="ttd3d"><div class="ttd3e"><span class="entypo-minus-circled"></span> following</div></div></td><td><div class="ttd4"><div class="ttd4a">riley yuen <div class="ttd4b"> <span class="entypo-location"></span> los angeles, ca <br><span class="entypo-link"></span> <a href="">website</a></div> <div class="ttd4c">let's blow this popsicle stand</div> </div></div></td></table> <div class="ttd5"> <table cellpadding="0" cellspacing="0"><td><div class="ttd5a">tweets</div></td><td><div class="ttd5b">following</div></td><td><div class="ttd5b">followers</div></td></table></div> </div></div> </center>
- post, tt:
- Código:
<link href='http://fonts.googleapis.com/css?family=Montserrat+Alternates:400,700|Montserrat:400,700' rel='stylesheet' type='text/css'><link rel="stylesheet" href="http://nevermore.b1.jcink.com/uploads/nevermore/amatwitter.css"> <style type="text/css"> #riley .ama2c, #riley .ama4b b, #riley .ama5a span:hover { color: #A0DFDE; } #riley .ama2a, #riley .ama3c, #riley .ama4b::-webkit-scrollbar-thumb, #riley .ama5b { background: #A0DFDE; } </style> <center><div id="riley"> <div class="ama1"> <div class="ama2"> <table cellpadding="0" cellspacing="0"><td><a href="http://shine.jcink.net/index.php?showuser=3019"><div class="ama2a"><span class="entypo-twitter"></span></div></a></td><td><div class="ama2b">@therileyproject</div></td><td><div class="ama2c"><i class="entypo-feather"></i></div></td></table></div> <table cellpadding="0" cellspacing="0"><td><div class="ama3"><div class="ama3a"><div class="ama3b"><img src="https://41.media.tumblr.com/ea06b14547513536e904f895347c18f5/tumblr_inline_nmggc9PMKe1rb2xgr_540.png"><div class="ama3c"></div></div></div></div></td><td><div class="ama4"><div class="ama4a"><div class="ama4b">tweet goes here! it'll scroll. <b>#hastag</b> <b>@username</b></div></div></div></td></table> <div class="ama5"><table cellpadding="0" cellspacing="0"><td><div class="ama5a"><span class="entypo-reply"></span><span class="entypo-retweet"></span><span class="entypo-star"></span></div></td><td><div class="ama5b"><span class="entypo-clock"></span> just now</div></td></table></div></div> </center>
Hanna Mensdorff McCain- Mensagens : 6
Data de inscrição : 30/12/2014
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|