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



    PA s'il vous plaît [Mello]




    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Mar 27 Juin - 21:46

    Coucou

    Hééééé oui l'été étant arrivé j'ai eu envie d'un peu de changement au niveau de ma PA ^^

    Nom de votre forum : Au-delà des Voyances
    Lien du forum : http://audeladesvoyances.forumgratuit.be/
    Type de demande (message d'accueil, template, fiche publicitaire...) : Page d'accueil
    Schéma de ce que vous voulez

    Si je rebondis à partir de ma PA actuelle j'aimerais qu'en lieu et place de l'image centrale se trouvent le staff et en-dessous du staff les boutons de votes 

    Pour les images du staff j'aimerais qu'elles soient survolables et que derrière les images on trouve le pseudo/le rang ainsi que les liens du profil et contact en mp !

    Aussi je souhaiterais que le titre "Bienvenue…" contient automatiquement le pseudo du membre le parcourant !

    Images à insérer  (l'autre image est l'avatar de ma modo gaiane)

    Boutons de vote =>  

    Code des couleurs : pour l'instant les codes couleur utilisés sont ceux-ci =>

    * cadre-principal : background-color:#302117
    * Autres encadrés : background: #1d0300 ; border:#c19161
    * Couleur titres :#D9744E ; text-shadow : #000 ; police titres : 'Berkshire Swash', cursive
    * Couleurs police crédits : #7D552B

    Voilà je pense que je n'ai rien oublié mais si c'est le cas nous verrons chemin faisant, d'avance merci pour votre aide  Kiss


    Dernière édition par Ombeline30 le Mer 28 Juin - 6:56, édité 1 fois



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Mer 28 Juin - 0:36

      Coucou, merci de ta demande !
      On s'occupe de toi très bientôt. Smile








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Mer 28 Juin - 6:23

    Coucou Mello

    Je te remercie beaucoup à tout bientôt 



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Jeu 29 Juin - 10:51

      Hello, du coup c'est moi qui m'occupe de ta demande. Smile
      J'ai donc quelques questions !
      Est-ce que tu reveux la même PA, mais avec les modifications demandées, ou une nouvelle ?








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Jeu 29 Juin - 11:51

    Kikou super un grand merci ma belle Mello

    Ben écoute j'aimerais vraiment changer de style donc faire quelque chose qui sortirait un peu de l'ordinaire si cela ne te dérange pas bien sûr encore merci 

    Belle journée

    Ombeline  Love



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Ven 30 Juin - 19:00

      Je vais essayer alors. Smile








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Ven 30 Juin - 19:06

    Je te remercie Mello j'ai toute confiance en toi car j'ai pu déjà admirer tes oeuvres et tu es superrrrrrrrr douée 



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Ven 7 Juil - 22:20









    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Sam 8 Juil - 14:13

    Coucou Mello

    Ahhhhhhh oui j'aime vraiment beaucoup d'autant que coïncidence mais dans mes codages je commence à ajouter des arrondis par ci par là donc ton projet est top merci du temps que tu m'accordes vraiment cela me touche:coeur:



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Sam 8 Juil - 20:48

      Pas de problème, je suis là pour ça. Wink
      Je m'occupe des derniers détails dimanche. Smile








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Sam 8 Juil - 22:19

    Pas de soucis fais cela à ton aise et encore merci 



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Dim 9 Juil - 16:30

      Hello !
      A priori, j'ai terminé. Smile
      Le pseudo changera, bien sûr, lorsque ça sera sur ton forum ! ^^








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Dim 9 Juil - 18:24

    Coucou Mello

    Alors tout me semble super juste peut-être la scrollbar qui ne se font pas bien dans l'arrondi car elle dépasse et peut-être agrandir davantage les dernières nouvelles vers le bas de sorte à ce qu'elle s'aligne avec le bas du cadre des partenaires et ce serait parfait merci beaucoup ;-)



    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Mer 19 Juil - 22:57

    Re coucou Mello je n'osais paS re-uper mais ne m'aurais-tu pas oubliée par hasard ?  Embarassed Embarassed Embarassed



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Jeu 20 Juil - 15:00

      Oh, pardon, je n'avais pas vu ton dernier message. :o
      Je te fais ça bientôt, désolée. ^^'








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Jeu 20 Juil - 15:07

    Coucou tu n'as pas à t'excuser je me suis doutée que tu devais être très occupée pas de soucis  Wink

    À tout bientôt, très belle fin de semaine à toi 



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Jeu 20 Juil - 21:14









    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Dim 23 Juil - 17:19

    Coucou

    Superrrrrrr un grand merci d'avoir pris de temps pour la peaufiner, c'est vraiment parfaitttttttttttt quel travail, j'adore les effets, un grand merci pour le temps que tu m'as accordé 



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Lun 24 Juil - 10:57

      Cool. Smile
      Voici donc les codes !


    CSS.
    Code:
    #pa-voyances{
      margin:auto;
      height:450px;
      width:800px;
      background-color:#593927;
    }
     
    #pa-titre{
      font-family: 'Berkshire Swash', cursive;
      font-size:40px;
      text-align:center;
      color:#D9744E;
      position:absolute;
      margin-left:25px;
      margin-top:20px;
      width:460px;
      line-height:25px;
    }

    .pa-soustitre{
      height:22px;
      font-size:22px;
      font-family: 'Berkshire Swash', cursive;
      text-align:center;
      background-color:#c19161;
      width:180px;
      border-radius:40px;
      margin:auto;
      color:#1D0300;
      text-shadow:1px 2px 2px #593927;
      border-bottom:5px solid #302117;
    }
     
    .pa-soustitre:hover{
      color:white;

     
    #pa-amis, #pa-staff, #pa-contexte{
      display:inline-block;
      text-align:center;   
      position:relative;
    }
     
    #pa-amis{
      margin-top:-350px;
      height:350px;
      width:180px;

     
    #pa-amis p{
      height:280px;
      width:120px;
      background-color: #302117;
      margin:auto;
      padding-top:8px;
      border-radius:0px 0px 30px 30px;

     
    #pa-amis img{
      margin:4px; 
    }
     
    #pa-staff{
      margin-top:-300px; 
    }
     
    #pa-staff p, #pa-staff #pa-para{
      height:70px;
      width:240px;
      background-color: #302117;
      margin:auto;
      padding-top:8px;
      border-radius:0px 0px 30px 30px;

     
    #pa-staff #pa-para{
      height:130px;
      margin-bottom:15px;

     
    #pa-staff .pa-soustitre {
      width:300px;
    }
     
    #pa-staff .infobulle{
      width:100px;
      height:100px;
      display:inline-block;
      margin-top:10px;
      margin-bottom:20px;
      margin-left:7px;

     
    #pa-staff .infobulle img{
      width:100px;
      height:100px;
      border:2px solid #c19161;
    }
     
    #pa-staff .infobulle span{
      position:absolute;
      display:block;
      width:103px;
      height:50px;
      background-color:#c19161;
      opacity:0;
      margin-top:-50px;
      font-family: 'Berkshire Swash', cursive;
    }
     
    #pa-staff .infobulle:hover span{
      opacity:1;
    }
     
    #pa-staff p img:hover{
      transform: rotate(360deg);
      transition: all 2s;

     
    #pa-contexte{
      height:300px;
      width:240px;
      margin-top:20px
    }

    #pa-contexte .pa-soustitre {
      width:250px;
    }
     
    #pa-contexte #pa-contexte-p, #pa-contexte #pa-p-bis{
      height:185px;
      width:200px;
      text-align:justify;
      background-color: #302117;
      margin:auto;
      padding:4px 8px 4px 8px;
      border-radius:0px 0px 30px 30px;
      color:#C7732F;
      margin-bottom:15px;

     
    #pa-contexte #pa-p-bis{
      height:130px;
      width:200px;


    #pa-contexte #pa-p-bis p{
      height:110px;
      width:180px;
      overflow:auto;
      margin-left:5px;
      padding-right:5px;
      margin-top:0px;
    }
     

    HTML.
    Code:
    <link href="https://fonts.googleapis.com/css?family=Berkshire+Swash" rel="stylesheet" type="text/css" />
     <div id="pa-voyances"> 
      <div id="pa-titre">Bienvenue {USERNAME} ! </div>
     
      <div id="pa-amis">
        <div class="pa-soustitre">Nos Amis</div>
        <p><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>
        </p>
      </div>
     
          <div id="pa-staff">
        <div class="pa-soustitre">Le Staff</div>
            <div id="pa-para">
              <div class="infobulle"><img src="https://imgfast.net/users/1715/35/73/36/avatars/1-12.jpg" alt="Ombeline" />
                <span> Ombeline <br/> <a href="lien">Profil</a> - <a href="lien">MP</a> </span>
              </div>
             
              <div class="infobulle"><img src="https://imgfast.net/users/1715/35/73/36/avatars/6-69.jpg" alt="Gaiane" />
                <span> Gaiane <br/> <a href="lien">Profil</a> - <a href="lien">MP</a> </span>
              </div>
            </div>
           
            <div class="pa-soustitre">Votez pour nous</div>
          <p> <a href="http://www.royale-pub.com/"><img src="http://i35.servimg.com/u/f35/13/93/15/59/icone_10.png" alt="top-site" /></a>
            <a href="http://www.royale-pub.com/"><img src="http://i35.servimg.com/u/f35/13/93/15/59/icone_10.png" alt="top-site" /></a>
            <a href="http://www.royale-pub.com/"><img src="http://i35.servimg.com/u/f35/13/93/15/59/icone_10.png" alt="top-site" /></a>
            <a href="http://www.royale-pub.com/"><img src="http://i35.servimg.com/u/f35/13/93/15/59/icone_10.png" alt="top-site" /></a>
            </p>
      </div>
     
      <div id="pa-contexte">
          <div class="pa-soustitre">Le commencement...</div>
        <p id="pa-contexte-p">
    Il était une fois, dans un monde, en des temps reculés, une cartomancienne qui eut une vision, un ressenti bien marqué. En train, vers son destin, elle chemina apaisée. En Ésotérie, elle parvint, les cartes ne s'étaient pas trompées ! (Par Ombeline)
        </p>
        <div class="pa-soustitre">Dernières nouvelles !</div>
        <div id="pa-p-bis">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis a nunc vel lobortis. Phasellus euismod magna a augue mattis, in varius dolor finibus. Donec at fringilla justo. Maecenas lobortis tempor nisi, ut molestie ipsum dignissim at. Vestibulum rutrum magna nec magna sodales, rutrum accumsan lectus ultricies. In eleifend vulputate felis, non egestas diam dictum eu. Praesent erat nibh, feugiat tempor orci ac, pretium lacinia elit.
          </p></div>
     
      </div>
     
      </div>









    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Lun 24 Juil - 14:56

    Re coucou merci beaucoup pour les codes j'ai donc tout testé sur mon fofo test mais pourrais-je te solliciter de menus changements si cela ne te dérange pas, j'ai essayé de les faire par moi-même mais je me suis emmêlée les pinceaux j'avoue  Embarassed

    Pourrais-tu appliquer des border-radius aux 4 coins des avatars et aussi les recentrer tous les deux car ils sont décalés sur la droite et enfin juste aligner les titres "Nos Amis et "Le Staff" côte à côte car l'espace libre entre le gros titre me dérange un peu  Rolling Eyes

    Éventuellement tu pourrais jouer sur les espaces en trouvant à y insérer ce logo que je ne sais pas où placer Embarassed

    =>

       forum étoilé    


    Code:
    <center>
        <a title="Forum évalué 1 étoile par l'Annuaire, un gage de qualité !" href="http://www.forumsdeforumactif.com"><img alt="forum étoilé" src="http://www.aht.li/2893028/ban_etoile-1-_352_19.png" /></a>    
     </center>



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Mar 25 Juil - 11:39

      Yes je te fais ces changements ! Smile








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Mar 25 Juil - 15:01

    Rhoooo que tu es adorable un grand merci ma toute belle



    Petit fantôme

    Mello

    avatar
    Petit fantôme

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


    Profil

    Message par Mello le Jeu 27 Juil - 16:33

      http://insanitary-test.forumactif.org/h52-pa-ombeline

      Ca va comme ça ? Smile








    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Jeu 27 Juil - 22:31

    Kikou un grand merci c'est parfait tu pourras juste m'expliquer ce que je devrais modifier dans le css car je vois que les arrondis des titres dépassent plus d'un côté que de l'autre pour les deux derniers blocs de droite ^^

    Encore merci pour tout le temps que tu m'as accordé, belle soirée



    Habitant

    Ombeline30

    avatar
    Habitant

    Erudits
    Féminin Âge : 33
    Messages : 1673
    Clés : 1
    Date d'inscription : 25/01/2017


    Profil

    Message par Ombeline30 le Ven 28 Juil - 9:58

    Re coucou Mello,

    Je revenais vers toi car j'ai mis à profit mon temps libre pour créer un QEEL assorti à ta PA car je ne souhaitais pas t'embêter avec une autre demande ainsi cela te laisse du temps libre à accorder pour en aider d'autres, dis-moi ce que tu en penses, bien sûr j'ai un peu honte car il m'a fallu 1 journée entière pour le réaliser Embarassed

    => http://forumtestombeline.forumactif.com/

    Aussi pour les décalages dont je te parlais pour les deux derniers blocs, j'ai trouvé j'ai tout simplement rajouté ceci :

    Code:
    #pa-contexte .pa-soustitre {
     width:250px;
     margin-left:-5px;
    }

    Et hop plus de débordement, tout est recentré  cheers

    Par contre je souhaitais te demander pour la scrollbar, étant donné que sur mon fofo elles sont arrondies, serait-il possible de faire ceci :



    Car comme les encadrés sont plus petits que ma précédente PA cela m'évite de perdre encore de la place et je peux ainsi bénéficier de tout l'encadré et comme les scrollbars de mon fofo sont déjà arrondies le rendu pourrait être assez joli, j'ai essayé par moi-même de le faire mais je ne parviens qu'à décaler la scroll et non la fondre dans l'arrondi Sad

    Encore merci Mello Love

    Belle journée,

    Ombeline ^^





    Contenu sponsorisé




    Profil

    Message par Contenu sponsorisé


      La date/heure actuelle est Sam 16 Déc - 19:47