Codigo de tabela

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Codigo de tabela

Mensagem por Makayla em 14/05/11, 07:32 am

Qual é sua questão:
Bem como não me respondem á minniha duvida das skin onde me deram uma resposta o qual estava incompleta e como a duvida da mesma não foi respondida e trata-se de algo relativo ao codigos criei este topico com esperança de resposta pois preciso de colocar este code a funcionar durante o dia de hoje.

Código:
<div class="gensmall"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/pastnewlogo.png"><div class="pa">
        <table cellpadding="2">
        <tbody>
        <tr>
        <td height="200" valign="top" width="220"><div class="tgauche">
            <div class="reglement"><a href="http://www.saints-of-thepast.com/f1-regles" target="_blank"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/reglement.png"></a></div>
            <div class="presentation"><a href="http://www.saints-of-thepast.com/f3-presentation" target="_blank"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/presentationu.png"></a></div>
            <div class="personnage"><a href="http://www.saints-of-thepast.com/f170-liste-des-personnages" target="_blank"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/personnage.png"></a></div>
            <div class="news"><a href="http://www.saints-of-thepast.com/f2-news" target="_blank"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/newsp.png"></a></div>
            <div class="question"><a href="http://www.saints-of-thepast.com/f4-questions-reponses" target="_blank"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/questionsk.png"></a></div>
            <div class="partenaire"><a href="http://www.saints-of-thepast.com/f114-partenaires-de-saints-of-the-past" target="_blank"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/partenaire.png"></a></div>
        </div>
        <br><br>
        <img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/ouruniversebyetamindrac.png">
        </td>

        <td height="200" valign="top" width="560"><div class="tcentre"><br><div class="systeme_onglets">
                        <center><div class="onglets">
                            <span class="onglet_1 onglet" id="onglet_histoire" onmouseover="javascript:change_onglet('histoire');">Histoire</span>
                            <span class="onglet_0 onglet" id="onglet_staff" onmouseover="javascript:change_onglet('staff');">Staff</span>
                            <span class="onglet_0 onglet" id="onglet_effectif" onmouseover="javascript:change_onglet('effectif');">Effectif</span>
                            <span class="onglet_0 onglet" id="onglet_journal" onmouseover="javascript:change_onglet('journal');">Journal du Past</span>
                                </div>
                        </center>
                        <br>
                        <br>
                        <div style="border-bottom: medium double;"></div>
            <div class="contenu_onglets">
                            <div style="display: block;" class="contenu_onglet" id="contenu_onglet_histoire">
                            <div style="text-align: justify;"><b>O</b>n raconte que, dans la
        Mythologie Antique Grecque, lorsque les forces du Mal menaçaient la
        Terre, des jeunes guerriers protégeaient la Déesse Athéna et faisaient
        régner l'Ordre et la Justice. On les appelle les Chevaliers Sacrés
        d'Athéna.On raconte aussi que leur force était si phénoménale que de
        leur poing ils pouvaient fendre le Ciel, et d'un coup de pied ils
        pouvaient entrouvrir la terre. Athéna se réincarne sur Terre tous les
        200 ans pour combattre les forces du Mal, qui ne sont d'autres que la
        folie des autres Dieux voulant conquérir la planète et instaurer leur
        utopie.<p>

        <b>E</b>n 1990, les Chevaliers de Bronze, menés par Seiya de Pégase, et
        au service de Saori Kido, la Réincarnation d'Athéna, ont réussi à sauver
        la Terre ainsi que leur Déesse de nombreuses fois, contre les griffes
        de Saga des Gémeaux, de l'Empereur Poséidon et du Sombre Monarque Hadès.</p><p>

        <b>M</b>ais, savez vous ce qui s'est passé, il y a 243 ans auparavant ?
        Cette Guerre dont ont survécu les légendaires Shion du Bélier et Dôko de
        la Balance ? Voici leur histoire...</p><p>
                        </p><p></p><center><a href="http://www.saints-of-thepast.com/t87-situation-du-rp">Lire la suite...</a></center>
                            </div>
                            </div>
                <div class="contenu_onglet" id="contenu_onglet_staff">
                    <center>
                            <div style="color: darkred; font-size: 15px; text-shadow: darkred 2px 2px 5px;"><b>E</b>quipe <b>A</b>dministrative</div><br>
                        <table>
                            <tbody><tr><td>
                            <bulle class="hades"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/violate.png">
                            <span>
                            ~<b>S</b>hushu~<br>
                                <a href="http://www.saints-of-thepast.com/msg.forum?mode=post&amp;u=1" target="_blank" style="color: darkred;"><b>Contacter !</b>
                                </a><br>
                            |<b>W</b>ebMaster|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="vio"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/urio.png">
                            <span>
                            ~<b>U</b>rio~<br>
                            <a href="http://www.saints-of-thepast.com/msg.forum?mode=post&amp;u=360" target="_blank" style="color: darkred;"><b>Contacter !</b>
                            </a><br>
                            |<b>C</b>ancer|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="hades"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/freiya.png">
                            <span>
                            ~<b>F</b>reyja~<br>
                            <a href="http://www.saints-of-thepast.com/msg.forum?mode=post&amp;u=487" target="_blank" style="color: darkred;"><b>Contacter !</b>
                            </a><br>
                            |<b>A</b>mour|
                            </span>
                       
                            </bulle></td>
                            <td>
                            <bulle class="vio"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/henriques.png">
                            <span>
                            ~<b>H</b>enriques~<br>
                            <a href="http://www.saints-of-thepast.com/msg.forum?mode=post&amp;u=574" target="_blank" style="color: darkred;"><b>Contacter !</b>
                            </a><br>
                            |<b>H</b>ydra|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="hades"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/kyro.png">
                            <span>
                            ~<b>K</b>yro~<br>
                            <a href="http://www.saints-of-thepast.com/privmsg?mode=post&amp;u=638" target="_blank" style="color: darkred;"><b>Contacter !</b>
                            </a><br>
                            |<b>S</b>quale|
                            </span>
                            </bulle></td>
                        </tr></tbody></table>
                        <div style="border-top: 1px solid black; margin-top: 30px;"></div>
                        <br>
                        <div style="color: green; font-size: 15px; text-shadow: green 2px 2px 5px;"><b>E</b>quipe <b>M</b>odératrice</div><br>
                        <table>
                            <tbody><tr><td>
                            <bulle class="hades"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/persphone.png">
                            <span>
                            ~<b>P</b>erséphone~<br>
                            <a href="http://www.saints-of-thepast.com/msg.forum?mode=post&amp;u=641" target="_blank" style="color: green;"><b>Contacter !</b>
                            </a><br>
                            |<b>R</b>eine|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="vio"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/corell.png">
                            <span>
                            ~<b>C</b>orell~<br>
                            <a href="http://www.saints-of-thepast.com/privmsg?mode=post&amp;u=274" target="_blank" style="color: green;"><b>Contacter !</b>
                            </a><br>
                            |<b>C</b>haton|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="hades"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/tritonv.png">
                            <span>
                            ~<b>T</b>riton~<br>
                            <a href="http://www.saints-of-thepast.com/privmsg?mode=post&amp;u=709" target="_blank" style="color: green;"><b>Contacter !</b>
                            </a><br>
                            |<b>C</b>rustacé|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="vio"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/raimi.png">
                            <span>
                            ~<b>R</b>aïmi~<br>
                            <a href="http://www.saints-of-thepast.com/privmsg?mode=post&amp;u=590" target="_blank" style="color: green;"><b>Contacter !</b>
                            </a><br>
                            |<b>L</b>ombric|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="hades"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/minosq.png">
                            <span>
                            ~<b>R</b>ochel~<br>
                            <a href="http://www.saints-of-thepast.com/privmsg?mode=post&amp;u=720" target="_blank" style="color: green;"><b>Contacter !</b>
                            </a><br>
                            |<b>O</b>iseau|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="vio"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/skoll.png">
                            <span>
                            ~<b>S</b>köll~<br>
                            <a href="http://www.saints-of-thepast.com/privmsg?mode=post&amp;u=687" target="_blank" style="color: green;"><b>Contacter !</b>
                            </a><br>
                            |<b>T</b>igrou|
                            </span>
                            </bulle></td>
                            <td>
                            <bulle class="hades"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/christas.png">
                            <span>
                            ~<b>C</b>hrista~<br>
                            <a href="http://www.saints-of-thepast.com/privmsg?mode=post&amp;u=624" target="_blank" style="color: green;"><b>Contacter !</b>
                            </a><br>
                            |<b>R</b>ose|
                            </span>
                            </bulle></td>
                        </tr></tbody></table>
                    </center>
                </div>
                <div class="contenu_onglet" id="contenu_onglet_effectif">
                        <center><div style="font-size: 15px; color: rgb(56, 51, 43); text-shadow: white 2px 2px 5px;"><u><b>E</b>ffectifs des camps de <b>S</b>aints <b>O</b>f <b>T</b>he <b>P</b>ast</u></div><br>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">-----</div>
                        </td>
                        <td>
                        <div class="effectif">Saints</div>
                        </td>
                        <td>
                        <div class="effectif">Spectres</div>
                        </td>
                        <td>
                        <div class="effectif">Marinas</div>
                        </td>
                        <td>
                        <div class="effectif">Ases</div>
                        </td>
                        </tr></tbody></table>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">Dieux</div>
                        </td>
                        <td>
                        <div class="effectif1">1</div>
                        </td>
                        <td>
                        <div class="effectif1">1</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        <td>
                        <div class="effectif1">1</div>
                        </td>
                        </tr></tbody></table>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">Demi-Dieux</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        <td>
                        <div class="effectif1">2</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        </tr></tbody></table>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">Représentants</div>
                        </td>
                        <td>
                        <div class="effectif1">1</div>
                        </td>
                        <td>
                        <div class="effectif1">1</div>
                        </td>
                        <td>
                        <div class="effectif1">1</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        </tr></tbody></table>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">Gold</div>
                        </td>
                        <td>
                        <div class="effectif1">8</div>
                        </td>
                        <td>
                        <div class="effectif1">3</div>
                        </td>
                        <td>
                        <div class="effectif1">4</div>
                        </td>
                        <td>
                        <div class="effectif1">7</div>
                        </td>
                        </tr></tbody></table>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">Silver</div>
                        </td>
                        <td>
                        <div class="effectif1">2</div>
                        </td>
                        <td>
                        <div class="effectif1">7</div>
                        </td>
                        <td>
                        <div class="effectif1">3</div>
                        </td>
                        <td>
                        <div class="effectif1">2</div>
                        </td>
                        </tr></tbody></table>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">Bronze</div>
                        </td>
                        <td>
                        <div class="effectif1">7</div>
                        </td>
                        <td>
                        <div class="effectif1">2</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        </tr></tbody></table>
                        <table>
                        <tbody><tr><td>
                        <div class="effectif">Renégats</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        <td>
                        <div class="effectif1">--</div>
                        </td>
                        </tr></tbody></table>
        <table>
                        <tbody><tr><td>
                        <div class="effectif">Totaux</div>
                        </td>
                        <td>
                        <div class="effectif1">19</div>
                        </td>
                        <td>
                        <div class="effectif1">14</div>
                        </td>
                        <td>
                        <div class="effectif1">10</div>
                        </td>
                        <td>
                        <div class="effectif1">10</div>
                        </td>
                        </tr></tbody></table><br>
                        <div style="border: 1px solid ; padding: 2px; color: darkred; font-size: 13px; background-color: rgb(205, 187, 163); width: 230px;"><b>Mise à Jour le : 02/05/2011</b></div>
                    </center>
                </div>
                <div class="contenu_onglet" id="contenu_onglet_journal">
                        <center>
                        <h1>Voici les nouvelles fraiches de Saint Of The Past</h1></center>
                            <ul>
                            <li>De nouvelles mises à jour au niveau des kits bientôt sur le forum !</li>
                            <br>
                            <li>Le forum entre dans une nouvelle ère. La V3 du design vous est dévoilée en espérant qu'elle vous plaise !</li>
                            <br>
                            <li>La Guerre Sainte est terminée ! Les récompenses vont tomber, qui seront les grands gagnants ?</li>
                            <br>
                            <li>La foudre de Zeus a tonné dans le ciel du Past. Le Conseil des Dieux s'est réuni !</li>
                            </ul>
                </div>
                   
            </div>
        </div>
        </div>
        </td>
        <script type="text/javascript">
                //<!--
                        var anc_onglet = 'histoire';
                        change_onglet(anc_onglet);
                //-->
        </script>
        <td height="200" valign="top" width="220">
            <div class="tdroite">
                <div class="part">Partenaires</div><br>
                           
                                <marquee style="width: 180px; height: 100px;" direction="down" onmouseover="this.stop();" onmouseout="this.start();">
                                    <center><a href="http://bleach-genesis.forumactif.com/" target="_blank">
                                    <img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/part10.gif"></a>
                                    <a href="http://www.goldwarriors.net/" target="_blank">
                                    <img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/GLWbtn1.png"></a>
                                    <a href="http://www.riseofshinobi.com/" target="_blank">
                                    <img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/ros-mi10.png"></a>
                                    <a href="http://www.naruto-ninja-rpg.com/" target="_blank">
                                    <img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/lo2lee8.gif"></a>
                                    <a href="http://op-kakumei.superforum.fr/" target="_blank">
                                    <img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/banpun88par30.png"></a>
                                    <a href="" target="_blank">
                                    <img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/partenaire.jpg"></a></center>
                                </marquee><p>
                           
                            </p><center><div style="font-style: italic;"><a href="http://www.saints-of-thepast.com/t1713-nous-lier">Vous ?</a></div><p></p></center>
                        <div class="part">Top Sites</div><br>
                            <center><div style="color: darkred;"><b>Un clic ne coûte rien !</b><p>   
                            <a href="http://www.root-top.com/topsite/galaad/in.php?ID=5"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/bpubss10.jpg"></a></p><p>
                            <a href="http://www.root-top.com/topsite/ssanthologie/in.php?ID=8"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/rcqbrl.jpg"></a></p><p>
                            <a href="http://www.root-top.com/topsite/korben/in.php?ID=618"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/banner.gif"></a></p></div></center>
                                    </div>
                        <div class="part">Credits</div>
                        <div style="color: firebrick;">Saints Of The Past est la propriété de son auteur <b>Shushu</b> et de son équipe administrative.<br>
                        Design et Code réalisés par <b>Rindo</b> et <b>Oyoken</b>© </div>
        </td>
        </tr>
        </tbody>
        </table>
        <br><div style="border-bottom: medium double; width: 95%;"></div>
                <h1>Toute reproduction partielle ou totale du forum est strictement interdite et sera soumise  des sanctions le cas échéant.</h1>
                <center><a href="http://www.copyrightfrance.com/php/certificat.php?reference=N246166"><img src="RPG%20Saint%20Seiya%20%20%20Saints%20Of%20The%20Past_arquivos/n2461661uf0.gif"></a><a></a></center>
        <a>        </a><h1><a>Merci de respecter les travaux des auteurs.</a></h1>
        <a>        </a><div style="color: red; text-align: center;"><a><b>Forum optimisé sous Firefox</b></a></div>
        <a>        <br>
        </a></div>
        </div>

