Perte des CSS...

[lyvie]

Bonjour, bonsoir à toutes et à tous !

Excusez moi de vous imposer de nouveau une énigme à résoudre mais... Comme il est dit dans la description, j'ai raté une manipulation et j'ai perdu mes données dans les feuilles de style CSS, j'ai réussi à conserver sur un autre forum ce à quoi cela ressemblait, cependant, je n'ai plus accès au panneau d'administration, longue histoire...

Voici donc le charabia, ceci est le code de la page d'accueil :

Code:

<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"><div id="accueil"><div id="page1"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Staff</span></td><td><div class="contenu"><blockquote><br><br><div class="infobulle"><img src="http://i35.servimg.com/u/f35/16/55/03/23/400x1011.jpg">
<span><b>I</b>lithyia <b>M</b>ydel'ren<br><i>Admin & Fondatrice</i><br><font color="white"><a href="http://ulysarith.rpg-dynasty.com/u1?tid=58f3ecf82c3d6f3779c1adcb7a22dacd" class="postlink">Profil</a><br><a href="http://ulysarith.rpg-dynasty.com/u1contact?tid=58f3ecf82c3d6f3779c1adcb7a22dacd" class="postlink">Contact</a></font></span></div></blockquote></div></td></tr></table></div><div id="page2"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Tops-sites et Partenariats</span></td><td><div class="contenu"><blockquote><br>Tops-sites :<br><a href="http://www.root-top.com/topsite/heroicfantasy/in.php?ID=1395" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/heroicfantasy/banner.gif" border="0" alt="" /></a> <a href="http://www.elwen.org/top50/in.php?id=462" target="_blank"><img src="http://www.elwen.org/top50/88x31.gif" border="0"></a> <a href="http://www.root-top.com/topsite/korben/in.php?ID=12718" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/korben/banner.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=3319" class="postlink" target="_blank" rel="nofollow"><img src="http://img.root-top.com/topsite/virtu4lgames/banner.gif" border="0" alt="" /></a><br><br>Partenaires :<br><a href="http://aeserya.forumactif.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i32.servimg.com/u/f32/16/62/41/44/88_foi10.jpg" border="0" alt="" /></a></blockquote></div></td></tr></table></div><div id="page3"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Contexte, News et Liens</span></td><td><div class="contenu"><blockquote><br><table border="1"><tr><td align="left"><blockquote><div align="justify">Dans un temps très lointain, quatre Dieux vinrent au monde, nés de la magie elle-même. Frères et sœurs, ils avaient chacun leur caractère et leur particularité. Les deux aînés et la cadette, s'entendant à merveille, décidèrent de créer un monde. Mais le deuxième frère, cupide, voulu détruire leur création. Il envoya des créatures pour dévaster leur monde, et la guerre entre les mortels et les monstres commença.<br><br>Les Dieux, voyant leur création mourir, leur donnèrent une toute autre arme : la magie. Chaque être doté d'intelligence était capable de s'en servir, mais Vrarbag vit que ces créatures n'en étaient pas dotées. Il en créa donc d'autres, plus puissantes que les précédentes, afin que celles-ci puissent utiliser la magie. Les guerres devenaient de pire en pire, et les mortels commençaient à oublier les Dieux. Privés de prières, ils mourraient lentement, et bientôt ils ne purent plus aider ce monde. Ils n'avaient plus qu'une magie, celui de la création, et malheureusement ils étaient trop faible pour se permettre de l'utiliser. Vrarbag était devenu plus fort encore, se nourrissant de la peur des gens, et très vite les trois Dieux ne virent plus qu'une issue.<br><br><div align="right"><a href="http://ulysarith.rpg-dynasty.com/t2-contexte#2?tid=07a3bac222251fd479c1adcb7a22dacd" class="postlink">[Lire la suite...]</a></blockquote></justify></td><td align="left"><marquee direction="up">21/03/2012: création du forum<br><br>23/03/2012: ouverture officielle du forum</marquee></td><td align="left"><div style="margin:auto;text-align:center;width:100%"><a href="http://ulysarith.rpg-dynasty.com/t6-les-castes#6?tid=07a3bac222251fd479c1adcb7a22dacd" class="postlink">Castes</a><br><br><a href="http://ulysarith.rpg-dynasty.com/t3-la-magie#3?tid=07a3bac222251fd479c1adcb7a22dacd" class="postlink">Magie</a><br><br><a href="http://ulysarith.rpg-dynasty.com/t9-reglement#9?tid=07a3bac222251fd479c1adcb7a22dacd" class="postlink">Règlement</a><br><br><a href="http://ulysarith.rpg-dynasty.com/t8-postes-a-pourvoir#8?tid=07a3bac222251fd479c1adcb7a22dacd" class="postlink">Postes à pourvoir</a><br><br><a href="http://ulysarith.rpg-dynasty.com/t4-les-races#4?tid=07a3bac222251fd479c1adcb7a22dacd" class="postlink">Races</a><br><br></div></td></tr></table></blockquote></div></td></tr></table></div><div id="page4"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Autre</span></td><td><div class="contenu"><blockquote><table border="0"><tr><td align="left"><div class="infobulle"><a href="http://ulysarith.rpg-dynasty.com/t10-amalica-bator-elfe#10?tid=537e5629eb47fff379c1adcb7a22dacd" class="postlink"><img src="http://i35.servimg.com/u/f35/16/55/03/23/amalic10.jpg"></a><span>Amalica Bator<br>Elfe<br>Mage du sang, de la caste des Herboristes</span></div></td><td align="left"><div class="infobulle"><a href="http://ulysarith.rpg-dynasty.com/t12-ciryye-fan-ange#12?tid=537e5629eb47fff379c1adcb7a22dacd" class="postlink"><img src="http://i35.servimg.com/u/f35/16/55/03/23/ciryya10.jpg"></a><span>Ciryyë Fan<br>Ange<br>Mage guérisseur, de la caste Royale</span></div></td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td></tr><tr><td align="left"><div class="infobulle"><a href="http://ulysarith.rpg-dynasty.com/t11-bandelac-breron-humain#11?tid=537e5629eb47fff379c1adcb7a22dacd" class="postlink"><img src="http://i35.servimg.com/u/f35/16/55/03/23/bandel11.jpg"></a><span>Bandelac Breron<br>Humain<br>Mage guerrier, de la caste Guerrière</span></div></td><td align="left"><div class="infobulle"><a href="http://ulysarith.rpg-dynasty.com/t13-dranan-kocer-demon#13?tid=537e5629eb47fff379c1adcb7a22dacd" class="postlink"><img src="http://i35.servimg.com/u/f35/16/55/03/23/dranan10.jpg"></a><span>Dranan Kocer<br>Démon<br>Mage invocateur, de la caste des Meurtriers</span></div></td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td></tr><tr><td align="left"></td><td align="left"></td><td align="left"> </td><td align="left"> </td><td align="left"><br><br><br><br></td><td align="left"> </td></tr><tr><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left">                                                     </td><td align="left"> </td><td align="left"> </td></tr><tr><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td></tr><tr><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td></tr><tr><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td></tr><tr><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"> </td><td align="left"><div style="margin:auto;text-align:center;width:100%">Sur une idée originale de Ilithyia.
Design et concept de Ilithyia.
Avec l'aide de Never Utopia.
Optimisé pour Firefox.</div></td></tr></table></blockquote></div></td></tr></table></div><div id="page5"><table class="contenu_page"><tr><td style="width: 40px; overflow: hidden;"><span class="page_titre">Video</span></td><td><div class="contenu">A venir</div></td></tr></table></div>
</div></div></td></tr></table><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center"><tr><td valign="bottom"><span class="gensmall">Dernière visite le Ven 28 Sep - 8:02<br />La date/heure actuelle est Ven 28 Sep - 18:28<br /></span><div class="nav"><a class="nav" href="/forum">Le monde de Ulysarith</a></div></td>

Et ici, vous trouverez ce à quoi cela ressemble...

http://ulysarith.rpg-dynasty.com/forum

Avant de perdre cela, je désirais appliquer cette page d'accueil a un autre forum, mais ceci n'a que peu d'importance je crois ?...

Si ceci est impossible, pas de problème je m'arrangerai avec ma... soeur !

A cause de tout cela, il y a une technique dont je ne me souviens absolument plus. Sur le forum il y a trois onglets, "Avant tout" "Ulysarith" "Hors rp", y aurait-il moyen que l'un d'entre vous sache comment s'y prendre ?

Merci d'avance, encore désolée... et bon courage pour ceux qui oseront jeter un oeil !

Bien cordialement,
Lyvie.


Edit : peut-être qu'au lieu de faire défiler les pages de la page d'accueil quelque chose comme ca est plus évident ?

http://harry-potter-world.exprimetoi.net/

[lyvie]

Un petit Up !

[lyvie]

Un autre petit up !

[lyvie]

Another one !

[lyvie]

Up guys !

[lapin-forum-sarah]

Je ne sais pas comment t'aider, mais je sais juste qu'il vaut mieux enregistrer ton CSS sur un traitement de texte, en faisant un copier/coller, pareil pour les temmplates, htm, javascript
Je suis désolée.

[Pinguino]

Bonjour


en fait je n'ai absolument pas compris ce que vous attendiez de nous ?
Vous voulez quoi exactement ?

Cordialement,

[Ea]

Bonjour,


Sinon pour voir le css, il suffit de faire : CTRL + U ( ou clic droit afficher la source ) et rechercher les balises <link> avec un attribut "rel" avec la valeur "stylesheet".

Sur le forum que vous indiquez, en cherchant cela il n'y a que :

Code:

<link rel="stylesheet" href="/60-ltr.css" type="text/css" />

En mettant ce bout d'adresse à l'adresse du forum, on a :

http://ulysarith.rpg-dynasty.com/60-ltr.css

Et en ignorant le css de base, le css personnalisé de cette feuille est :

Code:

  /* CSS pour le conteneur des catégories */
  #conteneur_categories
  {
     
  }

  /* CSS pour les catégories */ 
  .categorie
  {
 
  }
 
  /* CSS pour le conteneur des onglets */
  #conteneur_onglets
  {
      display: none;
  }
 
  /* CSS pour les onglets */
  .onglet
  {
      cursor: pointer;
  }


#accueil
{
width: 900px;
height: 400px;
overflow: hidden;
background: url(http://i35.servimg.com/u/f35/16/55/03/23/900x5013.jpg) right no-repeat;
border: 3px solid #272727;
}
#page1
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #555555;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page1:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #777777;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #9b9b9b;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page3:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #bababa;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page4:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5
{
width: 40px;
height: 400px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 400px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 400px;
color: #ffffff;
margin-left: -180px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 650px;
height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

#profil_head
{
background-image: none;
background-repeat: no-repeat;
width: largeur de votre image;
height: hauteur de votre image;
}

#name
{
padding-top: 5px;
}

#profil_body
{
background-image: none;
background-repeat: repeat-y;
width: largeur de votre image;
}

#profil_foot
{
background-image: none;
background-repeat: no-repeat;
width: largeur de votre image;
height: hauteur de votre image;
}

.statistiques{
border:0px;
background-image: url("IMAGE EN BAS");
background-repeat: no-repeat;
background-position: left;
height:270px;}

.groupes{
background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.bodyline{
background: transparent;
border: none;
}

        .infobulle{position: relative;z-index: 0;}
       
        .infobulle:hover{background-color: transparent;z-index: 50;}
       
        .infobulle span{
        position: absolute;
        background-color: #000000;
        padding: 5px;
        left: -1000px;
        visibility: hidden;
        color: #FFFFFF;}
       
        .infobulle span img{
        border: 1px;
        padding: 5px;}
       
        .infobulle:hover span{
        visibility: visible;
        top: 70px;
        left: 35px;
        width: 150px ;
        color:#FFFFFF;
        border: 1px solid #000;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;}

.texte:first-letter {
font-size:300%;float:left
text-shadow: 1px 1px 1px #000
}

Cordialement.

[lyvie]

Votre savoir est immense *-*. Merci à tous d'avoir pris la peine de poster dans mon pauvre sujet.

Prochaine fois je ne me ferai pas avoir !

Cordialement.