Forum de publicité, d'entraide et de détente.



    Commande pour un Message d'accueil [Mello]




    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Ven 5 Fév - 23:42

    Hello, je vais finir par me faire repérer en posant mes demandes étranges et flou mais bon, je m'en remets à vous une nouvelle fois =)

    Nom de votre forum : Romantic-Universes
    Lien du forum : http://romantic-universes.forumactif.org/
    Type de demande (message d'accueil, template, fiche...) : Message d'accueil qui se trouve sur le page principale du forum (actuellement vous pouvez-voir un tableau rose -_-)
    Schéma de ce que vous voulez : Alors encore une fois je vais essayer de m'expliquer au mieux:
    Je souhaiterai une sorte de branche avec des bulles justes en dessous : (un peu dans le style de l'arbre que m'a fait Linoa pour l'affiche publicitaire et les bulles de Mello ici sauf que là se ne sera qu'une branche)
    bulle 1 : Introduction
    Spoiler:
    Approchez, approchez Petites Âmes.

    Oui, vous qui semblez perdues, et vous qui me donnez l'impression de ne savoir que faire pendant cette trop longue éternité...
    Je vous comprend, ici il n'y a rien à faire n'est-ce pas ?

    Dites-moi, avez-vous déjà entendu parlé d'Univers Parallèles ?

    Non ?

    Alors installez-vous bien, tendez l'oreille, et écoutez-moi attentivement mes Chères Petites Âmes, ce que je vais vous conter pourrait changer votre Éternité.
    + possibilité de mener vers un lien

    Bulle 2 : Les liens utiles
    Spoiler:
    Règlement Général

    Fonctionnement de la partie Rôle Play

    Univers The World

    Univers Crime Thriller

    Univers Bit-Lit

    Univers Apocalypse World

    Univers Médiéval
    + possibilité de mener vers plusieurs pages

    Bulle 3 : Voter + la possibilité d'y insérer les liens vers les sites de vote
    Images à insérer : Malheureusement je pense que vous devrez partir de zéro, si c'est trop dites-le moi je chercherai une autre solution !
    Code des couleurs : tous les tons violet, bleu foncé et noir (cela devra être sur fond noir ou transparent) le texte de la couleur que vous voulez avec la police Lobster

    J'espère que j'ai été assez précise, si ce n'est pas le cas je m'en excuse et je répondrais à toutes les questions !

    Merci par avance =)



    Ti Pingouin à Votre Service

    Lulux

    avatar
    Ti Pingouin à Votre Service

    Masculin Âge : 32
    Messages : 6906
    Clés : 0
    Date d'inscription : 28/05/2011


    Profil

    Message par Lulux le Lun 8 Fév - 16:25

    Coucou Clair Obscure  Smile

    Ta demande est bien prise en compte dès aujourd'hui.

    Je vais voir si Mello peut se charger de ta demande puisqu'elle reste en continuité avec ta commande de fiche. A défaut, je prendrais en charge avec plaisir cette dernière.

    A vite
    Lulux'



    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Lun 8 Fév - 17:16

    Hello Lulux' =)

    Ok, merci beaucoup pour l'information Smile



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Lun 8 Fév - 19:26

      Coucou. Smile
      Comme l'autre fois, je vais aller demander de l'aide aux graphistes pour faire ce que tu souhaites.
      Comme l'autre fois encore, je vais te proposer un schéma pour savoir si on est sur la même longueur d'ondes. Smile








    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Lun 8 Fév - 20:07

    Re coucou =)

    Alors je vais continuer sur la même longueur d'onde que toi:
    -Comme l'autre fois je te fais entièrement confiance et comme l'autre fois je te remercie, ainsi que les graphistes, par avance pour votre travail



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Ven 12 Fév - 13:08

      Alors voici un premier schéma. Smile
      http://img15.hostingpics.net/pics/841792paclair.png
      La branche sera refaite par nos graphistes, puisque encore, celle-ci est prise sur internet.

      Je pense qu'il est plus sympa, pour les top site, de mettre une petite image plutôt qu'un texte vers un lien. Je te propose de trouver des trucs sympa sur ce site : http://www.iconarchive.com/ si cela t'intéresse. Smile








    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Ven 12 Fév - 14:10

    Hello Mello (mdr, c'est marrant à écrire et dire =D)

    J'aime bien cette idée de branche, mais il faudra juste que le début de celle-ci soit sur la gauche =)
    Les bulles sont très bien =)

    Ah, oui pas bête l'idée =) Puis-je réclamer une pomme un peu croquée ? *_* (toute petite toute mignonne...) Mais si tu n'as pas le temps je regarderais le lien que tu m'as donné =)

    En tout cas merci !



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Ven 12 Fév - 14:16

      Okais, je retourne donc juste l'image. x)
      Je te trouverai une pomme (la pomme de Apple quoi ? :p). Wink








    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Ven 12 Fév - 14:21

    Je n'avais pas pensée à cette pomme avant que tu n'en parles mais effectivement une pomme dans le même genre en bleu (ou une couleur du genre) est exactement ce que j'avais en tête =)



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Sam 13 Fév - 12:13









    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Sam 13 Fév - 12:17

    Oh, c'est très beau.
    Par contre je vais vous ennuyer, mais il faudrait que la banche soit blanche et le fond en transparence (car mon forum est sur fond noir pour les écris donc un fond blanc risque de choquer)
    Mais mis à part ce changement de couleur la branche est superbe !

    merci !



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Mar 16 Fév - 23:27









    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Mar 16 Fév - 23:43

    Coucou Mello =)

    Oh, c'est parfait, j'aime beaucoup bravo à Linoa !

    Vu que le message d'accueil n'est pas encore finit puis-je te demander d'insérer une bulle en plus ?(tout en bas à gauche)
    Si oui elle doit
    - Avoir une couleur un peu différente des autres
    - Avoir le nom: Partenaires.
    - Avoir un scroll qui apparaît si ce qu'il y a l'intérieur est trop important pour la bulle (les bannières des partenaires)

    J'espère ne pas te rajouter, trop, de travail, ni te faire tourner en bourrique...si j'abuse dis-le moi !

    Merci =)



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Sam 20 Fév - 14:11









    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Sam 20 Fév - 15:49

    Coucou =)

    Humm, puis-je avoir le code pour tester sur mon forum ?
    Et si ce n'est pas de l'abus puis-je aussi avoir la version avec les bulles bleue nuit et la bulle partenaire en gris foncé ? Pour comparer Smile

    Je sais je te donne encore du boulot -_-, excuse-moi...

    Mais en tout cas j'aime le rendu et les pommes sont chouettes =)



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Lun 22 Fév - 11:04









    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Lun 22 Fév - 11:17

    Hello =)

    Ah oui effectivement c'est mieux, le bleu se font mieux avec le noir et le blanc Smile
    Puis-je avoir le code pour un petit test sur mon forum ? Wink



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Lun 22 Fév - 12:18

      Evidemment. Smile


    Le css, à mettre dans panneau d'admin > affichage > couleurs > feuille de style css
    Code:
     /***PA CLAIR OBSCUR***/
    #pa-fond{
      background-image:url('http://zupimages.net/up/16/06/jthr.png');
      background-repeat: no-repeat;
      font-size:13px;
      color:white;
      text-align:center;
      position:relative;
      width:850px;
      height:500px;
      margin:auto;
      padding-left:40px;
      border-radius:75px;
      position:relative;
    }

    #pa-fond > h2{
      font-family: 'Lobster', cursive;
      font-size:52px;
      color:white;
    }

    #pa-fond > div{
      padding:10px;
      opacity:0.8;
    }

    #pa-fond > div > h3{
      font-family: 'Lobster', cursive;
      font-size:22px;
      color:black;
      margin-bottom:10px;
      margin-top:0px;
    }

    #pa-intro{
      background-color:#003366;
      height: 240px;
      width:240px;
      overflow:auto;
      border-radius:155px;
      font-size:11px;
      position:absolute;
      margin-left:580px;
      margin-top:90px;
    }

    #pa-liens{
      position:absolute;
      background-color:#003366;
      height: 200px;
      width:200px;
      overflow:auto;
      border-radius:155px;
      margin-top:70px;
    }

    a.lien1{
      background-color:#77B5FE;
      display:inline-block;
      height:20px;
      width:100%;
    }

    a.lien2{
      background-color:#357AB7;
      display:inline-block;
      height:20px;
      width:100%;
      color:white !important;
    }

    #pa-topsite{
      background-color:#003366;
      height: 120px;
      width:120px;
      overflow:auto;
      border-radius:155px;
      position:absolute;
      margin-left:255px;
      margin-top:55px;
    }

    #pa-parto{
      background-color:grey;
      height: 220px;
      width:220px;
      border-radius:155px;
      position:absolute;
      margin-top:250px;
      margin-left:300px;
    }

    #div-parto{
      height:150px;
      width:200px;
      overflow:auto;
      padding-left:20px;
    }

    #pa-credits{
      margin-left:450px;
      font-style:italic;
      color:white;
      font-family: 'Lobster', cursive;}

    Et le html, à mettre dans panneau d'administration > affichage > page d'accueil > général
    Code:
    <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" />
    <div id="pa-fond">
                                          
       <div id="pa-liens">
                                                 
          <h3>
                                 Liens                 
          </h3><a href="lien" class="lien1">Règlement Général</a><br /><a href="lien" class="lien2">Fonctionnement de la partie Rôle Play</a><br /><a href="lien" class="lien1">Univers The World</a><br /><a href="lien" class="lien2">Univers Crime Thriller</a><br /><a href="lien" class="lien1">Univers Bit-Lit</a><br /><a href="lien" class="lien2">Univers Apocalypse World</a><br /><a href="lien" class="lien1">Univers Médiéval</a>               
       </div>
                                              
       <div id="pa-topsite">
                                         
          <h3>
                           Top sites             
          </h3>
                              <a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a> <a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a> <br /><a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a> <a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a>               
       </div>
                                              
       <div id="pa-intro">
                                                 
          <h3>
                                 Introduction               
          </h3><br />        Approchez, approchez Petites Âmes. <br />Oui, vous qui semblez perdues, et vous qui me donnez l'impression de ne savoir que faire pendant cette trop longue éternité... Je vous comprend, ici il n'y a rien à faire n'est-ce pas ? <br />Dites-moi, avez-vous déjà entendu parlé d'Univers Parallèles ? Non ? <br />Alors installez-vous bien, tendez l'oreille, et écoutez-moi attentivement mes Chères Petites Âmes, ce que je vais vous conter pourrait changer votre Éternité.  <br /><a href="lien">En savoir +</a>               
       </div>
                                              
       <div id="pa-parto">
                                     
          <h3>
                     Partenaires       
          </h3>
                       
          <div id="div-parto">
                       <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a> <a href="http://www.royale-pub.com/"><img src="http://i18.servimg.com/u/f18/11/26/93/00/15497910.png" alt="Royale-Pub" /></a>     
          </div>
                   
       </div>
                                              
       <div id="pa-credits">
                              PA par <a href="http://www.royale-pub.com/">Mello</a>                   
       </div>
                                                
    </div>








    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Lun 22 Fév - 14:09

    Re =)

    J'ai installé les codes (bon j'avoue avoir un peu trifouillé au niveau du CSS pour la bulle introduction et la bulle lien car mon forum refusé de les mettre rondes XD, promis j'ai rien cassé =D)

    Par contre pour mettre les liens pour les top sites je galère un peu, peux-tu me donner un exemple de lien qui mène à un vote grâce à la pomme ? (par exemple avec le top site royal pub ?) Moi je n'obtiens rien de probant XD

    PS: en tout cas ça rend vraiment bien =)



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Lun 22 Fév - 16:34

      Pour les liens, il te suffit de les mettre là où il est noté "lien".
      Exemple, dans le bloc du top site :
      Code:
      <div id="pa-topsite">
                                            
            <h3>
                             Top sites              
            </h3>
      <a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a>
      <a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a>
      <br /><a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a>
      <a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a>                
         </div>

      Tu regardes la partie qui commence à "a" et termine au premier "/a".
      Code:
      <a href="lien"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a>
      Tu remplaces seulement "lien" par ton lien. Exemple :
      Code:

      <a href="http://www.royale-pub.com/"><img src="http://icons.iconarchive.com/icons/martin-berube/food/32/apple-icon.png" /></a>

      Ce qui te donne :

      Et si tu cliques dessus, tu arrives sur Royale Pub. Smile

      Est-ce que c'est plus clair ?








    Cavalière noire

    Clair Obscure

    avatar
    Cavalière noire

    Féminin Âge : 23
    Messages : 916
    Clés : 0
    Date d'inscription : 20/01/2016


    Profil

    Message par Clair Obscure le Lun 22 Fév - 17:14

    Oh !
    J'ai réussis ! J'ai dû me perdre quelque part XD
    Mais en tout cas ça marche parfaitement à présent, merci pour les explications !

    Et bien, c'est parfait pour moi, merci à Linoa pour le très beau fond et merci à toi Mello pour tout le travail de codage et de mise en page =) (j'ai même appris plein de nouveau truc avec toute la page de CSS que tu m'as donnée XD) Yes



    Petit fantôme

    Mello

    avatar
    Petit fantôme

    Marchands
    Féminin Âge : 25
    Messages : 6024
    Clés : 1
    Date d'inscription : 29/09/2013


    Profil

    Message par Mello le Mar 23 Fév - 2:32

      Super si ça fonctionne !
      Et c'est chouette si ça te permet d'apprendre des trucs aussi. Very Happy

      Au plaisir de vous servir de nouveau, chère madame.Wink










    Contenu sponsorisé




    Profil

    Message par Contenu sponsorisé


      La date/heure actuelle est Lun 11 Déc - 5:05