Perte des CSS...

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Perte des CSS...

Message par lyvie le Ven 28 Sep 2012 - 18:40

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/


Dernière édition par lyvie le Sam 6 Oct 2012 - 10:55, édité 1 fois

lyvie
****

Féminin
Messages : 326
Inscrit(e) le : 11/04/2009

http://tenyaku-unmei.forumgratuit.org/
lyvie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Perte des CSS...

Message par lyvie le Sam 29 Sep 2012 - 19:44

Un petit Up Smile !

lyvie
****

Féminin
Messages : 326
Inscrit(e) le : 11/04/2009

http://tenyaku-unmei.forumgratuit.org/
lyvie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Perte des CSS...

Message par lyvie le Dim 30 Sep 2012 - 21:25

Un autre petit up Smile !

lyvie
****

Féminin
Messages : 326
Inscrit(e) le : 11/04/2009

http://tenyaku-unmei.forumgratuit.org/
lyvie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Perte des CSS...

Message par lyvie le Lun 1 Oct 2012 - 21:01

Another one ! Smile

lyvie
****

Féminin
Messages : 326
Inscrit(e) le : 11/04/2009

http://tenyaku-unmei.forumgratuit.org/
lyvie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Perte des CSS...

Message par lyvie le Mer 3 Oct 2012 - 13:54

Up guys !

lyvie
****

Féminin
Messages : 326
Inscrit(e) le : 11/04/2009

http://tenyaku-unmei.forumgratuit.org/
lyvie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Perte des CSS...

Message par lapin-forum-sarah le Mer 3 Oct 2012 - 14:06

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 Wink
Je suis désolée.

lapin-forum-sarah
**

Féminin
Messages : 67
Inscrit(e) le : 30/09/2012

http://chat-forum.forumdediscussions.com/
lapin-forum-sarah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Perte des CSS...

Message par Pinguino le Mer 3 Oct 2012 - 14:14

Bonjour


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

Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10233
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Perte des CSS...

Message par Ea le Mer 3 Oct 2012 - 15:04

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.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Perte des CSS...

Message par lyvie le Sam 6 Oct 2012 - 10:55

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 Wink !

Cordialement.

lyvie
****

Féminin
Messages : 326
Inscrit(e) le : 11/04/2009

http://tenyaku-unmei.forumgratuit.org/
lyvie a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum