Invité
Invité
| Sujet: Une page d'accueil pour Mariiie Dim 9 Jan - 14:37 | |
| Hey tout le monde Je reviens avec une nouvelle commande Commandes de HTML/CSS Type de codage : Page d'accueil Plan du rendu souhaité : https://2img.net/r/ihimizer/img208/4581/modlepa.pngCouleurs & Images à utiliser : pour les couleurs j'aimerai le régler moi même donc faîte comme vous souhaitez pour la partie staff et scénario >> https://2img.net/r/ihimizer/img413/3803/imgpastaff.png Je remplacerai moi même après nous sommes 5 après pour la partie scénario mettez la même image (a) Code spéciaux à utiliser : - Code:
-
Ici Je ne connais pas les codes pour les infobulles et pour faire défiler :S Adresse du forum ou sera utilisé le code fourni : http://los-angeles-city.forumactif.infoEn fait j'aimerai le code de base et le CSS pour que après je puisse moi même remplir :S Donc voilà ... Merci d'avance à celui ou celle qui s'en occupera Si vous avez des questions n'hésitez surtout pas |
|
Invité
Invité
| Sujet: Re: Une page d'accueil pour Mariiie Mer 12 Jan - 20:10 | |
| |
|
Invité
Invité
| Sujet: Re: Une page d'accueil pour Mariiie Lun 24 Jan - 14:44 | |
| Bonjour, Je prends ta commande, excuse nous pour l'attente. Voilà ce que j'ai fais : - Spoiler:
|
|
Invité
Invité
| Sujet: Re: Une page d'accueil pour Mariiie Lun 24 Jan - 18:02 | |
| |
|
Invité
Invité
| Sujet: Re: Une page d'accueil pour Mariiie Mar 25 Jan - 11:54 | |
| Super. Je te donne les codes. J'ai retiré toute les couleurs pour que tu puisse personnaliser. Alors voilà le code à mettre dans Panneau d'administration -> Affichage -> Page d'accueil -> Généralités : - Code:
-
<div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; width:80%"><div class="titrepa">Staff</div><br> <a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a> <a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a> <a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a> <a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a> <a class="info"><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"><span>texte info bulle</span></a> </div> <table width="80%"> <tr> <td width="39%"><div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; height: 150px"><center><div class="titrepa">Partenaires</div><br> <a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a> <a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a><br> <a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a> <a href=""><img src="http://graphix-illusion.fr/templatesgi/templatenoirgraphixillusion.png"></a><br> <a href="">More ?</a> ▬ <a href=""> You </a></center></div> </td> <td width="2%"></td> <td width="39%"><div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; height: 150px"><center><div class="titrepa">Top Site</div><br> <a href="lien vers top-site">Nom du lien</a> <a href="lien vers top-site"><img src="image du lien"></a></div> </td> </tr> </table> <table width="80%"> <tr> <td width="39%"> <div id="navigation" style="width:100%;"> <a class="postlink" href="">Règlement</a> <a class="postlink" href="">Contexte</a> <a class="postlink" href="">Invités</a> <a class="postlink" href="">Avatars</a> <a class="postlink" href="">Scénarii</a> <a class="postlink" href="">Groupes</a></div></div><br><div style= "-moz-border-radius:20px; border: 2px #couleur contour solid; padding: 5px; height: 110px"><center><div class="titrepa">Scénarii</div> <marquee><img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"> <img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"> <img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"> <img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"> <img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"> <img src="http://img413.imageshack.us/img413/3803/imgpastaff.png"></marquee> </td> <td width="2%"></td> <td width="39%"><div style= "-moz-border-radius:20px; border: 2px #couleur du contour solid; padding: 5px; height: 224px"><center><div class="titrepa">Annonces</div><br> <marquee onmouseover="this.stop()" style="border: 1px double #couleur du contour; padding: 5px; width: 90%; height: 160px; background-color: #couleur de fond; " onmouseout="this.start()" scrollamount="1" scrolldelay="1" direction="up"><div align="justify"><span style="font-size: 9px; line-height: normal"><font color="#couleur de la police d'écriture">
Ecrire les actualités ici.
</font></span></div></marquee></div> </td> </tr> </table> A mettre dans ton CSS : - Code:
-
/*INFOBULLE*/
* { font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;
} a.info { position: relative; color: #576186; text-decoration: none; }
a.info span { display: none; /* on masque l'infobulle */ font-size: 12px;
} a.info:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */ } a.info:hover span { display: inline; /* on affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 0px; /* on positionne notre infobulle */ left: 0px;
background: #353535;
color: #000000; padding: 3px;
border: 3px solid #c5698b; }
/*PAGE D'ACCUEIL*/
.titrepa{ font-family: police d'écriture des titres; font-size: 26px; color: #couleur des titres; }
#navigation A:link, #navigation A:visited, #navigation A:active{ font-family: police d'écriture; font-size: 10px; text-align: center; padding: 2px; color: #couleur d'écriture; background-color: #couleur de fond; line-height: 12px; display: block; border-bottom: 1px solid #couleur de la ligne en dessous; }
#navigation A:hover{ color: #couleur d'écriture quand on survole le lien; background-color: #couleur de fond quand on survole le lien; }
Je reste à ta disposition en cas de soucis. N'oublie pas le crédit. |
|
| Sujet: Re: Une page d'accueil pour Mariiie | |
| |
|