Une petite PA s'il vous plait

Jeu 4 Aoû 2011 - 10:43

Michiyo

Age : 33Messages : 7466

Jeu 4 Aoû 2011 - 10:43

Bonjour ^^ je viens en quête d'une Page d'accueil

Commande
Adresse du forum : http://my-life.forumactif.fr/
Description des éléments : alors voici le plan déjà :

Spoiler:

pour le décrire, je veux donc le fond des titres avec la barre donnée, en en tete l'ime avec le bienvenue (voir plus bas) pour le staff (les directeurs) je voudrait une info bulle quand on passe la souris qui indique
pour le premier : Michiyo Ishimaru - fondatrice
pour le second : Heine Aeons - co fondateur

pour les partenaires je voudrais qu'ils défilent vers la gauche, et pour les news que ce soit avec la barre de défilement vers le bas, pour l'histoire enfin le résumé j'oblige pas le cadre c'était pour montrer la proportion environ du truc.
les tailles la c'est de l'approximatif, la page d'accueil fera 900 de largeur maximale, c'est la largeur du forum.

les typos je ne veux aucune police particulière ce qui serait le top c'est que ça reprenne la police par défaut du forum ^^
Couleurs ou tons : j'aimerais que chaque partie soit dans un cadre a bord arrondit, et aussi que les titres aient un fond... bah en fait si possible comme fond : https://2img.net/r/ihimizer/img683/3998/barrez.jpg dans le meme style que mes barres de catégorie
Images :
en tete
mini ava 1
mini ava 2
Autres précisions : merci ^^

Jeu 4 Aoû 2011 - 11:06

Angel Ezekiel

Age : 32Messages : 1377

Jeu 4 Aoû 2011 - 11:06

Allez je m'en occupe XD (Je te mets le css à côté , tu le mettras dans la page css?)

Jeu 4 Aoû 2011 - 11:09

Michiyo

Age : 33Messages : 7466

Jeu 4 Aoû 2011 - 11:09

merci <3 pas de problème pour le CSS je pourrais bien réussir a le mettre quand même x3

Dim 7 Aoû 2011 - 15:24

Angel Ezekiel

Age : 32Messages : 1377

Dim 7 Aoû 2011 - 15:24

html:

Code:: <div style="text-align:center;"><img src="http://img143.imageshack.us/img143/6096/entetej.png"></diV> <table><tr><td><div style="border:2px solid #3b7d9d;-moz-border-radius:15px 15px 15px 15px;background-color:#f6f0da;width:250px;height:250px;padding-left:10px;padding-right:10px;"><div style="font-size:20px;text-align:center;color:#6c4325;width:240px;padding-left:10px;background-image:url(http://img683.imageshack.us/img683/3998/barrez.jpg);height:28px;-moz-border-radius:15px 15px 15px 15px;font-style:italic">Directeurs</div> <br><div style="text-align:center;"> <span style="padding-left;10px;padding-right:10px;"><span class="infobulle"><img src="http://img109.imageshack.us/img109/6684/14796681.jpg"><span>Michiyo Fondatrice</span></span></span><span style="padding-left;10px;padding-right:10px;"><span class="infobulle1"><img src="http://img834.imageshack.us/img834/8324/82872237.jpg"><span>Heine Co-Fondateur</span></span></span></div> </div></td><td><div style="border:2px solid #3b7d9d;-moz-border-radius:15px 15px 15px 15px;background-color:#f6f0da;width:600px;height:250px;padding-left:10px;padding-right:10px;"><div style="font-size:20px;text-align:center;color:#6c4325;width:590px;padding-left:10px;background-image:url(http://img683.imageshack.us/img683/3998/barrez.jpg);height:28px;-moz-border-radius:15px 15px 15px 15px;font-style:italic">Navigation</div> <br><div style="text-align:center;"><span style="text-align:center;font-size:18px;text-align:center;color:#6c4325;padding-left:5px;padding-right:5px;">Histoire</span> <span style="text-align:center;font-size:18px;text-align:center;color:#6c4325;padding-left:5px;padding-right:5px;">Règles</span> <span style="text-align:center;font-size:18px;text-align:center;color:#6c4325;padding-left:5px;padding-right:5px;">+ d'Infos</span></div> <br><div style="font-size:20px;text-align:center;color:#6c4325;width:590px;padding-left:10px;background-image:url(http://img683.imageshack.us/img683/3998/barrez.jpg);height:28px;-moz-border-radius:15px 15px 15px 15px;font-style:italic">Résumé</div> <br><div style="padding:10px"></div> </div></td></tr></table> <table><tr><td><div style="border:2px solid #3b7d9d;-moz-border-radius:15px 15px 15px 15px;background-color:#f6f0da;width:600px;height:250px;padding-left:10px;padding-right:10px;"><div style="font-size:20px;text-align:center;color:#6c4325;width:590px;padding-left:10px;background-image:url(http://img683.imageshack.us/img683/3998/barrez.jpg);height:28px;-moz-border-radius:15px 15px 15px 15px;font-style:italic">Nouveautés</div> <br><div style="overflow: scroll;height:200px;"> Adolescebat autem obstinatum propositum erga haec et similia multa scrutanda, stimulos admovente regina, quae abrupte mariti fortunas trudebat in exitium praeceps, cum eum potius lenitate feminea ad veritatis humanitatisque viam reducere utilia suadendo deberet, ut in Gordianorum actibus factitasse Maximini truculenti illius imperatoris rettulimus coniugem. Et eodem impetu Domitianum praecipitem per scalas itidem funibus constrinxerunt, eosque coniunctos per ampla spatia civitatis acri raptavere discursu. iamque artuum et membrorum divulsa conpage superscandentes corpora mortuorum ad ultimam truncata deformitatem velut exsaturati mox abiecerunt in flumen. Sed maximum est in amicitia parem esse inferiori. Saepe enim excellentiae quaedam sunt, qualis erat Scipionis in nostro, ut ita dicam, grege. Numquam se ille Philo, numquam Rupilio, numquam Mummio anteposuit, numquam inferioris ordinis amicis, Q. vero Maximum fratrem, egregium virum omnino, sibi nequaquam parem, quod is anteibat aetate, tamquam superiorem colebat suosque omnes per se posse esse ampliores volebat. </div></div> </td><td><div style="border:2px solid #3b7d9d;-moz-border-radius:15px 15px 15px 15px;background-color:#f6f0da;width:250px;height:250px;padding-left:10px;padding-right:10px;"><div style="font-size:20px;text-align:center;color:#6c4325;width:240px;padding-left:10px;background-image:url(http://img683.imageshack.us/img683/3998/barrez.jpg);height:28px;-moz-border-radius:15px 15px 15px 15px;font-style:italic">Partenaires</div> <br> <marquee behavior="scroll" direction="left">Aucun partenaire</marquee> </div></td></tr></table><div style="border:2px solid #3b7d9d;-moz-border-radius:15px 15px 15px 15px;background-color:#f6f0da;width:850px;height:100px;padding-left:10px;padding-right:10px;"><div style="font-size:20px;text-align:center;color:#6c4325;width:840px;padding-left:10px;background-image:url(http://img683.imageshack.us/img683/3998/barrez.jpg);height:28px;-moz-border-radius:15px 15px 15px 15px;font-style:italic">Top-Site</div> <br> </div>

Css:

Code:: .infobulle span { position : absolute; top : auto; left : auto; width : 136px; height : 25px; background-color: #f6f0da; display : none; } .infobulle:hover span{ display:block; top : auto; left : auto; width : 136px; height : 15px; border:2px solid #3b7d9d; overflow : visible; -moz-border-radius:15px; background-color: #f6f0da; } .infobulle1 span { position : absolute; top : auto; left : auto; width : 136px; height : 25px; background-color: #f6f0da; display : none; } .infobulle1:hover span{ display:block; top : auto; left : auto; width : 136px; height : 15px; margin-left:100px; -moz-border-radius:15px; border:2px solid #3b7d9d; overflow : visible; background-color: #f6f0da; }

Dim 7 Aoû 2011 - 17:54

Michiyo

Age : 33Messages : 7466

Dim 7 Aoû 2011 - 17:54

Merci beaucoup ^^ pour le test je l'ai mis sur mon forum de test, ya l'infobulle qui ne marche pas pour l'avatar de Heine :/ tu peux voir ça? sinon merci c'est parfait ! <3

édit : j'ai rien dit ça marche en fait !

Lun 15 Aoû 2011 - 16:09

Klash

Age : 44Messages : 20653

Lun 15 Aoû 2011 - 16:09

Bonjour la commande est elle terminée Michiyo?

Lun 15 Aoû 2011 - 16:35

Michiyo

Age : 33Messages : 7466

Lun 15 Aoû 2011 - 16:35

oui oui c'est terminé pardon, ^^

Lun 15 Aoû 2011 - 16:41

Klash

Age : 44Messages : 20653

Lun 15 Aoû 2011 - 16:41

Merci je déplace.

Contenu sponsorisé

Une petite PA s'il vous plait

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée