| demande aide pour le panneau d'accueil |
|
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: demande aide pour le panneau d'accueil | | Coucou Katia Bon je t'es fait le code du html et le CSS, parcontre j'ai laissée les carées mais de la couleurs rose de ton panneau d'accueil Le Html : - Code:
-
<div id="f1_accueil"> <table style="width: 100%;"> <tr><td class="f1_col1"><div class="f1_contexte"> Quod opera consulta cogitabatur astute, ut hoc insidiarum genere Galli periret avunculus, ne eum ut praepotens acueret in fiduciam exitiosa coeptantem. verum navata est opera diligens hocque dilato Eusebius praepositus cubiculi missus est Cabillona aurum secum perferens, quo per turbulentos seditionum concitores occultius distributo et tumor consenuit militum et salus est in tuto locata praefecti. deinde cibo abunde perlato castra die praedicto sunt mota.<br /> Unde Rufinus ea tempestate praefectus praetorio ad discrimen trusus est ultimum. ire enim ipse compellebatur ad militem, quem exagitabat inopia simul et feritas, et alioqui coalito more in ordinarias dignitates asperum semper et saevum, ut satisfaceret atque monstraret, quam ob causam annonae convectio sit impedita.<br /> Post haec indumentum regale quaerebatur et ministris fucandae purpurae tortis confessisque pectoralem tuniculam sine manicis textam, Maras nomine quidam inductus est ut appellant Christiani diaconus, cuius prolatae litterae scriptae Graeco sermone ad Tyrii textrini praepositum celerari speciem perurgebant quam autem non indicabant denique etiam idem ad usque discrimen vitae vexatus nihil fateri conpulsus est. </div></td> <td style="vertical-align: top;"><div class="f1_bloconglets"> <span class="f1_onglet1"><div class="f1_contenu1"> <span class="f1_liens"><a href="#">Lien 1</a> - <a href="#">Lien 1</a> - <a href="#">Lien 1</a> - <a href="#">Lien 1</a></span> <table><tr> <td><div class="f1_news"><marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"><span style="display: block; text-align: justify;">Quod opera consulta cogitabatur astute, ut hoc insidiarum genere Galli periret avunculus, ne eum ut praepotens acueret in fiduciam exitiosa coeptantem. verum navata est opera diligens hocque dilato Eusebius praepositus cubiculi missus est Cabillona aurum secum perferens, quo per turbulentos seditionum concitores occultius distributo et tumor consenuit militum et salus est in tuto locata praefecti. deinde cibo abunde perlato castra die praedicto sunt mota.</span></marquee></div></td> <td><div class="f1_credits">(c) Crédits du forum<br /> Merci à ...<br /> PA par <a href="http://www.never-utopia.com">Never-Utopia</a>.</div></td> </tr></table> </div></span>
<span class="f1_onglet2"><div class="f1_contenu2"><marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"> <span class="f1_staff1"><div class="f1_staffcontenu1">Information Fondateur</div></span> <span class="f1_staff2"><div class="f1_staffcontenu2">Information Administrateur</div></span> <span class="f1_staff3"><div class="f1_staffcontenu3">Information Co-Administrateur</div></span> <span class="f1_staff4"><div class="f1_staffcontenu4">Information Modérateurs</div></span> <span class="f1_staff5"><div class="f1_staffcontenu5">Information Animatrice</div></span> <span class="f1_staff6"><div class="f1_staffcontenu6">Information Créateur de tuto</div></span> </div></span></marquee>
<span class="f1_onglet3"><div class="f1_contenu3"> <table><tr> <td><div class="f1_friends"><marquee direction="up" scrollamount="2" onmouseover="this.stop();" onmouseout="this.start();"><center>partenaires</center></marquee></div></td> <td><div class="f1_topsites"> topsites </div></td> </tr></table> </div></span>
</div> </td> </tr></table> </div>
Pour le Css: - Code:
-
/* PAGE ACCUEIL FORME 1 */
#f1_accueil { width: 800px; height: 500px; margin: auto; background: url(http://img15.hostingpics.net/pics/621365PanneauAccueil.png); text-shadow: none !important; } #f1_accueil a { color: #ba8550 !important; text-shadow: none !important; } #f1_accueil a:hover { color: #e58f3a !important; text-shadow: none !important; } .f1_col1 { width: 300px; vertical-align: top; } .f1_contexte { width: 220px; height: 300px; overflow: auto; margin-top: 100px; margin-left: 65px; text-align: justify; color: #7e6144; text-shadow: 1px 1px 0px #ffffff; } .f1_bloconglets { margin-top: 80px; } .f1_onglet1, .f1_onglet2, .f1_onglet3 { display: inline-block; width: 110px; height: 50px; } .f1_onglet1 { margin-left: 50px; margin-right: 25px; } .f1_onglet2 { margin-right: 30px; } .f1_contenu1, .f1_contenu2, .f1_contenu3 { position: absolute; width: 0px; height: 220px; margin-top: 40px; padding-top: 40px; overflow: hidden; font-size: 11px; color: #7e6144; } .f1_contenu1 { margin-left: -10px; } .f1_contenu2 { margin-left: -149px; } .f1_contenu3 { margin-left: -294px; } .f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 { width: 400px; } .f1_liens { display: block; text-align: center; } .f1_liens a { font-size: 16px; font-weight: bold; } .f1_news, .f1_friends { width: 200px; height: 200px; overflow: hidden; text-align: justify; } .f1_credits, .f1_topsites { height: 150px; border-left: 1px solid #d19962; margin-left: 5px; padding: 5px; text-align: center; } .f1_staff1, .f1_staff2, .f1_staff3 , .f1_staff4 , .f1_staff5 , .f1_staff6 { display: block; width: 50px; height: 50px; background: url() #cd2b57; margin-bottom: 20px; margin-top: 20px; border: 1px solid #d19962; } .f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 , .f1_staffcontenu4 , .f1_staffcontenu5 , .f1_staffcontenu6 { position: absolute; width: 0px; height: 150px; background: #ffffff; margin-left: 80px; overflow: hidden; } .f1_staffcontenu2 { margin-top: -72px; } .f1_staffcontenu3 { margin-top: -144px; } .f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 , .f1_staff4:hover .f1_staffcontenu4 , .f1_staff5:hover .f1_staffcontenu5 , .f1_staff6:hover .f1_staffcontenu6 { width: 300px; border: 1px solid #d19962; }
Bisousss |
| | | | katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 55 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 104200 Re: demande aide pour le panneau d'accueil | | merci ptite_perle, mais pourquoi tu as laissé les carrés?? on ne peut pas les remplacer par les images??
et j'ai 7 groupes là il y en a que 6.
escuse moi si je t'embête, dis-moi juste comment je peux faire et je le ferais, et aussi je voulais le visualiser sur mon logiciel dreamweaver 8 pour voir ce que ça donne avant de le mettre en ligne, mais ça ne marche pas.
merci ma puce pour toute ton aide
bisous |
| | | | Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: demande aide pour le panneau d'accueil | | Coucou Katia
Pour mettre tes images , il faut tout modifier le codage existant.
En suite euh quel rang j'ai oubliée? tu en as mit que six
Aprés pour le visualiser dans dream, tu as le code html, mais tu as aussi le code CSS, donc il faut créer aussi la page Css dans dream.
Bisousss |
| | | | katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 55 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 104200 Re: demande aide pour le panneau d'accueil | | non c'est bon pour les groupes, et j'ai eu le admin de never utopia, il m'a dit qu'il faut mettre l'image devant la div voir le message ci-dessous - Code:
-
<span class="f1_staff1"><img src="#" /><div class="f1_staffcontenu1">Information staff 1</div></span> Tu mets l'image avant la "div" de description normalement. donc voilà en principe d'après lui il faut faire que ça |
| | | | Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: demande aide pour le panneau d'accueil | | Coucou
Ah ben parfait, tu as plus qu'a faire ainsi pour les images
Bisousss |
| | | | katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 55 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 104200 Re: demande aide pour le panneau d'accueil | | oui mais alors pour pas perdre mes données sur le forum j'ai créer un forum de test comme ça je ferais mes tests dessus, si tu veux on peut ce le partager et si tu as besoin pour tes testes, n'hésite pas à me dire je te donnerais l'adresse et les infos pour aller sur le PA bisous |
| | | | Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: demande aide pour le panneau d'accueil | | Coucou Katia
Merci de ta proposition, j'ai déjà mon forum de test
Bisoussss |
| | | | katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 55 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 104200 Re: demande aide pour le panneau d'accueil | | ok mais bon si au cas où n'hésite pas, bisous |
| | | | Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: demande aide pour le panneau d'accueil | | |
| | | | katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 55 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 104200 Re: demande aide pour le panneau d'accueil | | super j'ai réussi mon PA, si tu veux aller voir sur mon fofo, c'est bien d'avoir un forum teste, au moins tu peux voir et changer si ça ne va pas. encore merci pour tout bisous |
| | | | Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: demande aide pour le panneau d'accueil | | Ravie que tu t'en sortie pour ton PA
Bisoussssssss |
| | | | katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 55 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 104200 Re: demande aide pour le panneau d'accueil | | grace à toi et à utopia j'ai pu le faire et puis avec le forum de test c'est super, comme ça je teste et je ne gêne pas les membres pour qu'ils puissent y aller. merci encore pour tout ma puce.
dis-moi es que tu compte participer au concours interforum??
ce serais bien que les admins le fasse
bisous |
| | | | Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Re: demande aide pour le panneau d'accueil | | Coucou Katia Je suis ravie de t'avoir aidée, oui pour le forum de test, c"est bien d'en avoir, c'est plus pratique. Oui pour le concours, demain je mit colle Bisousss |
| | | | katia66Membre Messages : 2192 Venue : 16/03/2010 Je suis : Age : 55 Je vie à : vernet les bains pyrénées-orientales Humeur : joyeuse,patiente,fêtarde Mes Points : 104200 Re: demande aide pour le panneau d'accueil | | |
| | | |
Sujets similaires | |
|
Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |