InícioTabela das categorias
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Tabela das categorias
por Smile' 10.06.15 23:24
Olá, eu queria saber o código do tablon desse forum:
Aqui.
Aqui.
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Re: Tabela das categorias
por Shaman 11.06.15 4:48
Olá!
Sugiro que não faça postagens em menos de 24 horas, isso é considerado flood no FDF
Sobre sua questão, poderia mandar uma print do que realmente quer?
Até mais, boa noite!
 |
|
Sugiro que não faça postagens em menos de 24 horas, isso é considerado flood no FDF
Sobre sua questão, poderia mandar uma print do que realmente quer?
Até mais, boa noite!
Shaman- Super Membro
- Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448 -
Re: Tabela das categorias
por Smile' 11.06.15 5:35
https://i.imgur.com/D9B9kGG.jpg (O tablon ligado ao logo).
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Re: Tabela das categorias
por iHeloaD 13.06.15 5:58
Olá,
Tente com este código:
Resulta?
Até mais.
Tente com este código:
- Código:
<table>
<tbody>
<tr>
<td>
<div style="width: 173px; height: 320px; margin-left: 2px; margin-top: 0px; background-image: url(https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; color: #000;">
</div>
</td>
<td>
<div style="width:200px; height:230px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>
</div><br> Abertura: 12/06/2015.
</div>
<div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t11-grupos"> grupos </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
<a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais"> regras </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha"> fichas </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/f3-games"> off </a>
</div>
</td>
<td>
<div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style="width:180px; height:223px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:17px 10px 3px 10px; overflow:auto; color: #000; margin-top: 1px; opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>
</div><br> <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>
</div>
</td>
<td>
<div style="width:270px; height:125px; background:#fff; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; margin-bottom: 3px; opacity: 1;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>
</div><br> Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.
</div>
<div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
<div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
<div align="left">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>
</div>
O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.
</div>
</div>
<div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
<a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>
</div>
</td>
</tr>
</tbody>
</table>
Resulta?
Até mais.
iHeloaD- Super Membro
- Membro desde : 11/10/2012
Mensagens : 1700
Pontos : 2816 -
Re: Tabela das categorias
por RafaelS. 13.06.15 18:12
Olá!
Poderia nos indicar o endereço do seu fórum?
Até mais,
iChees
Poderia nos indicar o endereço do seu fórum?
Até mais,
iChees
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Tabela das categorias
por Smile' 13.06.15 20:38
Olá iHelaD, o código funciona, porem ele não fica no seu devido lugar que é o Logo, acho que faltou o código css.
Ichees Aqui.
Ichees Aqui.
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Re: Tabela das categorias
por RafaelS. 16.06.15 19:09
Olá @Smile',
Acesse: Painel de Controle
Visualização Página inicial Geral Mensagem da página inicial
Atenciosamente,
iChees
Acesse: Painel de Controle
Visualização Página inicial Geral Mensagem da página inicial- Código:
<style>#tablon {
height: 143%;
left: 239px;
position: absolute;
transition: all 1s ease 0s;
overflow: hidden;
top: 29px;
opacity: 0;
}
#tablon:hover {
opacity: 1;
transition: all 1s ease 0s;
}</style>
<div id="tablon">
<table>
<tbody>
<tr>
<td>
<div style="width: 173px; height: 320px; margin-left: 2px; margin-top: 0px; background-image: url(https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; color: #000;">
</div>
</td>
<td>
<div style="width:200px; height:230px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>
</div><br> Abertura: 12/06/2015. - - - - - - - - - Bem vindos a Oblivion (Mestrado): 15/06/2015
</div>
<div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t11-grupos"> grupos </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
<a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais"> regras </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha"> fichas </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/f3-games"> off </a>
</div>
</td>
<td>
<div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style="width:180px; height:223px; background:#fff; text-transform: normal; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:17px 10px 3px 10px; overflow:auto; color: #000; margin-top: 1px; opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>
</div><br> <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>
</div>
</td>
<td>
<div style="width:270px; height:125px; background:#fff; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding:10px; overflow:auto; color: #000; margin-bottom: 3px; opacity: 1;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>
</div><br> Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.
</div>
<div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
<div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
<div align="left">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>
</div>
O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.
</div>
</div>
<div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
<a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
Atenciosamente,
iChees
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Tabela das categorias
por Smile' 16.06.15 22:14
Olá Ichees
O código funfa, porem não fica no seu devido lugar que é dentro do logo (Imagem Inicial)
O código funfa, porem não fica no seu devido lugar que é dentro do logo (Imagem Inicial)
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Re: Tabela das categorias
por RafaelS. 17.06.15 16:44
Olá!
A tabela realmente não recobre totalmente o seu logótipo mas isso é porquê ele é demasiado grande.
Por isso aumentei um pouco a estrutura da tabela:
Atenciosamente,
iChees
A tabela realmente não recobre totalmente o seu logótipo mas isso é porquê ele é demasiado grande.
Por isso aumentei um pouco a estrutura da tabela:
- Código:
<style>#tablon {
height: 143%;
left: 239px;
position: absolute;
transition: all 1s ease 0s;
overflow: hidden;
top: 29px;
opacity: 0;
}
#tablon:hover {
opacity: 1;
transition: all 1s ease 0s;
}</style>
<div id="tablon">
<table>
<tbody>
<tr>
<td>
<div style="width: 172px; height: 434px; margin-left: 2px; margin-top: 0px; background-image: url("https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif"); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; color: #000;">
</div>
</td>
<td>
<div style="width: 200px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>
</div><br> Abertura: 12/06/2015. - - - - - - - - - Bem vindos a Oblivion (Mestrado): 15/06/2015
</div>
<div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t11-grupos"> grupos </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
<a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais"> regras </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha"> fichas </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/f3-games"> off </a>
</div>
</td>
<td>
<div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style="width: 180px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 17px 10px 3px; overflow: auto; color: rgb(0, 0, 0); margin-top: 1px; opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>
</div><br> <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>
</div>
</td>
<td>
<div style="width: 270px; height: 186px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); margin-bottom: 3px; opacity: 1;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>
</div><br> Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.
</div>
<div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
<div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
<div align="left">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>
</div>
O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.
</div>
</div>
<div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
<a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
Atenciosamente,
iChees
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Tabela das categorias
por Smile' 18.06.15 17:59
Olá Ichess,
O problema não é esse, o tablon fica no lugar na página inicial, o lugar certo seria dentro do logo.
O problema não é esse, o tablon fica no lugar na página inicial, o lugar certo seria dentro do logo.
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Re: Tabela das categorias
por RafaelS. 19.06.15 17:56
Olá @Smile,
Poderia me enviar uma imagem de como se encontra atualmente no seu fórum?
Aqui está normal, ao pairar o rato (mouse) sobre o logo a tabela aparece :pensativo:
Atenciosamente,
iChees
Poderia me enviar uma imagem de como se encontra atualmente no seu fórum?
Aqui está normal, ao pairar o rato (mouse) sobre o logo a tabela aparece :pensativo:
Atenciosamente,
iChees
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Re: Tabela das categorias
por RafaelS. 20.06.15 20:42
Isso é estranho 
Adicione apenas este código a mensagem da página inicial:
E adicione mais este código a sua folha de estilos (CSS):
Atenciosamente,
iChees
Adicione apenas este código a mensagem da página inicial:
- Código:
<div id="tablon">
<table>
<tbody>
<tr>
<td>
<div style="width: 172px; height: 434px; margin-left: 2px; margin-top: 0px; background-image: url("https://threeriversdeep.files.wordpress.com/2014/07/three-rivers-deep_serene-haiku_forest-run1.gif"); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>temperatura:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style=" margin-left: 2px; margin-top: 2px; width:222px; height: 20px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; color: #000;">
</div>
</td>
<td>
<div style="width: 200px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> Novidades</span>
</div><br> Abertura: 12/06/2015. - - - - - - - - - Bem vindos a Oblivion (Mestrado): 15/06/2015
</div>
<div style="width: 220px; padding-top: 6px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t11-grupos"> grupos </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background:#fff;">
<a href="http://prisonofoblivion.forumeiros.com/t15-regras-gerais"> regras </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 7px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/t1-modelo-de-ficha"> fichas </a>
</div>
<div style="width: 220px; padding-top: 5px; padding-bottom: 8px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 15px; line-height: normal; font-family: 'open sans condensed'; text-align: center; text-transform: uppercase; margin-top: 3px; background: #fff;">
<a href="http://prisonofoblivion.forumeiros.com/f3-games"> off </a>
</div>
</td>
<td>
<div style="width: 150px; background-image: url(http://i.imgur.com/5LBBjQa.gif); padding: 25px;">
<div style="padding: 10px; background: #fff; text-align: right; font: 9px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.6;">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);"> janeiro </span><br> <strong>CIDADE: </strong> Paris<br><strong>tempo:</strong> 0ºC - 15ºC<br><strong>estação:</strong> inverno<br><strong></strong>
</div>
</div>
<div style="width: 180px; height: 350px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 17px 10px 3px; overflow: auto; color: rgb(0, 0, 0); margin-top: 1px; opacity: 0.8;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> A Trama</span>
</div><br> <em>"Futuramente todos vão temer a si mesmo. A poluição que fazem hoje afetará as novas gerações..."</em> Isso era o começo de uma manchete de jornal na França, poucos ligavam para o que estava escrito. A fonte era de um profeta que revelou acontecimentos horríveis em 2040. A tecnologia estava florescendo cada vez mais rápido, ninguém imaginou nas criações feitas pelas pessoas denominadas como gênios. Tudo anda normalmente, ninguém acredita no futuro que os espera e muito menos imagina as consequências de tanta poluição feita pelos próprios seres humanos. <a href="http://prisonofoblivion.forumeiros.com/t9-trama"><span style="font: bold 9px consolas; text-transform: uppercase; color: #000;">+</span></a>
</div>
</td>
<td>
<div style="width: 270px; height: 186px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-transform: lowercase; text-align: justify; font: 9px arial; letter-spacing: 1px; padding: 10px; overflow: auto; color: rgb(0, 0, 0); margin-bottom: 3px; opacity: 1;">
<div align="center">
<span style="font: bold 9px open sans condensed; text-transform: uppercase; color: #000;"> colaboração</span>
</div><br> Fórum desenvolvido com base no clipe musical Heroes do DJ Alesso em parceria com Tove lo. Crédito aos donos de <a rel="nofollow" target="_blank" class="postlink" href="http://mortiri.jcink.net/">Mortiri</a> e <a rel="nofollow" target="_blank" class="postlink" href="http://furnace.jcink.net/">Furnace</a>, RPG's quais joguei e adorei o sistema, implantando alguns deles por mera admiração, contendo algumas mudanças e adaptações. Sou agradecido por um dia ter participado deles e me divertido em ambos. Parte gráfica feita por Funebribus, este que tem toda a gratificação do visual.
</div>
<div style="width: 250px; background-image: url(https://p.gr-assets.com/540x540/fit/hostedimages/1387761505/7666686.gif); padding: 20px; margin-bottom: 3px;">
<div style="padding: 10px; background: #fff; text-align: justify; font: 8px calibri; text-transform: uppercase; color:#000; letter-spacing: 2px; opacity: 0.7;">
<div align="left">
<span style="font: 25px 'open sans condensed'; text-align: center; text-transform: uppercase; margin-bottom: 3px; color: rgb(25, 21, 28);">credits</span>
</div>
O tema e o CSS disponibilizados foram feitos por <a style="color: #000" href="http://lotusgraphics.forumeiros.com/u62"><strong>funebribus</strong></a> com a contribuição de <a style="color: #000" href="http://ajuda.forumeiros.com/u54273"><strong>[K]oke</strong></a> para o código base do "<em>tablón</em>". A equipe foi formada pelo conhecido grupo como "<em>The Command</em>", entrando com toda a administração para lhes proporcionar este fórum.
</div>
</div>
<div style="width:270px; height: 19px; background:#fff; text-transform: lowercase; text-align: center; font: 15px 'open sans condensed'; text-transform: uppercase; letter-spacing: 1px; padding:24px 10px 24px 10px; color: #000;">
<a href="https://www.youtube.com/watch?v=a7SouU3ECpU">THE MUSIC</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
E adicione mais este código a sua folha de estilos (CSS):
- Código:
#tablon {
height: 143%;
left: 239px;
position: absolute;
transition: all 1s ease 0s;
overflow: hidden;
top: 29px;
opacity: 0;
}
#tablon:hover {
opacity: 1;
transition: all 1s ease 0s;
}
Atenciosamente,
iChees
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Re: Tabela das categorias
por Smile' 21.06.15 1:51
Olá Ichees,
Dessa vez teve sucesso, obrigada pela atenção!
Pode fechar.
Dessa vez teve sucesso, obrigada pela atenção!
Pode fechar.
Smile'- Novo Membro
- Membro desde : 06/06/2015
Mensagens : 13
Pontos : 18
Re: Tabela das categorias
por RafaelS. 22.06.15 18:37
| Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
RafaelS.- Membro Entusiasta
- Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156 -
Tópicos semelhantes» Tabela parecida com as categorias
» Tabela e Categorias Transparente
» Sub-categorias visíveis na pagina inicial das categorias
» Code de tabela das descrições das categorias
» Como faço para que categorias tenham ícones de mensagens diferentes de outras categorias
» Tabela e Categorias Transparente
» Sub-categorias visíveis na pagina inicial das categorias
» Code de tabela das descrições das categorias
» Como faço para que categorias tenham ícones de mensagens diferentes de outras categorias
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
