CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Page D'accueil codée sur Xooit ? | |
| DarKing
{ Membre }
Messages : 6
| Bonsoir à tous, Voilà, j'ai eu le malheur de créer mon Forum sur Xooit, et il est bien trop tard pour en changer. Il y a quelques jours, je constatais la mode des "Pages d'accueil", j'avais décidé de tester à mon tour ... Mais à mon pire recréer, c'est impossible, voir infaisable à mettre ces putains de codes sur Xooit, enfin, j'essaye. Oo Donc, je viens demander de l'aide, ici. Sur ForumActif ça donne ça (Manque juste un petit problème des titres qui doivent-être mis sous bulle) : http://test-my-designs.forumactif.org/index.htm Et sous Xooit, ça donne pas du tout ça. :s A la base, le codeur m'avait donné ça : HTML : - Code:
-
<center><img src="URL_BANNIERE_BIENVENUE" /></center> <table cellpadding="5" style="background-color:#E1E0DE;"> <tr> <td align="center" valign="top" width="28%"> <div class="patitle">Dortoirs</div> <div style="font-variant:small-caps;padding-top:5%;"> <a href="http://wc-academie.vraiforum.com/f27-Noir-Armityle.htm"><font color="#000000">Noir Empereur 1500 pts</font></a>
<a href="http://wc-academie.vraiforum.com/f19-Bleu-Raviel.htm"><font color="#0000ff">Bleu Glace 1000 pts</font></a>
<a href="http://wc-academie.vraiforum.com/f14-Jaune-Hamon.htm"><font color="#B09C08">Jaune Lumière 500 pts</font></a>
<a href="http://wc-academie.vraiforum.com/f8-Rouge-Uria.htm"><font color="#D00000">Rouge Archdémon 0 pt</font></a> </div> </td>
<td align="center" valign="top" width="44%"> <div class="patitle">World Championship Académie</div> La World Championship Académie est un forum ou plutôt une académie basée sur le célèbre jeu de cartes Yu-Gi-Oh!. Nous jouons sur tous les supports, que cela soit sur <b>YVB</b>, <b>MSN</b> ou encore sur <b>DS</b>. Nous avons pour but de créer la plus grande communauté de Duellistes pour ainsi avoir un immense réseau de duels. Pour se faire nous vous proposons un système de jeu époustouflant vous permettant ainsi de progresser rapidement dans les meilleures conditions.
<form name="navigationrapide" method="POST"> <select name="menubyKai" size="1" style="color:#8A572A;border:3px #8A572A double;background-color:white;"> <option value="http://wc-academie.vraiforum.com/f1-La-World-Championship-Academie.htm" target="_blank">Règlement</option> <option value="http://wc-academie.vraiforum.com/f78-Important.htm" target="_blank"><font color="#FF0000">Important</font></option> <option value="http://wc-academie.vraiforum.com/f4-Fiches-Duellistes.htm" target="_blank">Présentations</option> <option value="http://wc-academie.vraiforum.com/f75-News-de-l-acdemie.htm" target="_blank">News</option> <option value="http://wc-academie.vraiforum.com/f74-Sondages.htm" target="_blank">Sondages</option> </select> <input type="button" style="color:#8A572A;border:3px #8A572A double;background-color:white;" onClick="location = document.navigationrapide.menubyKai.options [document.navigationrapide.menubyKai.selectedIndex].value;" value="Go" /> </form> </td> <td align="center" valign="top" width="28%"> <div class="patitle">Staff</div> </td> </tr> <!-- PA par Kai, codeuse de Graphisme-mania.forumsactifs.com --> <tr> <td></td> <td align="center"> <div class="patitle">Top-sites</div> <a href="http://www.root-top.com/topsite/yugiworld/in.php?ID=23" target="_blank"><img src="http://img.root-top.com/topsite/yugiworld/banner.gif" /></a> <a href="http://www.root-top.com/topsite/topacademyygo/in.php?ID=15" target="_blank" style="margin:0% -1% 0% -1%;"><img src="http://img.root-top.com/topsite/topacademyygo/banner.gif" /></a> <a href="http://www.root-top.com/topsite/metal02/in.php?ID=470" target="_blank" style="margin:0% -1% 0% 0%;"><img src="http://img.root-top.com/topsite/metal02/banner.gif" /></a>
<a href="http://www.root-top.com/topsite/metal02/in.php?ID=114" target="_blank"><img src="http://img.root-top.com/topsite/metal02/banner.gif" /></a> </td> <td></td> </tr> <tr> <td></td> <td align="center"> <div class="patitle">Copyright</div> Académie crée par Conss, administrée par <font color="#167C11">Conss</font> et <font color="#167C11">Erapeer</font>, modérée par <font color="#AE269E">Sai</font>, <font color="#AE269E">Tomseigneur</font> et <font color="#AE269E">Erde Kaiser</font>.
Design by Irenicus-KO et page d'accueil par Kai.</td> <td></td> </tr> </table> CSS : - Code:
-
.patitle {font-weight:bold;background-color:white;padding:2px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#000000;text-transform:uppercase;margin:0% 0% 2% 0%;} Voyant que sur Xooit, je collais le HTML dans le "Message d'entête" et le CSS dans le template "onyx.css" (Mon thème de base xooit, c'est "onyx"), mais ça ne marchait point. What is the problem ? Voyant ceci, le codeur, ne m'a plus que proposé un code, celui-ci : - Code:
-
center><img src="URL_BANNIERE_BIENVENUE" /></center> <table cellpadding="5" style="background-color:#E1E0DE;"> <tr> <td align="center" valign="top" width="28%"> <div style="font-weight:bold;background-color:white;padding:2px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#000000;text-transform:uppercase;margin:0% 0% 2% 0%;">Dortoirs</div> <div style="font-variant:small-caps;padding-top:5%;"> <a href="http://wc-academie.vraiforum.com/f27-Noir-Armityle.htm"><font color="#000000">Noir Empereur 1500 pts</font></a>
<a href="http://wc-academie.vraiforum.com/f19-Bleu-Raviel.htm"><font color="#0000ff">Bleu Glace 1000 pts</font></a>
<a href="http://wc-academie.vraiforum.com/f14-Jaune-Hamon.htm"><font color="#B09C08">Jaune Lumière 500 pts</font></a>
<a href="http://wc-academie.vraiforum.com/f8-Rouge-Uria.htm"><font color="#D00000">Rouge Archdémon 0 pt</font></a> </div> </td>
<td align="center" valign="top" width="44%"> <div style="font-weight:bold;background-color:white;padding:2px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#000000;text-transform:uppercase;margin:0% 0% 2% 0%;">World Championship Académie</div> La World Championship Académie est un forum ou plutôt une académie basée sur le célèbre jeu de cartes Yu-Gi-Oh!. Nous jouons sur tous les supports, que cela soit sur <b>YVB</b>, <b>MSN</b> ou encore sur <b>DS</b>. Nous avons pour but de créer la plus grande communauté de Duellistes pour ainsi avoir un immense réseau de duels. Pour se faire nous vous proposons un système de jeu époustouflant vous permettant ainsi de progresser rapidement dans les meilleures conditions.
<form name="navigationrapide" method="POST"> <select name="menubyKai" size="1" style="color:#8A572A;border:3px #8A572A double;background-color:white;"> <option value="http://wc-academie.vraiforum.com/f1-La-World-Championship-Academie.htm" target="_blank">Règlement</option> <option value="http://wc-academie.vraiforum.com/f78-Important.htm" target="_blank"><font color="#FF0000">Important</font></option> <option value="http://wc-academie.vraiforum.com/f4-Fiches-Duellistes.htm" target="_blank">Présentations</option> <option value="http://wc-academie.vraiforum.com/f75-News-de-l-acdemie.htm" target="_blank">News</option> <option value="http://wc-academie.vraiforum.com/f74-Sondages.htm" target="_blank">Sondages</option> </select> <input type="button" style="color:#8A572A;border:3px #8A572A double;background-color:white;" onClick="location = document.navigationrapide.menubyKai.options [document.navigationrapide.menubyKai.selectedIndex].value;" value="Go" /> </form> </td> <td align="center" valign="top" width="28%"> <div style="font-weight:bold;background-color:white;padding:2px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#000000;text-transform:uppercase;margin:0% 0% 2% 0%;">Staff</div> </td> </tr> <!-- PA par Kai, codeuse de Graphisme-mania.forumsactifs.com --> <tr> <td></td> <td align="center"> <div style="font-weight:bold;background-color:white;padding:2px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#000000;text-transform:uppercase;margin:0% 0% 2% 0%;">Top-sites</div> <a href="http://www.root-top.com/topsite/yugiworld/in.php?ID=23" target="_blank"><img src="http://img.root-top.com/topsite/yugiworld/banner.gif" /></a> <a href="http://www.root-top.com/topsite/topacademyygo/in.php?ID=15" target="_blank" style="margin:0% -1% 0% -1%;"><img src="http://img.root-top.com/topsite/topacademyygo/banner.gif" /></a> <a href="http://www.root-top.com/topsite/metal02/in.php?ID=470" target="_blank" style="margin:0% -1% 0% 0%;"><img src="http://img.root-top.com/topsite/metal02/banner.gif" /></a>
<a href="http://www.root-top.com/topsite/metal02/in.php?ID=114" target="_blank"><img src="http://img.root-top.com/topsite/metal02/banner.gif" /></a> </td> <td></td> </tr> <tr> <td></td> <td align="center"> <div style="font-weight:bold;background-color:white;padding:2px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#000000;text-transform:uppercase;margin:0% 0% 2% 0%;">Copyright</div> Académie crée par Conss, administrée par <font color="#167C11">Conss</font> et <font color="#167C11">Erapeer</font>, modérée par <font color="#AE269E">Sai</font>, <font color="#AE269E">Tomseigneur</font> et <font color="#AE269E">Erde Kaiser</font>.
Design by Irenicus-KO et page d'accueil par Kai.</td> <td></td> </tr> </table> Et ça me donne ça sous Xooit : http://testonslesthemes.xooit.fr/index.php On est plus près du vrai, mais l'écriture est bien trop grande, la barre n'est pas centrée etc ... Donc, comment régler ça sous Xooit, s'il vous plaît. Merci. Bonne soirée. | | |
| | | Air.
{ Membre }
Messages : 221
| Ouais ben sorry j'ai complètement changé le design de mon forum du coup ça fait super moche le fond rouge, les fonds de catégorie en bleu et en plus j'ai supprimé quasiment tout le CSS donc on voit plus les titres en fond blanc x)
Je suis pas un codeur, je suis une codeuse.
Je vois toujours pas de quelle barre tu parles parce que chez moi tout est centré. Et pour la police je t'ai dit ça doit être dans les réglages du forum, doit bien y avoir un endroit dans le panneau d'administration où tu peux changer la police non ? (Yes sir, I'm Kai) | | |
| | | DarKing
{ Membre }
Messages : 6
| Salut Kai, Je n'étais pas censé savoir que tu étais là, de plus je me renseigne pour Xooit. Comme je n'ai pas envie de me répéter, je te quote la réponse que je t'ai faite ce matin sur l'autre Forum. - Citation :
D'accord pour le Staff'. Je te parle de la petite barre de navigation qu'on a ajouté sur la PA, celle avec le "Go". Je propose un truc judicieux, au lieu de se baser sur ton Forum où tout est impec', je pense qu'il est préférable de se baser sur mon Forum test où tout à foiré. Smile
Sur ce dernier, pas grand chose est centré, et la barre (avec le "Go") en fait partie, donc si on pouvait modifier. Pour supprimer l'espace, je n'ai strictement rien compris, pour comment faire.
Pour la taille, sur mon Forum, les textes (pas les titres) sont trop gros, donc à rétrécir. Je vais te faire chier jusqu'au bout, et je m'en excuse, mais encore une fois, je pense plus judicieux de directement travailler sur mon Forum test, il me semble que tu as mes identifiants, donc tu peux y accéder et modifier en toute tranquillité. Quand tout sera parfait, et se rapprochera de ton Forum où tu as mis cette PA, je pourrai enfin C/C le code dans mon Forum. | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Petite incruste pour un rappel : Air., la politesse n'est pas facultative, dire bonjour est la moindre des choses | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Le problème est-il résolu ? Si oui, merci de bien vouloir cocher l'icône en éditant votre sujet. | | |
| | | Druyk
{ Membre actif }
Messages : 339
| Bonjour, Mon collègue vous à fait une relance et toujours pas de réponses. Je suis désolé mais je vais devoir archivé votre demande d'aide.
| | |
| | | Contenu sponsorisé
| | | | | Page D'accueil codée sur Xooit ? | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|