Deram me o code dessa tabela, se me falarem como coloco-o mesmo em pratica em meu forum.
Link: http://www.chroniclesofzodiac.com
Versão: phpBB2
Gostaria de saber como o coloco no meu forum.
Espero respostas.


Que medidas você tomou para corrigir o problema:
Testei em vários locais do painel de controlo.
avatar

Makayla
Usuário destaque

Feminino
Inscrito dia : 04/07/2010
Mensagens : 642
Pontos Ativos : 904

Ver perfil do usuário http://chroniclesofzodiac.livreforum.com/index.htm

Resolvido Re: Codigo de tabela

Mensagem por Luciano98 em 14/05/11, 01:09 pm

Olá!

Quem lhe passou essa página?
Você pode me passar um link onde essa página se encontra com o Layout pronto? Assim eu poderia pegar ela para você.


Em primeiro lugar, os textos desse código estão em Francês.
A página está sem sem o CSS principal(que compõe o Layout), o Layout da página está completamente desformulado por causa disso.
Não adiantaria em nada editar os textos se o Layout está completamente desformulado.

Veja você mesma:
http://pastehtml.com/view/1ei7gov.html

Pelo o que eu vi, essa seria uma página individual e não uma página que ficaria dentro do fórum, portanto não damos suporte a ela(tambem porque ela é um quão difícil de editar).
Ficaria um tanto difícil de editar ela, teríamos que praticamente recriar a página.

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Codigo de tabela

Mensagem por Makayla em 14/05/11, 01:53 pm

esse codigo foi me fornecido nesse topico http://ajuda.forumeiros.com/t40915-acrescentos-na-skin-do-forum pelo ajudeiro Seender.

Mas não e possivel passarem me o code da tabela utilizada neste forum? http://rpgsaintseiya.forumactif.com/

Um amigo teve desenvolvendo uma tabela do genero para mim:
Código:
<div id="bemvindo">
   
    <center><img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" /></center>
   
    <ul>
        <li id="menu1">Guerra santa</li>
        <li id="menu2">Personagens</li>
        <li id="menu3">Eventos</li>
        <li id="menu4">Novidades</li>
        <li id="menu5">Copyright</li>
    </ul>
   
    <br />
   
    <table>
        <tr>
           
            <td id="boxes">
                <div id="box1">
                    <table>
                        <tr>
                            <td rowspan="2">
                                <center>
                                    <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                                </center>
                            </td>
                            <td>
                                <a href="LINK_REGRAS">Regras</a>
                                |
                                <a href="LINK_HIST">História</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="beviscroll">
                                Texto_Aqui
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                               
                <div id="box2">
                    <table>
                        <tr>
                            <td>Tabela dos Personagens</td>
                        </tr>
                    </table>               
                </div>
               
                <div id="box3">
                    <center>
                    <table>
                        <tr>
                            <td colspan="2"><center><b>Titulo</b></center></td>
                        </tr>
                        <tr>
                            <td>
                                <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                            </td>
                           
                            <td>
                                <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                            </td>
                        </tr>
                    </table>
                    </center>
                </div>
               
                <div id="box4">
                    <table>
                        <tr>
                            <td>
                                <center>
                                <a href="LINK_NOVIDADES">Novidades</a>
                                |
                                <a href="LINK_ENQUETES">Enquetes</a>
                                </center>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="beviscroll">
                                    <ol>
                                        <li>- xx/xx/xx : Novidade1</li>
                                        <li>- xx/xx/xx : Novidade2</li>
                                    </ol>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
               
                <div id="box5">Coprright do fórum</div>
            </td>
                           
                           
            <td width="1%">
                <center>
                    <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                </center>
            </td>
        </tr>
    </table>
                   
</div>

Como eu posso colocar ela no meu forum?
avatar

Makayla
Usuário destaque

Feminino
Inscrito dia : 04/07/2010
Mensagens : 642
Pontos Ativos : 904

Ver perfil do usuário http://chroniclesofzodiac.livreforum.com/index.htm

Resolvido Re: Codigo de tabela

Mensagem por Luciano98 em 14/05/11, 02:22 pm

esse codigo foi me fornecido nesse topico http://ajuda.forumeiros.com/t40915-acrescentos-na-skin-do-forum pelo ajudeiro Seender.
Ele forneceu somente o HTML da tabela, mas sem o CSS, por isso ela ficou desconfigurada.

Mas não e possivel passarem me o code da tabela utilizada neste forum? http://rpgsaintseiya.forumactif.com
Onde está essa tabela?
Poderia especificar mais.

Um amigo teve desenvolvendo uma tabela do genero para mim:
Código:
<div id="bemvindo">
   
    <center><img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" /></center>
   
    <ul>
        <li id="menu1">Guerra santa</li>
        <li id="menu2">Personagens</li>
        <li id="menu3">Eventos</li>
        <li id="menu4">Novidades</li>
        <li id="menu5">Copyright</li>
    </ul>
   
   

   
    <table>
        <tr>
           
            <td id="boxes">
                <div id="box1">
                    <table>
                        <tr>
                            <td rowspan="2">
                                <center>
                                    <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                                </center>
                            </td>
                            <td>
                                <a href="LINK_REGRAS">Regras</a>
                                |
                                <a href="LINK_HIST">História</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="beviscroll">
                                Texto_Aqui
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                               
                <div id="box2">
                    <table>
                        <tr>
                            <td>Tabela dos Personagens</td>
                        </tr>
                    </table>               
                </div>
               
                <div id="box3">
                    <center>
                    <table>
                        <tr>
                            <td colspan="2"><center><b>Titulo</b></center></td>
                        </tr>
                        <tr>
                            <td>
                                <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                            </td>
                           
                            <td>
                                <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                            </td>
                        </tr>
                    </table>
                    </center>
                </div>
               
                <div id="box4">
                    <table>
                        <tr>
                            <td>
                                <center>
                                <a href="LINK_NOVIDADES">Novidades</a>
                                |
                                <a href="LINK_ENQUETES">Enquetes</a>
                                </center>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="beviscroll">
                                    <ol>
                                        <li>- xx/xx/xx : Novidade1</li>
                                        <li>- xx/xx/xx : Novidade2</li>
                                    </ol>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
               
                <div id="box5">Coprright do fórum</div>
            </td>
                           
                           
            <td width="1%">
                <center>
                    <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                </center>
            </td>
        </tr>
    </table>
                   
