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.

Le Deal du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

    Commande pour Shala

    shala
    shala
    FémininAge : 32Messages : 213

    Dim 29 Jan 2012 - 16:47

    Commande
    Adresse du forum : http://black-rose.forumgratuit.org/forum

    Description des éléments : Commande pour Shala Sans_t43



    Couleurs ou tons : Alors pour le fond des tableaux ce sera en rouge bordeaux (partenaire, contexte, news et le satff), pour les contours des tableaux, se sera un contour or. J'aimerais que pour le tableau partenaire, il y a un défilement des images et dans les tableaux Contexte et News il y a une barre de défilement en noire si possible sur le coté. Le fond de ma page d'accueil sera en noire.

    Images : Le texte en lumineux blanc. J'aimerais que quand on met le curseur sur une image sa nous montre un modérateur dans un petit tableau. Alors les images sont:

    Bannière:

    0: Commande pour Shala 59257212

    Les deux images sur la gauche:

    1:Commande pour Shala Aalit113

    2: Commande pour Shala Aalit110

    les deux petites images en dessous:

    3:Commande pour Shala Clan2-13

    4: Commande pour Shala Clan-111

    image à mettre dans le tableau des partenaires: (j'aimerais qu'elle dépasse un peu du tableau)

    5:Commande pour Shala Parten10

    image moderateur et admistrateur au dessus du tableau modo et admi:

    6: Commande pour Shala Sans_t39

    7: Commande pour Shala Sans_t40

    petite image dans le tableau modo et admi:

    8:Commande pour Shala Image_10

    image pour le staff:

    9:Commande pour Shala Sans_t41

    (pareille pour partenaire)Contexte, News:

    10:Commande pour Shala News10

    11:Commande pour Shala Contex10





    Autres précisions : [si vous avez quelque chose de plus à indiquer...]


    Dernière édition par shala le Sam 25 Fév 2012 - 17:31, édité 8 fois
    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Dim 29 Jan 2012 - 17:02

    Bonjour, comme promis je vais m'occuper de ta commande, par contre il faudrait le lien des images^^
    shala
    shala
    FémininAge : 32Messages : 213

    Dim 29 Jan 2012 - 17:15

    je l'ai est mis



    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Lun 30 Jan 2012 - 20:49

    Aloha ~~

    Je met le bouton 'En Cours' et l'encadré.
    Bonne chance pour la commande !

    Taktiik.

    shala
    shala
    FémininAge : 32Messages : 213

    Lun 30 Jan 2012 - 20:55

    ^^
    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Sam 4 Fév 2012 - 18:20

    Merci Taktiik^^ Je ne t'oublie pas, mais cette semaine ça va être chargé, j'ai un concours à passer, donc je pense que je te fais ça samedi prochain!
    shala
    shala
    FémininAge : 32Messages : 213

    Dim 5 Fév 2012 - 12:35

    Bonne chance pour ton concoure ^^



    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Mer 8 Fév 2012 - 16:48

    Bonjour, comme promis j'ai commencer à faire des trucs, mais quel est la largeur de ton forum? Car tes deux images sur la gauche sont vraiment énorme!
    Ensuite contour or..... Il me faut un code couleur, car je ne connais aucune couleur qui fasse "or", pour le bordeau je peux me débrouiller mais si tu avais un code couleur ça serais sympa quand même!

    et sinon je n'ai pas compris ce que tu voulais là :
    J'aimerais que quand on met le curseur sur une image sa nous montre un modérateur dans un petit tableau


    → Dans ton schéma, dans la partie modérateur tu as deux images et un vide : tu voudrais que quand on passe la souris sur une image le vide est les informations correspondant a l'image c'est ça?
    shala
    shala
    FémininAge : 32Messages : 213

    Ven 10 Fév 2012 - 12:30

    Bonjour, voila j'ai trouvé les code couleurs.

    Taille du forum: 70%
    code couleur or:#BD8D46
    code couleur bordeaux:#63100F

    Je voudrais que quand on met la souris sur l'image,il y a la vrai image du modo ou admi qui a parait avec les infos.



    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Ven 10 Fév 2012 - 18:08

    Je n'ai toujours pas compris^^" Quand on passe la souris sur quel image? Sur celle-là ?
    Commande pour Shala Sans_t39
    Parce que dans ton schema il y a un cadre avec deux images dedans^^"

    Sinon merci pour les couleurs
    shala
    shala
    FémininAge : 32Messages : 213

    Sam 11 Fév 2012 - 12:42

    Bonjour, non sur la croix noire gothique



    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Dim 12 Fév 2012 - 15:39

    Mais où va la croix gothique?
    shala
    shala
    FémininAge : 32Messages : 213

    Dim 12 Fév 2012 - 18:19

    la croix gothique va dans le tableau des admi et modo. Quand tu mets ta souris sur la croix gothique, apparaît le profil et l'image (infos) des admis et modos.



    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Dim 12 Fév 2012 - 18:31

    Me redire la même chose de façon pratiquement identique alors que je t'explique depuis tout à l'heure que je ne comprends pas ce n'est pas très utile sans vouloir te vexé^^"
    Pourais tu me faire un schéma avec la croix (représenté par une croix ou avec écrit "croix" et une case "là ou les informations apparaisses)
    ensuite apparement tu as plusieurs modérateurs /administrateurs donc plutôt "là ou les infos du 1er admins apparaissent" et "là ou les infos du deuxièmes admins apparaissent"

    Si quelqu'un à compris et veux tenter de m'expliquer je suis pour... (Sinon tu n'aurais pas un exemple sur un forum? )

    AU pire tu peux faire un schéma successif avec les deux étapes (1. sans les infos 2. avec les infos)

    Que je vos bien où elles se situe, combien y'a de case, combien y'a de croix^^"
    shala
    shala
    FémininAge : 32Messages : 213

    Dim 12 Fév 2012 - 18:56

    T-T c'est pas compliqué ce que je demande.http://pensionnat-interdit.actifforum.com/ voila un exemple et au lieu de mettre les image de profil dans le tableau tu mets la croix gothique.



    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Dim 12 Fév 2012 - 20:11

    AAAhhhhhh !! D'accord!!!! J'ai compris! Tu veux une infobulle en fait! Je croyais que tu voulais quelque chose de plus compliqué!
    Et donc dans les infobulles il faut mettre les immenses avatar c'est ça!
    Je met deux croix pour les modos, et deux crois pour les admins?
    shala
    shala
    FémininAge : 32Messages : 213

    Lun 13 Fév 2012 - 19:18

    non il faut pas que tu mettes juste les croix car j'ai pas encore les modos et les admis . les deux immenses avatar sont a gauche et c'est pour représenter les deux représentants du bien et du mal.en admis il y a moi :

    - https://2img.net/u/1111/18/46/76/avatars/1-11.jpg moi fondatrice Shala

    -https://2img.net/u/1111/18/46/76/avatars/3-3.jpg admi Suraya


    j'ai pas fini y'a encore un admi a mettre .....




    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Dim 19 Fév 2012 - 18:30

    j'ai bien commancé mais à cause de la taille de tes images c'est assez compliqué, j'attends que tu me fournisses les nouvelles
    shala
    shala
    FémininAge : 32Messages : 213

    Dim 19 Fév 2012 - 20:01

    oui c'est fait



    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Sam 25 Fév 2012 - 14:32

    Bon puisque ça te convient voici les codes !
    A poster dans affichage → généralité

    Code:

    <!-- Bannière  -->
            <table><tr><td colspan="4">
    <center><img src="http://i49.servimg.com/u/f49/16/69/63/71/59257212.jpg"/></center>
                </td></tr>


    <!-- Avatar et rang-->
        <tr><td valign="top">
    <img src="http://i49.servimg.com/u/f49/16/69/63/71/aalit113.png"/><br/>
    <img src="http://i49.servimg.com/u/f49/16/69/63/71/clan2-13.png"/>
        </td>

        <td valign="top">
    <img src="http://i49.servimg.com/u/f49/16/69/63/71/aalit110.png"/><br/>
    <img src="http://i49.servimg.com/u/f49/16/69/63/71/clan-111.png"/>
        </td>

    <!-- Contexte et New -->
      <td valign="top"><div class="contexte1">
    contexte
        </div> </td>

        <td valign="top"><div class="new1">
    New
        </div></td></tr>

    <!-- Partenaire -->
        <tr><td colspan="2">
    <img src="http://i49.servimg.com/u/f49/16/69/63/71/parten10.png" class="imgpart1"/><div class="partenaire1">

    <!-- Logo partenaire, premier lien : lien vers le forum, second, lien de l'image -->
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/>
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/>
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/>
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/><br/>
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/>
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/>
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/>
    <a href="http://www.terramysticarpg.com/"><img src="http://i22.servimg.com/u/f22/12/92/37/90/terra-10.gif" class="imgpart2"/>

      </div></td>
    <!-- image "staff" -->
        <td colspan="2">
    <center><img src="http://i49.servimg.com/u/f49/16/69/63/71/sans_t41.png"/></center>
        </td></tr></table>


    <!-- Image modérateur-->
        <table><tr><td valign="top">
    <img src="http://i46.servimg.com/u/f46/16/36/06/79/sans_t76.png"/>
        </td>

    <!-- image "admin"  -->
        <td  valign="top">
    <center><img src="http://i49.servimg.com/u/f49/16/69/63/71/sans_t40.png"/></center>
            </td></tr>


    <tr><td> <div id="modo1"> <img src="http://i46.servimg.com/u/f46/16/36/06/79/image_12.png"/>

    <!--  Croix avec infobulle partie modo -->

    <div class="infobulle"><img src="http://i49.servimg.com/u/f49/16/69/63/71/image_10.png"/> <span> Texte  dans l'infobulle </span></div> 

     <div class="infobulle"><img src="http://i49.servimg.com/u/f49/16/69/63/71/image_10.png"/> <span> Texte  dans l'infobulle </span></div>

     <div class="infobulle"><img src="http://i49.servimg.com/u/f49/16/69/63/71/image_10.png"/> <span> Texte  dans l'infobulle </span></div>     
          </div></td>


    <td> <div id="modo1"> <img src="http://i46.servimg.com/u/f46/16/36/06/79/image_12.png"/>

    <!--  Croix avec infobulle partie Admin -->
    <div class="infobulle"><img src="http://i49.servimg.com/u/f49/16/69/63/71/image_10.png"/> <span> Texte  dans l'infobulle </span></div> 

    <div class="infobulle"><img src="http://i49.servimg.com/u/f49/16/69/63/71/image_10.png"/> <span> Texte  dans l'infobulle </span></div>

    <div class="infobulle"><img src="http://i49.servimg.com/u/f49/16/69/63/71/image_10.png"/> <span> Texte  dans l'infobulle </span></div> 
      </div></td></tr></table>
    Page d'accueil par <a href="http://www.terramysticarpg.com/">Ayael </a>

    Dans le CSS (affichage → couleur → feuille de style CSS)

    Code:

    /*infobulle*/
    div.infobulle {  position: relative; float:left; margin-left:5px; }

    div.infobulle span {  display: none; /* ceci masque l'infobulle */}

    div.infobulle:hover {  background: none; /* correction d'un bug IE */
     z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
    }

    div.infobulle:hover span {/*apparence de l'infobulle au passage de la souris
    display:block;
    position:absolute;
    top:1em; left:5em; width:10em;
    border: 2px solid #BD8D46;
    text-align: justify;
    font-weight:none;
    padding:10px;
      background-color:#000;
      border-radius:10px;
    /*mettre ici les décorations de l'infobulle*/}




    /*cadre qui contient les croix*/
    #modo1 {
      background-color:#570906;
      border: 2px solid #BD8D46;
      text-align:center;
     
      }



    /*cadre partenaire*/
    .partenaire1 {
      background-color:#570906;
      border: 2px solid #BD8D46;
      width:400px;
      height:95px;
      padding-top:30px;
      padding-right:5px;
      padding-left:5px;
      border-radius:15px;
    }

    /*image partenaire*/
    .imgpart2 {
      margin-left:5px;
      border: dashed 1px #BD8D46;
      margin-bottom:8px;
    }

    /*Image titre*/
    .imgpart1 {
      margin-bottom:-42px;
      margin-top:-15px;
    }

    /* partie contexte*/
    .contexte1 {
      background-color:#570906;
      border: 2px solid #BD8D46;
      overflow:auto;
      height:300px;
      padding:5px;
      text-align:justify;
      color:#fff;
      margin-left:-5px:
        margin-top:7px;
      width:250px;
    }


    /*partie new*/
    .new1 {
      background-color:#570906;
      border: 2px solid #BD8D46;
      overflow:auto;
      height:300px;
      padding:5px;
      text-align:justify;
      margin-left:5px;
      color:#fff;
      margin-top:7px;
      width:180px;
    }
    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Sam 25 Fév 2012 - 15:04

    Si la commande est validé n'oublie pas de mettre le V vert...
    shala
    shala
    FémininAge : 32Messages : 213

    Sam 25 Fév 2012 - 16:47

    merci c'est super



    Ayael
    Ayael
    FémininAge : 29Messages : 598

    Sam 25 Fév 2012 - 16:57

    De rien mais tu as oubliée le V XD, il faut éditer ton message et cocher le V vert, ou au moins mettre terminé dans le titre^^
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Dim 26 Fév 2012 - 9:16

    Je déplace.



    Commande pour Shala 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 22:31