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! |
| HEAVY♦SCORN
{ Membre }
Messages : 8
| Bonsoir à tous, à toutes.
Me lançant dans un nouveau projet de rp' seule, mais n'y connaissant que peu de choses en CSS / HTML et toutes ces petites choses, je me suis donc confectionnée un long code pour ma page d'accueil. Malheureusement, lorsque je l'entre dans la feuille HTML de cette dernière, cela ne rend absolument pas comme je l'aurai espérer. Ci-joint mon code, bien qu'un peu long :
- Code:
-
</script><br class="clear" /></div><div style="clear:both;"></div><style type="text/css">html body #add-google,html body #add-google iframe,html body iframe[name="google_ads_frame"],html body #add-google iframe[name="google_ads_frame"]{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body #add-google,html body #add-google iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body #add-google iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style><div style="height:3px"></div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><center><img src=" La banniere que tu souhaite mettre, ici. # Bienvenue sur : Bla bla bla # "></center><div style="background: Bande de fond, le truc moche tout vert qu'il y avait avant. :] ; -moz-border-radius:6px;" ><table border="0" cellpadding="0" cellspacing="0" height="110" width="700">
<tbody> <tr><td align="left" width="200px"><center><font style="background-color: Couleur du fond. ( Bande derriere le TopAffilates ) ;"><font color=" La couleur. ">_</font><font color=" Couleur. ">«</font> <span style="font-size: 20px; line-height: normal;"><font face="Police"> <font color="Couleur"><font face="Police"> <i>Tops Affilates</i></font></font></font></span> <font color="Couleur">»</font><font color="Couleur">_</font></font><br><br> <center><span class="widg0"><form> <select style="width: 180px;" onchange="location = this.options [this.selectedIndex].value"> <option selected="selected">
Favories.
</option>
<option value=" Liens ">
Nom du Favori. </option>
<option value=" Liens ">
Nom du Favoris. </option>
<option value=" Liens ">
Nom du Favori. </option>
<option value=" Liens ">
Nom du Favoris. </option>
<option value=" Liens ">
Nom du Favoris. </option>
<option value=" Liens ">
Nom du Favoris. </option>
<option value=" Liens ">
Nom du Favoris. </option>
<option value=" Liens ">
Nom du Favoris. </option>
<option value=" Liens ">
Nom du Favoris. </option>
</select></form></span><a href=" Image "><img src=" Image SOUS les : # Nos chèrs favories # " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></center></center></td>
<td align="left" width="300px"><center><font style="Couleur du fond. ( Bande derriere le Staff. );"><font color=" Couleur pour le Staff. ">_</font><font color="Couleur">«</font> <span style="font-size: 20px; line-height: normal;"><font face="Police"> <font color="Couleur"><font face="Police"> <i>Staff</i></font></font></font></span> <font color="#011202">»</font><font color="#4a734d">_</font></font><br><br>
<center><a href=" Liens 1 image du membres du staff."><img src=" Image du premier lien, membres du staff. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" Second lien. "><img src=" Seconde image. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 3 eme. "><img src=" 3 eme. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 4 eme. "><img src=" 4 eme. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></center> </center></td>
<td align="left" width="200px"><center><font style="Couleur du fond. ( Bande derriere le TopSite. );"><font color="Couleur pour le Topsite. ">_</font><font color="Couleur">«</font> <span style="font-size: 20px; line-height: normal;"><font face="Police"> <font color="Couleur"><font face="Police"> <i>Tops Sites</i></font></font></font></span> <font color="Couleur">»</font><font color="Couleur">_</font></font><br>
<center><a href=" Liens pour le 1 er TopSite. "><img src=" L'image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 2 eme. "><img src=" Image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 3 eme. "><img src=" Image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 4 eme. "><img src=" Image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a><br>
<a href=" 5 eme. "><img src=" Image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 6 eme. "><img src=" Image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 7 eme. "><img src=" Image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a> <a href=" 8 eme. "><img src=" Image pour celui ci. " style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></center> </center></td>
<html> <head> <style type="text/css"> #monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold;} #monmenu ul ul {display: none; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;} #monmenu ul.niveau2 {left: 0px; top: 22px;} #monmenu ul.niveau3 {left: 144px; top: -1px;} #monmenu li {list-style-type: none; position: relative; width: 140px; background-color: #E0E0E0; padding: 2px; margin: 0px} #monmenu li:hover, #monmenu li.sfhover {background-color: Couleur;} #monmenu li a {text-decoration:none;} #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block} #monmenu li.plus {background-position:right; background-image: url(illustrations/ fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;} </style> <!--[if lt IE 7]> <script type="text/javascript"> // Fonction destinée à remplacer le "LI:hover" pour IE 6 sfHover = function() { var sfEls = document.getElementById("monmenu").getElementsByTagName("li"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover = function() { this.className = this.className.replace(new RegExp(" sfhover"), ""); this.className += " sfhover"; } sfEls[i].onmouseout = function() { this.className = this.className.replace(new RegExp(" sfhover"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover); </script> <style type="text/css"> #monmenu li {width: 144px;} </style> <![endif]--> <div id="monmenu"> <ul class="niveau1"> <li> Titre. <ul class="niveau2"> <li class="plus"> <a href= " Liens "> <img alt=" " src=" Une image, si tu veux en mettre une. "border="none"> Titre. </a> <ul class="niveau3"> <li> <a href= " Liens "> <img alt=" " src=" Image. "border="none"> Titre. </a> </li> <li> <a href= " Liens "> <img alt=" " src=" Comme plus haut -.- "border="none"> Titre. </a> </li> </ul> </li> <li> <a href= " Liens "> <img alt=" "src=" Idem "border="none"> Titre. </a> </li> <li> <a href= "http://www.rankspirit.com"> <img alt=" "src=" Liens "border="none"> Titre. </a> </li> <li> <a href= "http://www.rankspirit.com"> <img alt=" "src=" Liens "border="none"> Titre </a> </li> <li> <a href= " Et moi je suis l'image ! "> <img alt=" "src=" Liens "border="none"> Titre ... </a> </li> </ul> </li> </ul>
</ul></div></center><br><br><br><div style="background: none; width: 400px; height: 70px" ><div align=justify>
Texte
</div></td> Il y a donc des petites annotations à la con, histoire que je me souvienne où placer ce que je veux y mettre, mais rien n'y fait, cela ne m'aide pas, et ma page d'accueil ne rend pas comme je l'aimerai. Pour vous expliquer la suite, j'vous poste deux screens histoire que vous compreniez ce qui me chagrine. Il y a trois cadres immondes que je n'arrive pas à enlever, malgré le fait que je recherche en vain ces bordures.
- Spoiler:
Merci à toute âme charitable susceptible de m'aider à avancer, et merci de votre patience.
Heavy.
| | |
| | | Boow
{ Membre actif }
Messages : 866
| Est-ce que je pourrais avoir le lien de ton forum sur lequel est installé tout ça ? =) | | |
| | | HEAVY♦SCORN
{ Membre }
Messages : 8
| Je me disais que j'avais oublié quelque chose ...
URL : http://spiderwick-chronicle.forumactif.com/forum.htm
Voilà, voilà ... J'essaie entre temps de modifier ce qui ne va pas, et je pense avoir trouver, mais bon. Je crois que ceci ne va pas dans mon code :
- Code:
-
<table border="0" cellpadding="0" cellspacing="0" height="110" width="700"> | | |
| | | Boow
{ Membre actif }
Messages : 866
| Hummm.... J'ai regardé le screen que vous avez fait et votre forum.... Vous avez réglé votre problème de cadres en trop ? =]
Alors je ne vois pas ce qui vous chagrine =O Si vous pourriez expliquer xD ^^ | | |
| | | HEAVY♦SCORN
{ Membre }
Messages : 8
| Je tâtonne petit à petit en fait. J'arrive à résoudre le problème des cadres, sauf que le code est vraiment ... En bazar. J'aimerai réussir à faire quelque chose comme ceci :
http://journal-d-un-vampire.forumactif.org/forum.htm ( Forum d'un ami )
Nous voulions faire la même chose, ils nous en a donné l'autorisation, mais rien ne fonctionne comme nous le voudrions ... Plus nous y touchons, plus le code devient incompréhensible =x | | |
| | | Boow
{ Membre actif }
Messages : 866
| En gros, si j'ai bien compris, vous voulez avoir la même page d'accueil que celui du forum de votre ami ? | | |
| | | HEAVY♦SCORN
{ Membre }
Messages : 8
| Au niveau de la structure en effet. Je suis désolée d'être si peu claire ._. | | |
| | | Boow
{ Membre actif }
Messages : 866
| Alors je ne comprends pas.... Pourquoi ne pas lui demander de vous passer son code ? O_O | | |
| | | HEAVY♦SCORN
{ Membre }
Messages : 8
| Si je suis passée ici, c'est simplement parce qu'il a refusé de me donner le code, en me disant de me débrouiller pour le trouver =) | | |
| | | Boow
{ Membre actif }
Messages : 866
| Ouais, okay, je comprends.... Donc vous voudriez quoi très précisément ?
Je suis désolé, je pense que c'est la fatigue qui commence à se faire sentir, j'viens de faire pas mal de travail ^^" | | |
| | | HEAVY♦SCORN
{ Membre }
Messages : 8
| J'aimerai simplement avoir la structure de sa PA pour l'incruster sur la mienne, rien de particulier en somme, sauf que j'ai beau chercher, je ne trouve rien :/ | | |
| | | Boow
{ Membre actif }
Messages : 866
| Donc qu'on vous donne la structure de sa page d'accueil ?
Ceci est une demande de code et non pas une aide. =) Donc attendez que la section concernant les demandes de code soit de nouveau ouverte =] | | |
| | | HEAVY♦SCORN
{ Membre }
Messages : 8
| Je ne savais pas, j'attendrai donc, merci =) | | |
| | | Boow
{ Membre actif }
Messages : 866
| Je déplace ceci dans les problèmes résolus, vous pourrez refaire un topic dans la section des commandes quand elle sera ouverte =] | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|