</div>
Esse é o problema, essas tabelas e códigos vem sem o CSS e por isso o Layout delas ficam completamente desconfigurados.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Codigo de tabela

Mensagem por Makayla em 14/05/11, 02:30 pm

Bem o byte a pessoa que fez essa tabela forneceu me o seguinte site onde esta tava funcionado bem http://jsfiddle.net/Byte/uAsjK/3/embedded/result/
avatar

Makayla
Usuário destaque

Feminino
Inscrito dia : 04/07/2010
Mensagens : 642
Pontos Ativos : 904

Ver perfil do usuário http://chroniclesofzodiac.livreforum.com/index.htm

Resolvido Re: Codigo de tabela

Mensagem por Luciano98 em 14/05/11, 02:47 pm

Olá!

Aqui está o código da tabela, junto com o CSS, mas você terá que adita-la sozinha:
Código:
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo by Byte</title>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.js'></script>
 
  <link rel="stylesheet" type="text/css" href="http://jsfiddle.net/css/normalize.css">
  <link rel="stylesheet" type="text/css" href="http://jsfiddle.net/css/result-light.css">
 
  <style type='text/css'>
    #bemvindo img{opacity: 0.8;-webkit-transition: all 0.3s linear 0s;    -o-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; }
#bemvindo img:hover{opacity: 1;}
#bemvindo ul{
    list-style-type:none;
    width:100%;
    text-align:center;
}
#bemvindo ul li{
    display: inline;
    margin:0 10px;
    padding: 3px 5px;
    border:1px solid #000;
    cursor:help;
}
#bemvindo table{
    border:0px;
    padding:0px;
    width:100%;
}
#bemvindo table td div{display:none;}
#bemvindo table td div#box1{display:block;}
#bemvindo table td#boxes{border:1px solid #000; padding:5px;}
#bemvindo .beviscroll{
    display:block;
    width:100px; /* Largura do texto */
    height:100px; /* Altura to texto */
    overflow-y:auto;
    overflow-x:none;
}
 
  </style>
 
  <script type='text/javascript'>
  //<![CDATA[
  $(window).load(function(){
  $('#menu1').hover(function() {
    $('#box1').css('display', 'block');
    $('#box2,#box3,#box4,#box5').css('display', 'none');
});
 
$('#menu2').hover(function() {
    $('#box2').css('display', 'block');
    $('#box1,#box3,#box4,#box5').css('display', 'none');
});
 
$('#menu3').hover(function() {
    $('#box3').css('display', 'block');
    $('#box1,#box2,#box4,#box5').css('display', 'none');
});
 
$('#menu4').hover(function() {
    $('#box4').css('display', 'block');
    $('#box1,#box2,#box3,#box5').css('display', 'none');
});
 
$('#menu5').hover(function() {
    $('#box5').css('display', 'block');
    $('#box1,#box2,#box3,#box4').css('display', 'none');
});
  });
  //]]>
  </script>
 
</head>
<body>
  <div id="bemvindo">
   
    <center><img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" /></center>
   
    <ul>
        <li id="menu1">Guerra santa</li>
        <li id="menu2">Personagens</li>
        <li id="menu3">Eventos</li>
        <li id="menu4">Novidades</li>
        <li id="menu5">Copyright</li>
    </ul>
   
   
 
   
    <table>
        <tr>
           
            <td id="boxes">
                <div id="box1">
                    <table>
                        <tr>
                            <td rowspan="2">
                                <center>
                                    <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                                </center>
                            </td>
                            <td>
                                <a href="LINK_REGRAS">Regras</a>
                                |
                                <a href="LINK_HIST">História</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="beviscroll">
                                Texto_Aqui
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                               
                <div id="box2">
                    <table>
                        <tr>
                            <td>Tabela dos Personagens</td>
                        </tr>
                    </table>               
                </div>
               
                <div id="box3">
                    <center>
                    <table>
                        <tr>
                            <td colspan="2"><center><b>Titulo</b></center></td>
                        </tr>
                        <tr>
                            <td>
                                <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                            </td>
                           
                            <td>
                                <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png" />
                            </td>
                        </tr>
                    </table>
                    </center>
                </div>
               
                <div id="box4">
                    <table>
                        <tr>
                            <td>
                                <center>
                                <a href="LINK_NOVIDADES">Novidades</a>
                                |
                                <a href="LINK_ENQUETES">Enquetes</a>
                                </center>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <div class="beviscroll">
                                    <ol>
                                        <li>- xx/xx/xx : Novidade1</li>
                                        <li>- xx/xx/xx : Novidade2</li>
                                    </ol>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
               
                <div id="box5">Coprright do fórum</div>
            </td>
                           
                           
            <td width="1%">
                <center>
                    <img src="http://bioniclecommunity.site90.net/site/paginas/nossa-historia/img/byte1.png">
                </center>
            </td>
        </tr>
    </table>
                   
</div>
 
</body>
 
 
</html>

Para isso, eu sugiro que você aprenda um pouco HTML, que não é muito difícil, basta dar uma pesquisada na internet sobre tutoriais e apostilas.

PS: Na própria tabela à variáveis para você editar, como por exemplo "LINK_NOVIDADES".

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Codigo de tabela

Mensagem por Makayla em 14/05/11, 03:10 pm

Eu adicioneia da senguinte forma Painel de controlo- visualizaçao- Homepage- geral- Mensagem na Home page

ficou assim http://forumdetestecoz.forumeiros.net/
avatar

Makayla
Usuário destaque

Feminino
Inscrito dia : 04/07/2010
Mensagens : 642
Pontos Ativos : 904

Ver perfil do usuário http://chroniclesofzodiac.livreforum.com/index.htm

Resolvido Re: Codigo de tabela

Mensagem por Luciano98 em 14/05/11, 03:13 pm

@Makayla escreveu:Eu adicioneia da senguinte forma Painel de controlo- visualizaçao- Homepage- geral- Mensagem na Home page

ficou assim http://forumdetestecoz.forumeiros.net/
Sim e você está satisfeita com isso?
Posso fechar o topico?

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Codigo de tabela

Mensagem por Makayla em 14/05/11, 03:13 pm

Eu fiquei com a pagina toda bugada...
avatar

Makayla
Usuário destaque

Feminino
Inscrito dia : 04/07/2010
Mensagens : 642
Pontos Ativos : 904

Ver perfil do usuário http://chroniclesofzodiac.livreforum.com/index.htm

Resolvido Re: Codigo de tabela

Mensagem por Luciano98 em 14/05/11, 03:22 pm

@Makayla escreveu:Eu fiquei com a pagina toda bugada...
Quanto a isso eu não posso fazer nada, é culpa do código!
O código está bem configurado, mas quando ele é colocado em outra página ele desconfigura a outra página.
Lamento quanto a isso.

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Codigo de tabela

Mensagem por Makayla em 14/05/11, 03:27 pm

ok pode fechar ficarei tb esperando resposta no meu outro topico relativamente ás minhas outras duvidas, apesar deste parecer meio esquecido
avatar

Makayla
Usuário destaque

Feminino
Inscrito dia : 04/07/2010
Mensagens : 642
Pontos Ativos : 904

Ver perfil do usuário http://chroniclesofzodiac.livreforum.com/index.htm

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum