Lun 18 Jan - 16:21
Bonjour chers arcaëlliens graphistes,

Aujourd'hui, le staff fait appel à votre créativité artistique pour élaborer un thème. Voici une idée des images que l'on aimerais :


Les couleurs qui devront habiller le thème sont : #B2E3E8 ; #7CBDC4 ; #DB9FC ; #4A939B et la dominante sera : #7CBDC4

Type de bannière : Élément sortant du cadre
Taille de la bannière : 850*450
Texte à écrire sur la bannière : L'Aube des Mondes / (sous-titre) Quand les cultures s'entrechoquent.

Fond de page : texture ou couleur

Position et forme : Haut de page
Liste dans l'ordre des boutons de votre barre de navigation : Forum > Monde ; Rechercher > Explorer ; Membres > Arcaëlliens ; Groupes > Affiliations ; Profil > Identité ; MP > Missive ; New MP > Missive (dans une autre couleur ou animé) ; S'inscrire > Nous rejoindre ? ; Se connecter > Combattre ; Déconnexion > Retraite

Animations sur -nouveau message- ? : non
Animations sur -s'inscrire- ? : oui

Icônes et Boutons
Taille des icônes de catégorie :100*100
Animations sur nouveau message ? : non
Taille des icônes de sujets : 100*100
Animations sur nouveau message ? : non
Une volonté particulière concernant les boutons ? : pas de texte sur les images

Forme du QEEL : Taille de l'image : 800*493
Phrase à inscrire : Aucune phrase
Animation ? : Nop

Pour le "En ligne" : Erre en nos terre
Pour les MP : Missive
Pour les sujet verrouillés : Trop tard !
Nouveau sujet : Commencer une aventure
Poster une réponse : Poursuive l'aventure
Ecrire un nouveau MP : Ecrire une missive
Répondre à un MP : Poursuivre la discutions

Si possible, créer les boutons de partenariat dans toutes les tailles =)

Merci d'avance  ♥
Niveau 10
avatar
Je suis dispo pour : Demandez, je vous servirais
Identité : Je peux être n'importe qui !
Expérience : 832

Carnet de bord
Fluide(s)/Compétence(s): Je peux tout maîtriser
Groupes:
Race: Toutes
Voir le profil de l'utilisateur
Niveau 10


Je suis le Maître !
Revenir en haut Aller en bas
Lun 18 Jan - 16:22
Les codes du forum :

PA :

Code:
<div class="cadre_gauche">
                                                                                                                                                                                                                       
 <div class="cadre_membremois">
                                                                                                                                                                                                                                       
 <div class="membremois">
                                                                                                                                  <img src="http://i68.servimg.com/u/f68/18/39/70/39/ley_pa10.jpg" />                <span><br /><br /><strong>Leylane</strong><br />17 posts RP</span>                                                                                                                       
 </div>
                                                                                                                                                                                                                                       
 <div class="membremois">
                                                                                                                                  <img src="http://i68.servimg.com/u/f68/18/39/70/39/seya_p10.jpg" />                <span><br /><br /><strong>Sëya</strong><br />12 posts RP</span>                                                                                                                       
 </div>
                                                                                                                        <span>Membres à l'honneur</span>                                                                                                             
 </div>
                                                                                                                                                                                                                       
 <div class="cadre_lienutile">
                                                                                                                                                                                                                                       
 <div class="titre_lienutile">
                                                                                                                  Liens Utiles                                                                                                             
 </div>
                                                                                                                                                                                                                                       
 <div class="lien_utile">
                                          <a href="http://aubedesmondes.rpgistes.com/t51-le-forum-en-resume"> Le forum en résumé</a>                <br /><a href="http://aubedesmondes.rpgistes.com/t2-les-dogmes-du-monde">Règlement</a>                <br /><a href="http://aubedesmondes.rpgistes.com/t18-le-contexte">Le Contexte</a>                <br /><a href="http://aubedesmondes.rpgistes.com/f8-cartographie">Cartes</a>                <br /><a href="http://aubedesmondes.rpgistes.com/t90-evaluations-des-rps">Demande de XP</a>                <br /><a href="http://aubedesmondes.rpgistes.com/t1-modele-de-fiche-obligatoire-pas-de-code-personnel">Modèle de fiche</a>                <br /><a href="http://aubedesmondes.rpgistes.com/t54-modele-de-fiche-obligatoire-pas-de-code-personnel">Compétences</a>                <br /><a href="http://aubedesmondes.rpgistes.com/t91-boutique">La boutique</a><br /><a href="http://aubedesmondes.rpgistes.com/t64-f-a-q">F.A.Q</a>  <br /> <a href="http://aubedesmondes.rpgistes.com/t278-concour-n3-quant-une-rime-patine#1328">Concours n°3</a>    <br /> <a href="http://aubedesmondes.rpgistes.com/f17-liens-des-habitants">Prédéfinis</a>                                       
 </div>
                                                                                                                                                                                                                             
 </div>
                                                                                                                                                                                                             
</div>
                                                                                                                                                                                                 
<div class="cadre_milieu">
                                                                                                                                                                                                                       
 <div class="cadre_contexte">
                                                                                                                                                                                                                                       
 <div class="titre_contexte">
                                                                                                                  Résumé du contexte                                                                                                             
 </div>
                                                                                                                                                                                                                                       
 <div class="texte_contexte">
                                                                                                                  En cette année 426, le monde semble bien paisible. Trois États se partagent le monde : la Démocratie, la Principauté et le Royaume. Cependant, dans l'ombre, les adorateurs du Dieu Primaire - qui est aussi la Divinité du Chaos, s'organisent pour mettre le monde à feu et à sang. Dans le même temps et toujours dans l'obscurité, les armes vivantes, fidèles du Dieu-Empereur Morloc qui fut vaincu il y a deux-cent ans, se préparent à attaquer Kaïl, continent principal des démocrates. Pour en savoir plus, il te faudra lire le <a href="http://aubedesmondes.rpgistes.com/t18-le-contexte">contexte</a> du forum.                                                                                       
 </div>
                                                                                                                                                                                                                             
 </div>
                                                                                                                                                                                                                       
 <div class="cadre_partenaire">
                                                                                                                                                                                                                                       
 <div class="titre_partenaire">
                                                                                                                  Top Partenaires                                                                                                             
 </div>
                                                                                                                                                                                                                                       
 <div class="lien_part">
                                                                                                                                  <a href="http://aubedesmondes.rpgistes.com/"><img src="http://i18.servimg.com/u/f18/18/39/70/39/amd_lo10.jpg" /></a><a href="http://thoronir.forumactif.org/"><img class="partenairetop" src="http://i18.servimg.com/u/f18/18/89/22/14/tho210.png" /></a><a href="http://totemique.forumactif.org" target="_blank"><img class="partenairetop" src="http://www.imabox.fr/15/09/1123322RdUA523.bmp" title="Totemique RPG" alt="Totemique RPG" /></a><a href="http://chronic-duerine-rpg.actifforum.com" target="_blank"><img class="partenairetop" src="http://img15.hostingpics.net/pics/186727logo8831V3.png" title="Chroniques de Düérine" alt="Chroniques de Düérine" /></a><a target="blank" href="http://reignofdynasties.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2015/42/1444665574-bouton88x31n2bis.jpg" /></a><a href="http://darkdawnsymphony.forumgratuit.org/" target="_blank"><img class="partenairetop" src="http://img4.hostingpics.net/pics/737756513426470small.jpg" title="Dark dawn symphony" alt="Dark dawn symphony" /></a>    <br /><a href="http://aubedesmondes.rpgistes.com/t63-logos-des-camarades">Nos autres amis</a>    <br /><a href="http://aubedesmondes.rpgistes.com/t8-demandes-d-alliances-ouvert-aux-invites">Demande de Partenariats</a>                                                                 
 </div>
                                                                                                                                                                                                                             
 </div>
                                                                                                                                                                                                             
</div>
                                                                                                                                                                                                 
<div class="cadre_droite">
                                                                                                                                                                                                                       
 <div class="cadre_nouveau">
                                                                                                                                                                                                                                       
 <div class="titre_nouveau">
                                                                                                                  Nouveauté/Event                                                                                                             
 </div>
                                                                                                                                                                                                                                       
 <div class="texte_nouveau">
                                                                                                                  Ouverture du forum le 22/07/2015  <br /> Signaler ses <a href="http://aubedesmondes.rpgistes.com/t286-rp-mois-janvier-2016">Posts RP</a>      <br /> <br />  <a href="http://aubedesmondes.rpgistes.com/t264-mission-gobelins-malsains-mine-de-diamants-ouvert-a-tous">Gobelins Malsains [MISSION TOUTES FACTIONS]</a> <br /><br /><a href="http://aubedesmondes.rpgistes.com/t241-mi-arcaellien-mi-bete">Mi-bêtes Mi-arcaëlliens</a>    <br /> <a href="http://aubedesmondes.rpgistes.com/t249-calendrier-de-l-avent-a-partir-du-1er-decembre#1148">Calendrier de l'avent</a>          <br /><br />                                                                                                                                                            <a href="https://www.facebook.com/pages/LAube-des-Mondes-Forum-RPG/809946882452368?ref=aymt_homepage_panel"><strong><em><span style="font-size: 14px;"><span style="color: #006699;">Facebook</span></span></em></strong></a>         
 </div>
                                                                                                                                                                                                                             
 </div>
                                                                                                                                                                                                                       
 <div class="cadre_top">
                                                                                                                                                                                                                                       
 <div class="titre_top">
                                                                                                                  Top Sites & A Savoir                                                                                                             
 </div>
                                                                                                                        <a rel="nofollow" href="http://www.root-top.com/topsite/callista/in.php?ID=1094" target="_blank"><img src="http://img15.hostingpics.net/pics/236519voter2.png" title="Top Site 1" alt="Top Site 1" /></a>            <a rel="nofollow" target="_blank" href="http://www.root-top.com/topsite/yami/in.php?ID=6161"><img src="http://img15.hostingpics.net/pics/142965voter3.png" title="Top Site 2" alt="Top Site 2" /></a>            <a rel="nofollow" href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=3156" target="_blank"><img src="http://img15.hostingpics.net/pics/236519voter2.png" title="Top Site 3" alt="Top Site 3" /></a>                                                                                                                       
 <div class="texte_top">
                                                                                                                  Les prénoms asiatiques sont interdits <br /> L'âge minimum de votre personnage est de 15 ans. <br /> Avatar 200*400 <br /> 10 lignes minimum hors dialogues <br /> <span style="font-size: 16px;"><strong>Amuse toi bien {USERNAME}</strong></span> <br /><span style="font-size: 10px;"><em><a href="http://www.sawen.net/">Sawen.net - Annuaire Forum RPG</a>          </em></span>                                                                       
 </div>
                                                                                                                                                                                                                             
 </div>
                                                                                                                                                                                                             
</div>
                                                                                                                                                                                                 
<div class="cadre_staff">
                                                                                                                                                                                                                       
 <div class="staff">
                                                                                                            <img src="http://i21.servimg.com/u/f21/18/39/70/39/lilith10.jpg" />        <span><br /><br /><strong>Lilith</strong><br />Fonda</span>                                                                                                     
 </div>
                                                                                                                                                                                                                       
 <div class="staff">
                                                                                                            <img src="http://i21.servimg.com/u/f21/18/39/70/39/yria_p10.jpg" />        <span><br /><br /><strong>Yria</strong><br />Admin</span>                                                                                                     
 </div>
                                                                                                                                                                                                                       
 <div class="staff">
                                                                                                            <img src="http://i68.servimg.com/u/f68/18/39/70/39/sans_t12.jpg" />        <span><br /><br /><strong>Grégoire</strong><br />Modo</span>                                                                                                     
 </div>
                                                                                                                                                                                                                       
 <div class="staff">
                                                                                                            <img src="http://i68.servimg.com/u/f68/18/39/70/39/varek10.jpg" />            <span><br /><br /><strong>Varek</strong><br />Modo</span>                                                                                                     
 </div>
                                                                                                                                                                                                       
</div>
                                                                                            <a href="http://www.never-utopia.com/">(c) Never-Utopia</a>             

CSS

Code:
/*      PA      */
    .pa_totale {
        position: relative;
        height: 580px;
        width: 860px;
        border: 2px solid #484848;
        background: #A0A0A0;
        border-radius: 4px;
        margin: auto;
    }
    .cadre_gauche {
        display: inline-block;
        vertical-align: top;
        width: 249px;
    }
    .cadre_membremois {
        position: relative;
        height: 180px;
        width: 230px;
        margin: 15px 0 0 15px;
        text-align: center;
        background: #686868;
    }
    .cadre_membremois:before, .cadre_membremois:after {
        position: absolute;
        display: block;
        height: 180px;
        width: 230px;
        border: 2px solid #484848;
        content:"";
    }
    .cadre_membremois:before {
        left: -5px;
        top: -5px;
    }
    .cadre_membremois:after {
        right: -5px;
        bottom: -5px;
    }
    .membremois {
        position: relative;
        height: 90px;
        width: 90px;
        margin: 20px 0 0 5px;
        display: inline-block;
        cursor: pointer;
        z-index: 2;
    }
    .membremois img {
        position: relative;
        height: 90px;
        width: 90px;
        border-radius: 50px;
        z-index: 2;
    }
    .membremois span {
        position: absolute;
        height: 80px;
        width: 80px;
        right: -5px;
        bottom: -5px;
        border-radius: 50px;
        background: #000;
        font-size: 11px;
        color: #fff;
        padding: 5px;
        overflow: hidden;
        transition: 0.5s all;
        z-index: 1;
    }
    .membremois:hover span {
        right: 0;
        bottom: 0;
        z-index: 3;
    }
    .cadre_membremois > span {
        display: block;
        margin-top: 15px;
        font: 24px\'Vivaldi\';
    }
    .cadre_lienutile {
        height: 340px;
        width: 230px;
        background: #686868;
        border: 2px solid #484848;
        margin: 15px 0 0 15px;
        padding-top: 10px;
        border-radius: 4px;
    }
    .titre_lienutile {
        height: 25px;
        width: 180px;
        border-bottom: 2px dotted #484848;
        margin: auto;
        text-align: center;
    }
    .lien_utile {
        height: 280px;
        width: 185px;
        overflow: auto;
        margin: 10px 0 0 25px;
        text-align: center;
    }
    .cadre_milieu {
        display: inline-block;
        vertical-align: top;
    }
    .cadre_contexte {
        height: 250px;
        width: 230px;
        background: #686868;
        border: 2px solid #484848;
        margin: 10px 0 0 5px;
        padding-top: 10px;
        border-radius: 4px;
    }
    .titre_contexte {
        height: 25px;
        width: 180px;
        border-bottom: 2px dotted #484848;
        text-align: center;
        margin: auto;
    }
    .texte_contexte {
        height: 200px;
        width: 175px;
        overflow: auto;
        margin: 10px 0 0 25px;
        text-align: justify;
        padding-right: 15px;
    }
    .cadre_partenaire {
        height: 267px;
        width: 230px;
        background: #686868;
        border: 2px solid #484848;
        margin: 10px 0 0 5px;
        padding-top: 10px;
        text-align: center;
        border-radius: 4px;
    }
    .titre_partenaire {
        height: 20px;
        width: 180px;
        border-bottom: 2px dotted #484848;
        margin: 0 auto 5px;
    }
    .lien_part a{
        display: inline-block;
        vertical-align: middle;
    }
    .lien_part img{
        width: 88px;
        height: 31px;
    }
    .cadre_droite {
        display: inline-block;
        vertical-align: top;
    }
    .cadre_nouveau {
        height: 250px;
        width: 225px;
        background: #686868;
        border: 2px solid #484848;
        margin: 10px 0 0 5px;
        padding-top: 10px;
        padding-right: 5px;
        border-radius: 4px;
    }
    .titre_nouveau {
        height: 25px;
        width: 180px;
        border-bottom: 2px dotted #484848;
        text-align: center;
        margin: auto;
    }
    .texte_nouveau {
        height: 200px;
        width: 185px;
        overflow: auto;
        margin: 10px 0 0 20px;
        padding-right: 5px;
        text-align: justify;
    }
    .cadre_top {
        height: 267px;
        width: 230px;
        background: #686868;
        border: 2px solid #484848;
        margin: 10px 0 0 5px;
        padding-top: 10px;
        text-align: center;
        border-radius: 4px;
    }
    .titre_top {
        height: 20px;
        width: 180px;
        border-bottom: 2px dotted #484848;
        margin: 0 auto 5px;
    }
    .texte_top {
        height: 170px;
        width: 175px;
        overflow: auto;
        margin: 10px 0 0 25px;
        text-align: justify;
        padding-right: 15px;
    }
    .cadre_staff{
        display: inline-block;
        height: 584px;
        width: 120px;
    }
    .staff{
        position: relative;
        height: 100px;
        width: 100px;
        margin: 30px 0 0 5px;
        cursor: pointer;
    }
    .staff img{
        width: 100px;
        height: 100px;
        border-radius: 60px;
        box-shadow: 5px 5px 0 #000;
        transition: 1s all;
    }
    .staff span{
        position: absolute;
        height: 90px;
        width: 90px;
        top: 0;
        left: 0;
        border-radius: 60px;
        background: #000;
        opacity: 0;
        padding: 5px;
        font-size: 11px;
        color: #fff;
        text-align: center;
        overflow: hidden;
        transition: 1.5s all;
    }
    .staff:hover img{
        transform: rotate(360deg);
        box-shadow: none;
    }
    .staff:hover span{
        opacity: 1;
    }
    .pa_totale *::-webkit-scrollbar{
        width: 5px;
    }
    .pa_totale *::-webkit-scrollbar-thumb{
        background: #1F4971;
        border-radius: 5px;
    }
    .pa_totale *::-webkit-scrollbar-track{
        background: #A3B6C7;
        border-radius: 5px;
    }
    .pa_totale > a {
        position: absolute;
        right: 5px;
        bottom: 5px;
    }
    /****NE PAS SUPPRIMER EN DESSOUS***/

    /**PRESENTATION**/

    .fond_pres {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#686868;
    border:4px solid #484848;
    padding:10px;
    box-shadow:0px 0px 8px #fff;
    text-align:center;
    }

    .titre_pres {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #484848;
    border-radius: 100px;
    padding:10px;
    background-color:#686868;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #fff;
    }

    .image_pres {
    display: inline-block;
    margin-left:5%;
    width:200px;
    height:350px;
    border-radius: 100px;
    border:2px dotted #484848;
    text-align:justify;
    color:white;
    overflow:hidden;
    float:left;
    }

    .fond_info_pres {
    display:inline-block;
    border:2px dotted #484848;
    border-radius: 100px;
    padding:5px;
    background-color:#686868;
    width:50%;
    height:340px;
    }

    .titre_info_pres {
    text-align:center;
    font-size:18px;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #fff;
    color:white;
    padding:5px;
    }

    .texte_info_pres {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:260px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    .fond_case_pres {
    display:inline-block;
    border:2px dotted #484848;
    border-radius: 100px;
    padding:5px;
    background-color:#686868;
    width:40%;
    height:370px;
    }

    .titre_case_pres {
    text-align:center;
    font-size:18px;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #fff;
    color:white;
    padding:5px;
    }

    .texte_case_pres {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:295px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    .fond_hist_pres {
    display:inline-block;
    border:2px dotted #484848;
    border-radius: 100px;
    padding:5px;
    background-color:#686868;
    width:87%;
    height:370px;
    margin:auto;
    }

    .titre_hist_pres {
    text-align:center;
    font-size:18px;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #fff;
    color:white;
    padding:5px;
    }

    .texte_hist_pres {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:300px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    /**FIN PRESENTATION**/

    /****Règlement***/
    .fond_reg {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#686868;
    border:4px solid #484848;
    padding:10px;
    box-shadow:0px 0px 8px #fff;
    text-align:center;
    }

    .titre_reg {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #a0a0a0;
    border-radius: 100px;
    padding:10px;
    background-color:#484848;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #fff;
    }

    .texte_reg {
    margin:auto;
    width:75%;
    border-radius: 100px;
    background-color:#484848;
    border:2px dotted #a0a0a0;
    padding:40px;
    text-align:justify;
    color:white;
    }

    .soustitre_reg {
    display:block;
    font-size:18px;
    color:#009999;
    text-indent:50px;
    text-shadow:2px 2px 2px white;
    font-family: \'Handlee\', cursive;
    }
    /***Fin règlement***/

    /**Mise en forme annonce et races**/
    .fond_annonce {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#686868;
    border:4px solid #484848;
    padding:10px;
    box-shadow:0px 0px 8px #fff;
    text-align:center;
    }

    .titre_annonce {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #a0a0a0;
    border-radius: 100px;
    padding:10px;
    background-color:#484848;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #686868;
    }

    .texte_annonce {
    margin:auto;
    width:75%;
    border-radius: 100px;
    background-color:#484848;
    border:2px dotted #a0a0a0;
    padding:40px;
    text-align:justify;
    color:white;
    }
    /**fin mise en forme**/

    /***predef***/
    .fond_predef {
    margin:auto;
    width:80%;
    border-radius: 200px;
    background-color:#484848;
    border:4px solid #a0a0a0;
    padding:10px;
    box-shadow:0px 0px 8px #a0a0a0;
    text-align:center;
    }

    .titre_predef {
    display:block;
    width:60%;
    margin:auto;
    color:white;
    font-size:25px;
    text-align:center;
    border:2px dotted #a0a0a0;
    border-radius: 100px;
    padding:10px;
    background-color:#A4A4A4;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #484848;
    }

    .fond_info_predef {
    display:inline-block;
    margin-left:5%;
    border:2px dotted #a0a0a0;
    border-radius: 100px;
    padding:5px;
    background-color:#A4A4A4;
    width:50%;
    height:340px;
    float:left;
    }

    .titre_info_predef {
    text-align:center;
    font-size:18px;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #484848;
    color:white;
    padding:5px;
    }

    .texte_info_predef {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:260px;
    width:80%;
    padding:5px;
    margin:auto;
    }

    .image_predef {
    display: inline-block;
    width:200px;
    height:350px;
    border-radius: 100px;
    border:2px dotted #a0a0a0;
    overflow:hidden;
    opacity:0.7;
    }

    .fond_case_predef {
    display:inline-block;
    border:2px dotted #a0a0a0;
    border-radius: 100px;
    padding:5px;
    background-color:#A4A4A4;
    width:40%;
    height:370px;
    }

    .titre_case_predef {
    text-align:center;
    font-size:18px;
    font-family: \'Berkshire Swash\', cursive;
    text-shadow:2px 2px 2px #484848;
    color:white;
    padding:5px;
    }

    .texte_case_predef {
    display:block;
    overflow:auto;
    text-align:justify;
    color:white;
    height:295px;
    width:80%;
    padding:5px;
    margin:auto;
    }
    /**predef fin**/

    /*Partenaires*/
    .partenaire {
    opacity: 0.7;
    height: 31px;
    width: 88px;
    }


    /*Partenaires*/




    /* --------------------------------- CATEGORIES --------------------------------- */




    /*** FONDS GENERAUX ***/

    /* Contenu de l\'ensembre des forum */
    .categorie {
      width: 950px;
      height: 190px;
      padding: 10px;
      background: #484848;
    }

    /* Fond des forum */
    .sous-forum {
      width: 300px;
      height: 50px;
      overflow: auto;
      top: -10em;
    }

    /* Fond titre catégorie */
    .cate_titre {
      width: 969px;
      margin: auto;
      background-color: #A0A0A0;
      border: 1px solid #484848;
      box-shadow: 2px 2px 15px black;
    -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

    /* Mise en forme nom de catégorie */
    h2 {
      font-size: 15px;
      font-family: Sylfaen;
      font-style: italic !important;
      color: #000000;
      text-align: center;
    }




    /*** MISE EN FORME DES FORUM ***/

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #000000 !important;
      font-family: Sylvaen;
    font-style: italic !important;
      font-size: 17px !important;
      font-weight: none !important;
      text-align: center;
    }

    .forumlink:hover {
      color: #fff !important;
      text-decoration: none !important;
    }

    .forumlink a {
      font-size: 16px;
      width: 500px;
    }

    /* Mise  en forme du fond des titres de forum */
    .titrefofo {
      width: 400px;
      max-height: 100px;
      position: relative;
      margin-top: 10px;
      left: 6em;
      font-size: 11px;
      text-align: justify;
      color: #2E2E2E;
      background-color: #686868;
      padding: 15px;
    }

    /* Mise en forme de la description */
    .description {
      width: 400px;
      position: relative;
      left: 5.7em;
      top: -1.5em;
      font-size: 11px;
      text-align: justify;
      color: #000;
      background-color: #A0A0A0;
      padding: 15px;
    }

    .imagedesc {
      position: relative;
      right: -6em;
      top: -2em;
    -moz-transform:rotate(8deg);
      -webkit-transform:rotate(8deg);
      transform:rotate(8deg);
    }




    /*** SOUS-FORUM ***/

    .lienssf {
      width: 552px;
      max-height: 20px;
      overflow: auto;
      background-color: #A0A0A0;
      border: 1px solid #484848;
      padding: 10px;
      position: relative;
      top: -2em;
      left: -0.8em;
    }

    .lienssf a {
      color: #000000 !important;
      text-decoration: none !important;
    }

    .lienssf a:hover {
      color: #fff !important;
    text-decoration : none !important;
    }




    /*** DERNIERS MESSAGES ***/

    .last_mess
    {
      width: 380px;
      height: 20px;
      overflow: auto;
      background-color: #A0A0A0;
      position: relative;
      top: -4.65em;
      right: -35em;
      padding: 10px;
      border: 1px solid #484848;
    }

    .last_mess a {
      color: black !important;
      text-decoration: none !important;
    }

    .last_mess a:hover {
      color: #fff !important;
    text-decoration : none !important;
    }




    /*** NOMBRE DE MESSAGES ET SUJETS ***/
    .stats {
      display: block;
      position: relative;
      top: -7.5em;
      left: -6em;
      font-family: arial;
      font-size: 11px;
      font-weight: bold;
      color: #000000;
      padding-bottom: 4px;
      margin-bottom: 4px;
    }

   

    /*--------------------------------- FIN CATEGORIES --------------------------------- */

    .bodylinewidth {
        width: 980px;
    }


a { text-decoration: none; }

        body {
          cursor:url('http://i21.servimg.com/u/f21/18/39/70/39/curseu10.png'),auto;
        }

/************************************************************ DÉBUT QEEL ************************************************************/

/*Fond du qeel*/
#qeel {
  position: relative;
  width: 800px;
  height: 680px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  background: #141313 url('http://i21.servimg.com/u/f21/18/39/70/39/14405910.jpg') no-repeat top center;
  border-radius: 20px;
  box-shadow: 0px 0px 2px #000000;
}


/*Titre du qeel*/
#qeel_title {
  color: #A4A4A4;
  font-size: 25px;
  font-family: 'Bad Script', cursive;
  text-shadow: 0px 0px 5px #000000;
  padding-left: 10px;
}


/*Carré des informations sur les membres*/
#qeel_info_members {
  position: absolute;
  top: 10px;
  margin-top: 30px;
  left: 25px;
  width: 340px;
  height: 110px;
  background-color: rgba(20, 19, 19, 0.6);
  border-radius: 40px;
  box-shadow: 0px 0px 3px #141313;
  padding: 40px;
  color: #c9c7be;
  font-size: 13px;
  font-family: arial;
  letter-spacing: 1px;
  text-align: left;
  overflow: auto;
}


/*Mise en forme des listes des membres connectés*/
#userlists {
  margin-top: 5px;
  height: 205px;
  overflow: auto;
}
#totalconn {
  margin-top: 5px;
}
#totalconn .row1{
  background: transparent;
  vertical-align: top;
}
#totalconn .gensmall {
  color: #c9c7be;
  font-size: 13px;
  font-family: arial;
  letter-spacing: 1px;
  text-align: left;
}


/*Section des groupes*/
#qeel_bottom {
  position: absolute;
  top: 380px;
  left: 0px;
  width: 800px;
  text-align: center;
}


/*Nom des groupes*/
.qeelonglet {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 1px;
  height: 35px;
  font-size: 30px;
  font-family: 'Bad Script', cursive;
  letter-spacing: 1px;
  text-shadow: 5px 5px 3px #000000;
  opacity: 0.6;
  font-weight: bold;
}
/*Groupe au survol*/
.qeelonglet_0:hover {
  cursor: pointer;
  opacity: 0.8;
}
/*Groupe actif*/
.qeelonglet_1 {
  opacity: 1;
}


/*Description des groupes*/
.contenu_qeelonglet {
  position: relative;
  width: 800px;
  height: 200px;
  margin-top: 20px;
  display: none;

}
/*Descriptions des groupes*/
.qeel_desc {
  position: absolute;
  top: -2px;
  left: 0px;
  width: 780px;
  height: 180px;
  background-color: rgba(20, 19, 19, 0.6);
  border-radius: 0px 0px 20px 20px;
  padding: 10px;
  color: #c9c7be;
  font-size: 13px;
  font-family: arial;
  letter-spacing: 1px;
  text-align: justify;
  overflow: auto;
  transition: 0.5s;
  opacity: 0;
}
/*Descriptions des groupes au survol*/
.contenu_qeelonglet:hover .qeel_desc {
  opacity: 1;
}

/************************************************************ FIN QEEL ************************************************************/

Fiche de présentation

Code:
<link href='http://fonts.googleapis.com/css?family=Handlee|Berkshire+Swash' rel='stylesheet' type='text/css'>
<div class="fond_pres">
<span class="titre_pres">Fiche de Présentation</span><br /><br />
<div class="image_pres"><img src="http://i18.servimg.com/u/f18/18/39/70/39/vava_f10.jpg" alt="" /></div><div class="fond_info_pres"><br/><span class="titre_info_pres">Informations</span><br/><span class="texte_info_pres">☩ Prénom
☩ Nom
☩ age
☩ sexe
☩ Groupe
☩ Orientation Sexuelle
☩ Métier
☩ Race [si demi-divinité, préciser le parent divin]
☩ Arme(s)
</span></div>

<div class="fond_case_pres"><br/><span class="titre_case_pres">Caractère</span><br/><span class="texte_case_pres">10 lignes minimum
Demi-divinités : 15 lignes minimum
</span></div> <div class="fond_case_pres"><br/><span class="titre_case_pres">Physique</span><br/><span class="texte_case_pres">10 lignes minimum
Demi-divinité 15 lignes minimum
</span></div>

<div class="fond_hist_pres"><br/><span class="titre_hist_pres">Histoire</span><br/><span class="texte_hist_pres">20 lignes minimum HORS dialogues, Demi-divinités : 30 lignes hors dialogues minimum
</span></div><br /><a href="http://www.never-utopia.com/" style="font-size:11px; color:#767676; text-decoration:none;">© By A-Lice sur Never-Utopia</a>
</div>

Topic important :

Code:
<link href='http://fonts.googleapis.com/css?family=Handlee|Berkshire+Swash' rel='stylesheet' type='text/css'>
<div class="fond_annonce">
<span class="titre_annonce">TITRE</span><br /><br />
<div class="texte_annonce">TEXTE</div>
<a href="http://www.never-utopia.com/" style="font-size:11px; color:#767676; text-decoration:none;">© By A-Lice sur Never-Utopia</a></div>

Merci d'avance à qui prendra le temps =)

Récompense : 60 XP
Niveau 10
avatar
Je suis dispo pour : Demandez, je vous servirais
Identité : Je peux être n'importe qui !
Expérience : 832

Carnet de bord
Fluide(s)/Compétence(s): Je peux tout maîtriser
Groupes:
Race: Toutes
Voir le profil de l'utilisateur
Niveau 10


Je suis le Maître !
Revenir en haut Aller en bas
Page 1 sur 1
Sauter vers :

Vous ne pouvez pas répondre aux sujets dans ce forum
L'Aube des Mondes :: Les parchemins calcinés :: La tombe des anciens :: Vieux parchemins jaunis-