Besoin d'aide pour un code sur le msg de l'accueil

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

Résolu Besoin d'aide pour un code sur le msg de l'accueil

Message par PrettyLittleLove le Ven 27 Déc 2013 - 5:49

Bonjour à tous!!!

J'ai un soucis avec le code du message de ma page d'accueil :(j'ai voulu ajouté un détail et ca m'a tout perturbé  Confused 

C'est le code qu'il y a dans Affichage - Généralités

Code:
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Royal Events</title><style type="text/css">
<!--
.titrefofo {
font-size: 30px;
text-shadow: 2px 2px 2px #ffffff;
filter: dropshadow(color=#ffffff, offx=2, offy=2);
color: #653680;
font-family:'Happy Monkey';
letter-spacing: 6px;}

.menu {
font-size: 22px;
text-shadow: 2px 2px 1px #ffffff;
filter: dropshadow(color=#ffffff, offx=2, offy=2);
color: #966da1;
font-family:'Happy Monkey';
letter-spacing: -1px;
text-transform: lowercase;}

#contour {
width: 895px;
border: 1px solid #e00077;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#contourmenu {
width: 250px;
height: 155px;
overflow: auto;
padding: 5px;
text-align:justify;
letter-spacing: 1px;
border: 1px double #e00077;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#contourmenu2 {
width: 550px;
height: 155px;
overflow: auto;
padding: 5px;
text-align:justify;
letter-spacing: 1px;
border: 1px double #e00077;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#subnav a {
display: block;
text-align: center;
background-color:  #;
height: 5px;
text-shadow: 1px 1px 4px #d99ad9;
filter: dropshadow(color=#d99ad9, offx=1, offy=1);}

#subnav a:hover {
text-shadow: 1px 1px 4px #6b68c7;
filter: dropshadow(color=#6b68c7, offx=1, offy=1);}
.credit {font-size: 10px}

/* infobulle*/
.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
left: -700px;
visibility: hidden;
color: #000;
width:140px;
height:30px;
text-align:center;
margin:auto;
font-size: 10px; }

.thumbnail span img{}

.thumbnail:hover span{
visibility: visible;
top: 30px;
left: -25px;
width: 140px;}
.crédit {font-size: 11px}
/*fin infobulle*/
-->
</style> <fieldset id="contour"><legend></legend><span class="titrefofo"></span>Royal Events</fieldset>
<table border="0" style="width: 892px;">
   
   <tbody>
      
      <tr>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>Bienvenue </fieldset>
            <div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
                Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse.
            </div><fieldset id="contourmenu"></fieldset>
         </td>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>nouveautés <marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();" style="height: 120px;"></marquee></fieldset>
            <div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
                ♠ 27/03/13 : Ouverture du forum <br /> ♠ 07/04/13 : Annonce de la convention -A is Everywhere <br /> ♠ 28/04/13 : Annonce de la venue de Keegan Allen <br /> ♠ 26/08/13 : Annonce de la convention The Full Moon is coming <br /> ♠ 14/12/13 Annonce de Sasha Pieterse<br /> ♠ 26/12/13 Annonce de Max Carver<br /> ♠ 26/12/13 Annonce de Adam Fristoe<br /> ♠ 18/01/14 : -A is Everywhere 1/2 <br /> ♠ 19/01/14 : -A is Everywhere 2/2 <br /> ♠ 10/05/14 : The Full Moon is coming 1/2 <br /> ♠ 11/05/14 : The Full Moon is coming 2/2 <br />
            </div><fieldset id="contourmenu"><marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();" style="height: 120px;"></marquee> </fieldset>
         </td>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>top partenaires </fieldset>
            <div align="center" style="height: 120px; overflow: auto;">
                <br /> <a href="http://prettylittleliars.us/" _blank"=""><img src="http://i79.servimg.com/u/f79/18/21/57/43/pllus11.png" border="0" /> </a> ♣ <a href="https://www.facebook.com/DreamupMag?ref=ts&fref=ts" _blank"=""><img src="http://i79.servimg.com/u/f79/18/21/57/43/dreamu10.jpg" border="0" /></a> <br /> <a href="http://prettylittlelove.serie-tv-forum.com/" _blank"=""><img src="http://i40.servimg.com/u/f40/17/80/20/04/logo_f11.gif" border="0" /></a> ♣ <a href="http://prettylittleliars.forumactif.com/" _blank"=""><img src="http://i46.tinypic.com/9jq2b4.jpg" border="0" /> </a> <br /> <a href="http://teemix.aufeminin.com/" _blank"=""><img src="http://i79.servimg.com/u/f79/18/21/57/43/teemix11.jpg" border="0" /></a> ♣ <a href="http://teenwolfies.com/" _blank"=""><img src="http://i70.servimg.com/u/f70/18/21/57/43/bouton10.png" border="0" /> </a> <br /> <a href="#" target="_blank"><img src="http://stock.lostmindy.net/codages/bouton8831.jpg" border="0" /></a> ♣ <a href="#" target="_blank"><img src="http://stock.lostmindy.net/codages/bouton8831.jpg" border="0" /> </a> <br />
            </div><fieldset id="contourmenu"> </fieldset>
         </td>
         
      </tr>
      
      <tr>
         
         <td valign="top">
             <fieldset id="contourmenu"><legend></legend><span class="menu"></span>Convention </fieldset>
            <div align="center" style="">
               
               <center>
                   <img src="http://i78.servimg.com/u/f78/18/20/52/54/-a_is_10.png" border="0" />
               </center>
               
            </div><fieldset id="contourmenu"> </fieldset>
         </td>
         
         <td valign="top" colspan="2">
             <fieldset id="contourmenu2"><legend></legend><span class="menu"></span>Guests </fieldset>
            <div id="subnav" style="">
               
               <center>
                   <img src="http://i78.servimg.com/u/f78/18/20/52/54/keeg10.png" border="0" />
               </center>
               
            </div><fieldset id="contourmenu2"> </fieldset>
         </td>
         
      </tr>
      
   </tbody>
</table><fieldset id="contour"></fieldset>

Voilà le lien du forum: http://royalevents.forumactif.org/

Quelqu'un saurait-il me dire ce qu'il faudrait changer pour remettre les infos dans leurs cases s'il vous plait?  Very Happy 

Je vous souhaite à tous de très bonnes fêtes de fin d'année  santa  rendeer  Like a Star @ heaven et merci d'avance pour vos réponses!


Dernière édition par PrettyLittleLove le Ven 3 Jan 2014 - 0:10, édité 1 fois

PrettyLittleLove
Nouveau membre

Messages : 20
Inscrit(e) le : 27/10/2012

http://prettylittlelove.serie-tv-forum.com/
PrettyLittleLove a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour un code sur le msg de l'accueil

Message par Lixyr le Ven 27 Déc 2013 - 13:48

Bonjour.

 Like a Star @ heaven Alors, déjà, on va bouger le CSS, ça prendra moins de place.
Donc vous retirez le CSS du code de la PA :
Code:
   .titrefofo {
    font-size: 30px;
    text-shadow: 2px 2px 2px #ffffff;
    filter: dropshadow(color=#ffffff, offx=2, offy=2);
    color: #653680;
    font-family:'Happy Monkey';
    letter-spacing: 6px;}

    .menu {
    font-size: 22px;
    text-shadow: 2px 2px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=2, offy=2);
    color: #966da1;
    font-family:'Happy Monkey';
    letter-spacing: -1px;
    text-transform: lowercase;}

    #contour {
    width: 895px;
    border: 1px solid #e00077;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

    #contourmenu {
    width: 250px;
    height: 155px;
    overflow: auto;
    padding: 5px;
    text-align:justify;
    letter-spacing: 1px;
    border: 1px double #e00077;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

    #contourmenu2 {
    width: 550px;
    height: 155px;
    overflow: auto;
    padding: 5px;
    text-align:justify;
    letter-spacing: 1px;
    border: 1px double #e00077;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

    #subnav a {
    display: block;
    text-align: center;
    background-color:  #;
    height: 5px;
    text-shadow: 1px 1px 4px #d99ad9;
    filter: dropshadow(color=#d99ad9, offx=1, offy=1);}

    #subnav a:hover {
    text-shadow: 1px 1px 4px #6b68c7;
    filter: dropshadow(color=#6b68c7, offx=1, offy=1);}
    .credit {font-size: 10px}

    /* infobulle*/
    .tstaff{font-size:1em;}

    .thumbnail{position: relative;z-index: 0;}

    .thumbnail:hover{background-color: transparent;z-index: 50;}

    .thumbnail span{
    position: absolute;
    left: -700px;
    visibility: hidden;
    color: #000;
    width:140px;
    height:30px;
    text-align:center;
    margin:auto;
    font-size: 10px; }

    .thumbnail span img{}

    .thumbnail:hover span{
    visibility: visible;
    top: 30px;
    left: -25px;
    width: 140px;}
    .crédit {font-size: 11px}
    /*fin infobulle*/
et vous le mettez dans la feuille de style CSS :
panneau >> affichage >> couleurs >> feuille de style CSS

 Like a Star @ heaven Ensuite on supprime dans la PA ce qui ne sert plus à rien :
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Royal Events</title><style type="text/css">
   <!--

   -->
   </style>
(la balise meta ne sert à rien, elle est déjà présente sur le forum)

 Like a Star @ heaven Ensuite on regarde le code :

<fieldset id="contour"><legend></legend><span class="titrefofo"></span>Royal Events</fieldset>
=> vous avez des balises sans contenu. Il faut remettre tout ça en ordre, donc le texte dans le span, et le span dans la balise legend.
<fieldset id="contour"><legend><span class="titrefofo">Royal Events</span></legend></fieldset>
dans le bon ordre, sinon ça va se mélanger à nouveau.

Il va falloir faire ça pour tous les titres.

 Like a Star @ heaven Ensuite, il va falloir repérer tous les contenus qui sont vides et les enlever, et remettre les contenus dans les blocs.
Votre code est ainsi :
- fieldset
- legend
- div

Vous avez le contenu dans une div. Mais la div doit être dans le fieldset.
Donc au lieu d'avoir :
<fieldset id="contourmenu"><legend></legend><span class="menu"></span>Bienvenue </fieldset><div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse.
</div>

vous devriez avoir :

<fieldset id="contourmenu"><legend></legend><span class="menu"></span>Bienvenue <div style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;">
Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse.
</div> </fieldset>

Sauf que la balise fieldset est une balise de citation, à la base, pas de type bloc, donc on ne peut pas mettre de bloc dedans. Il va donc falloir mettre le contenu uniquement dans le fieldset, et mettre le style de la div à la balis fieldset, ou bien changer de méthode. Comme vous voulez.

Ce qui donne en gros :
<fieldset id="contourmenu" style="height: 115px; overflow: auto; letter-spacing: -1px; padding: 2px; font-size: 11.5px;"><legend><span class="menu">Bienvenue </span></legend> Bienvenue sur le forum de Royal Events ! <br /><br />Nous sommes une société qui a pour but de créer des évènements consacrés aux séries tv et de répondre le plus possible à vos attentes ! <br />Royal Events vous accueillera dans la jolie ville de Toulouse. </fieldset>

 Like a Star @ heaven Ensuite vous remarquerez qu'il y a des balises sans contenu. Par exemple, ceci :
<fieldset id="contourmenu"><marquee behavior="scroll" direction="up" scrollamount="1" scrolldelay="1" onmouseover="this.stop();" onmouseout="this.start();" style="height: 120px;"></marquee> </fieldset>
Une fois que vous aurez remis le contenu au bon endroit, il faudra enlever toutes les balises vides.

Bon le soucis, c'est que la balise fieldset n'étant pas faite pour ce que vous faite, la scroll-barre et tout le tintouin sensé fonctionner avant avec la div ne fonctionnera pas ici, donc je vous conseille fortement d'abandonner la balise fieldset et d'utiliser une autre solution pour avoir vos titres ainsi, ça sera beaucoup plus simple.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5646
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour un code sur le msg de l'accueil

Message par PrettyLittleLove le Mar 31 Déc 2013 - 2:06

Merci beaucoup Lixyr !!!! Trop forte Wink Je changerais quand j'aurais un peu de temps ^^
Thanks

Passe un bon dernier jour de 2013  Very Happy

PrettyLittleLove
Nouveau membre

Messages : 20
Inscrit(e) le : 27/10/2012

http://prettylittlelove.serie-tv-forum.com/
PrettyLittleLove 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