pw/colors - play with colors

Concours éphémère à venir

Un tout nouveau concours éphémère fera son arrivée dès septembre sur AD. Pour plus de détails et pour t'inscrire aux épreuves d'équipes, ça se passe dans ce sujet :oh:
Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

Aller en bas
Khaym
Khaym
Admin
Messages : 34
Points : 43
Date d'inscription : 28/04/2020
Age : 25
Localisation : pwcolors
Emploi/loisirs : En recherche d'alternance

Test profil - Page 2 Empty Re: Test profil

Dim 23 Aoû - 20:35
TyphaineTyphaineO a écrit:
TyphaineTyphaineO a écrit:
TyphaineTyphaineO a écrit:This time it's the good one

TyphaineTyphaineO a écrit:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
serah2
serah2
Messages : 1
Points : 1
Date d'inscription : 27/08/2020

Test profil - Page 2 Empty Re: Test profil

Jeu 27 Aoû - 13:48
salut j'suis nouvelle lol
je teste nouveaux messages
Serah
Serah
Admin
Messages : 24
Points : 30
Date d'inscription : 30/06/2020
Age : 29
Localisation : Sur le forum
Emploi/loisirs : Graphisme
http://art-design.forumactif.fr/

Test profil - Page 2 Empty Re: Test profil

Jeu 27 Aoû - 13:51
[Vous devez être inscrit et connecté pour voir ce lien] tu me diras si tu vois l'icon des nouveaux messages car je ne le vois pas j'ai toujours la lune
Memories
Memories
Messages : 8
Points : 8
Date d'inscription : 30/06/2020

Test profil - Page 2 Empty Re: Test profil

Lun 31 Aoû - 20:43
[Vous devez être inscrit et connecté pour voir cette image]
Serah
Serah
Admin
Messages : 24
Points : 30
Date d'inscription : 30/06/2020
Age : 29
Localisation : Sur le forum
Emploi/loisirs : Graphisme
http://art-design.forumactif.fr/

Test profil - Page 2 Empty Re: Test profil

Ven 24 Sep - 16:38
code pa version septembre 2020

Code:
<style>.panel {background-color: transparent;box-shadow: none;overflow: invisible;}
/*PA*/

.messageAccueil {
    background: url(https://www.zupimages.net/up/20/33/ldf3.png);
    height: 500px;
    position: relative;
    left: -11px;
    color: #D9D7D9;
    width: 750px;
}


.animation {
    background: url(https://zupimages.net/up/20/35/8np9.gif);
    height: 174px;
    width: 205px;
    position: absolute;
    left: 0px;
}

.animation2 {
    background: url(https://zupimages.net/up/20/35/fvfj.gif);
    height: 500px;
    width: 140px;
    position: absolute;
    right: 0px;
}



.texteacc {
    font-size: 11px;
    line-height: 21px;
    position: absolute;
    text-align: justify;
    width: 295px;
    height: 260px;
    overflow: auto;
    top: 84px;
    left: 0px;
    letter-spacing: 0.25px;
}

/*slider pres*/
.slideshow-container {
    position: absolute;
    display: block;
    width: 270px;
    height: 338px;
    top: 70px;
    left: 275px;
}
/* Slides */
.mySlides { text-align: center;    display: none;}

/* Fading animation transition clique */
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1s; animation-name: fade;animation-duration: 1s;}
@keyframes fade {0% {opacity: .2;transform: scale(1) translate(-2px, 0px);}
50% {opacity: .7; transform: scale(1) translate(2px, 0px);}
100% {opacity: 1;}}
.mySlides.intro {display: block;}
.fade {background:none;}
/* Suiv. Prec. boutons */
a.prev {
    left: -40px;
    top: 190px;
}
a.next {
    left: 290px;
    top: 196px;
}
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 55%;
    color: transparent !important;
    user-select: none;
    width: 38px;
    height: 17px;
    left: 187px;
}


a.prev, a.next:hover {color: transparent !important;}

/*fin slide*/

.messageAccueil em {
color: #998ed0;

}

.messageAccueil strong {
    color: #6a7b48;
    letter-spacing: 1px;
    font-weight: bolder;
    /* text-transform: lowercase; */
    text-shadow: 0px 0px 3px #26262180;
}

.slideshow-container span {
    text-decoration: none !important;
    border-bottom: 2px solid #777aa5;
    letter-spacing: 1px;
    color: #6e6ee1;
}

.messageAccueil h {
    font-size: 18px;
    display: block;
    color: #6f9960;
    top: -93px;
    position: relative;
    left: -35px;
}

.intro h {
    display: none;
}

.concours {
    position: absolute;
    width: 306px;
    height: 255px;
    top: 6px;
    left: -26px;
    text-align: justify;
    overflow-y: auto;
    overflow-x: hidden;
}

.concours1 {
    position: relative;
    top: 75px;
    left: 15px;
}

.partenaires {
    width: 186px;
    height: 255px;
    position: absolute;
    left: 40px;
    top: 95px;
    padding-top: 0px;
}

.partenaires1 h {
    position: relative;
    top: 5px;
    left: -46px;
}

.partenaires a {
    position: relative;
    top: 8px;
    display: block;
    margin-top: 10px;
}

.mySlides.social.fade {
    top: 140px;
}
.social1 {
    position: relative;
    font-size: 12px;
    top: 182px;
    left: 0px;
}

/*fin slide*/

a.newpost {
    text-transform: inherit;
    font-size: 11px;
    position: relative;
    padding: 10px;
    display: block;
}

.clearfix::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;
}


