AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Une petite PA s'il vous plait

    Michiyo
    Michiyo
    FémininAge : 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 ^^
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 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?)



    Michiyo
    Michiyo
    FémininAge : 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
    Angel Ezekiel
    Angel Ezekiel
    MasculinAge : 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;
    }




    Michiyo
    Michiyo
    FémininAge : 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 !
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Lun 15 Aoû 2011 - 16:09

    Bonjour la commande est elle terminée Michiyo?



    Une petite PA s'il vous plait 376864signichigo
    Michiyo
    Michiyo
    FémininAge : 33Messages : 7466

    Lun 15 Aoû 2011 - 16:35

    oui oui c'est terminé pardon, ^^
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Lun 15 Aoû 2011 - 16:41

    Merci je déplace.



    Une petite PA s'il vous plait 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 0:10