/*STAFF*/


.position1 {
    position: absolute;
    text-align: justify;
    width: 100%;
    height: 200px;
    bottom: 225px;
    left: 620px;
    letter-spacing: 0.25px;
}

.position2 {
    font-size: 11px;
    line-height: 21px;
    position: absolute;
    text-align: justify;
    width: 100%;
    height: 200px;
    bottom: 155px;
    left: 620px;
    letter-spacing: 0.25px;
}


.position3 {
    position: absolute;
    text-align: justify;
    width: 100%;
    height: 200px;
    bottom: 85px;
    left: 620px;
    letter-spacing: 0.25px;
}

.position4 {
    position: absolute;
    text-align: justify;
    width: 100%;
    height: 200px;
    bottom: 15px;
    left: 620px;
    letter-spacing: 0.25px;
}

.position5 {
    position: absolute;
    text-align: justify;
    width: 100%;
    height: 200px;
    bottom: -55px;
    left: 620px;
    letter-spacing: 0.25px;
}


.staffava {
    float: left;
    height: 50px;
    overflow: hidden;
    width: 50px;
    top: 11px;
}


img-staff {
    width: 46%;
    height: 145px;
}

.staffava:hover textestaff {
    opacity: 1;
}

textestaff {
    opacity: 0;
    background-color: #2b2a52;
    color: #cfd2d6;
    font-size: 12px;
    text-align: center;
    display: table;
    top: 55px;
    left: -10px;
    position: absolute;
    height: 8px;
    width: 190px;
    transition: 0.5s all;
    /* padding-top: 60px; */
}

textestaff a {
    color: #eab798!important;
    border-bottom: 0px !important;
    letter-spacing: 1px;
    border-top: 1px solid #aca5af;
}


/*Fin PA*/

</style>  <link rel="stylesheet" type="text/css" href="pageaccueil.css" />   
<center>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
   <div class="messageAccueil">
                                   
      <div class="animation">
                                    
      </div>
                             
      <div class="animation2">
                                  
      </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                 
      <div class="slideshow-container">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
         <div class="mySlides intro fade" style="">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
            <div class="texteacc">
                                                                                                                                                                                                                                                                                                                                                                                                                                                           Nous sommes une communauté de <em>passionnés</em> qui se retrouvent autour du <em>graphisme</em>, dans un esprit de partage et de convivialité. <strong>Que tu sois débutant ou confirmé</strong>, c’est ici que tu pourras <em>partager tes créations pour progresser </em>, participer à des concours variés, apprendre des choses nouvelles, apporter ton aide et poser tes questions…et, bien sûr, <span style="text-decoration: underline;">flooder !</span> AD est un endroit unique, où chacun peut trouver sa place, quel que soit son niveau, son logiciel, ou son <em>style graphique</em>. Nous aimons apprendre à mieux nous connaître, en partageant nos autres passions dans les galeries des curiosités et dans les mini-blogs. <strong>N'hésite pas à nous faire découvrir les tiennes ! </strong>Alors n’attends plus et <span style="text-decoration: underline;">inscris-toi sur AD,</span> tu seras accueilli à bras ouverts !                                                                                                                                                                                                                                           
            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
         <div class="mySlides concours1 fade" style="">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
            <div class="concours clearfix">
                                                                                                                                                                                                                                   <span style="font-size: 11px;"> Les concours        </span>      <br />                                                                                                                                                        Sur AD tu peux te mesurer aux autres au travers de nombreux concours !                                                                                                                                                                                                                                                                                                 
               <div class="CM" title="Concours du mois">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <a href="http://art-design.forumactif.fr/f43-concours-du-mois" id="CM"> • Concours du mois</a> Chaque mois, un concours fun sera organisé sur le forum, pour t'aider à t'améliorer tout en t'amusant !                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
               <div style="display: none;">
                                                                                                                                                                                                                                                                                                                                                                                                                                 
                  <div class="winner" title="Félicitations à !">
                                                                                                                                                                                                                                                                                                                                 <strong> • Gagnante du concours du mois de juin </strong>                                          Félicitations Ludibaty !        <a href="http://art-design.forumactif.fr/t1952-galerie-de-ludy#21128" class="winner">Sa galerie</a>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                 
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
               <div class="YS" title="Your Style">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <a href="http://art-design.forumactif.fr/f47-your-style" id="YS"> • Your Style</a> A partir d'une base imposée, il faudra composer une création selon ton propre style !                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                    
               <div class="B" title="Battles">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <a href="http://art-design.forumactif.fr/f48-battles" id="B"> • Les Battles</a> Besoin de plus de défis ? Les battles sont des "minis concours" entre deux ou plusieurs adversaires (maximum 4).                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
         </div>
                                                                                                                                                                                                                                                                                                                                                                              
         <div class="mySlides partenaires1 fade" style="">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
            <div class="partenaires">
                                                                                                                                                                                                                                   <span style="font-size: 12px;"> Nos partenaires      </span>      <br />                                                                                                                          <a target="_blank" href="http://www.letempsdunrp.com/"><img alt="10035" src="https://2img.net/image.noelshack.com/fichiers/2018/42/7/1540142588-1.gif" /></a><a target="_blank" href="http://www.walkingdead-rpg.com/"><img src="https://www.zupimages.net/up/18/18/93x9.gif" /></a>  <a target="_blank" href="https://wyvartem.fr/"><img src="https://www.zupimages.net/up/20/16/2zr4.png" /></a> <a href="https://www.worldanim.net/home" rel="dofollow" target="_blank"><img src="https://www.worldanim.net/assets/images/partners/worldanim.png" alt="Forum d'animation et de graphisme" /></a>  <a href="http://art-design.forumactif.fr/f9-partenariats" class="nouslier" target="_blank" title="Nous lier ?"> <span style="font-size: 12px;">Nous lier ?</span></a>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
         </div>
                                                                                                                                                                                                                                                                                                                                                                    
         <div class="mySlides social fade" style="">
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
            <div class="social1">
                                                                                                                                                                                                                                     <span style="font-size: 12px;">Suivez-nous !      </span>      <br />                                                                                                                                                                                                                      <a href="https://www.facebook.com/artdesign.xooit" target="_blank" title="Facebook" class="facebook">Facebook</a>,<a href="https://twitter.com/ARTDESIGNXOOIT" target="_blank" title="Twitter" id="twitter">Twitter</a> et <a id="Instagram" title="Instagram" target="_blank" href="https://www.instagram.com/artdesign.forum/">Instagram</a>  !                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
         </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
         <!--                                                                                                                                                                                                                                                                                                                                                                        Next/prev buttons                                                                                                                                                                                                                                                                                                                                                                        -->  <a class="prev" onclick="plusSlides(-1)">❮</a>  <a class="next" onclick="plusSlides(1)">❯</a>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
      </div>
                                                                                                                                                                         
      <div class="position1">
                                                                                                                                                      
         <div class="staffava">
                                                                                    <a href="/u1" class="js-replace-avatar"><img style="height: 90px; width: auto;" class="useravatar" /></a><textestaff><em>Khaym</em> ◆ <em>Webmiss</em> </textestaff>                                                                                                     
         </div>
                                                                                                                                                      
      </div>
                                                                                                                                                     
      <div class="position2">
                                                                                                                                                      
         <div class="staffava">
                                                                                    <a href="/u2" class="js-replace-avatar"><img style="height: 90px; width: auto;" class="useravatar" /></a><textestaff><em>Memories </em>◆ <em>Webmiss</em> </textestaff>                                                                                                     
         </div>
                                                                                                                                                      
      </div>
                                                                                                                                                                                                                                                               
      <div class="position3">
                                                                                                                                                      
         <div class="staffava">
                                                                                    <a href="/u3" class="js-replace-avatar"><img style="height: 90px; width: auto;" class="useravatar" /></a><textestaff><em>Serah</em> ◆ <em>Modératrice</em> </textestaff>                                                                                                     
         </div>
                                                                                                                                                      
      </div>
                                                                                                                                                                                                                                                               
      <div class="position4">
                                                                                                                                                      
         <div class="staffava">
                                                                                    <a href="/u4" class="js-replace-avatar"><img style="height: 90px; width: auto;" class="useravatar" /></a><textestaff><em>Meghan </em>◆ <em>Modératrice</em> </textestaff>                                                                                                     
         </div>
                                                                                                                                                      
      </div>
                                                                                                                                                                                                                                                               
      <div class="position5">
                                                                                                                                                      
         <div class="staffava">
                                                                                    <a href="/u5" class="js-replace-avatar"><img style="height: 90px; width: auto;" class="useravatar" /></a><textestaff><em>TyphaineO </em>◆ <em>Modératrice</em> </textestaff>                                                                                                     
         </div>
                                                                                                                                                      
      </div>
                                                                                                                                                                 
   </div>
</center>
       
Contenu sponsorisé

Test profil - Page 2 Empty Re: Test profil




Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum