AccueilFAQRechercherMembresGroupesS'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.


    PA Pink & Gray

    Partagez
    avatar
    A-Lice
    FémininAge : 24Messages : 4939

    le Sam 19 Juil 2014 - 3:46

    Rappel du premier message :


    PA Pink & Gray


    Suite à une demande de Javarakita voici une PA Pink & Gray.

    Je précise que l'arrière plan bleu correspond à mon forum.

    HTML & CSS ~ Voici donc un aperçu : www


    Et le code :
    HTML :
    Code:
    <br/><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><div class="PA_fond"><span class="PA_titre">Bienvenue à Canberra, {USERNAME}</span><br/><br/><span class="PA_titre_contexte">Contexte</span> <span class="PA_titre_staff">Staff</span><br/><div class="PA_contexte">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed venenatis nisi ac augue tempus, eu malesuada quam cursus. In ullamcorper elit interdum lorem blandit, quis luctus nunc posuere. Curabitur a orci ultricies, dignissim lectus ac, malesuada orci. Sed tempus tellus imperdiet massa tempus, vel congue leo sodales. Nam luctus est in ipsum volutpat, vitae ultricies mi aliquet. Ut vel nisi vel velit dignissim aliquam id eget dui. Aliquam non velit velit. Fusce vehicula urna et ipsum tincidunt, quis blandit tellus ullamcorper.

    </div> <div class="PA_staff"><br/>
    <div class="PA_staff_img" style="padding-right:7px;"><img src="http://img11.hostingpics.net/pics/6591289067.png" /></div> <div class="PA_staff_img"><img src="http://img11.hostingpics.net/pics/6591289067.png" /></div>
    <br/><span class="PA_staff_texte">Pseudo<br/>Groupe-Mp</span> <span class="PA_staff_texte">Pseudo<br/>Groupe-Mp</span>


    </div><br/><br/><span class="PA_titre_lien">Liens Utiles</span> <span class="PA_titre_new">Nouveautés</span> <span class="PA_titre_ami">Les amis</span><div class="PA_lien"><a href="LIEN">www</a><br/>
    <a href="LIEN">www</a><br/>
    <a href="LIEN">www</a><br/>
    <a href="LIEN">www</a><br/>
    <a href="LIEN">www</a><br/>
    <a href="LIEN">www</a><br/>
    </div> <div class="PA_new">XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
    XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
    XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
    XX/XX/XXXX : Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br/>
    </div> <div class="PA_ami"><br/>
    <div class="PA_partenaire"><marquee direction="down" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();"><a href="LIEN PARTENAIRE"><img src="http://img11.hostingpics.net/pics/835225rouge.png" /></a><a href="LIEN PARTENAIRE"><img src="http://img11.hostingpics.net/pics/835225rouge.png" /></a></marquee></div>
    <br/><a href="LIEN">Devenir Ami</a> - <a href="LIEN">Nos Amis</a>
    </div>

    <a href="http://www.never-utopia.com/" style="font-size:11px; text-align:center; text-decoration:none;">© By A-Lice sur Never-Utopia</a>
    </div>


    CSS :
    Code:
    .PA_fond {
    width:750px;
    background-color:WhiteSmoke;
    padding:10px;
    font-family: Trebuchet MS;
    }

    .PA_titre {
    display:block;
    text-align:center;
    font-size:40px;
    color:#ff8690;
    font-family: 'Playball', cursive;
    }

    .PA_titre_contexte {
    display:inline-block;
    width:510px;
    text-align:left;
    font-size:25px;
    margin-left:-10px;
    color:#ff8690;
    font-family: 'Playball', cursive;
    }

    .PA_titre_staff {
    display:inline-block;
    width:200px;
    text-align:left;
    font-size:25px;
    color:#ff8690;
    font-family: 'Playball', cursive;
    }

    .PA_contexte {
    display:inline-block;
    width:490px;
    height:150px;
    padding:5px;
    border:1px #f5dcdd solid;
    margin-right:10px;
    overflow:auto;
    text-align:justify;
    }

    .PA_staff {
    display:inline-block;
    width:210px;
    height:150px;
    padding:5px;
    border:1px #f5dcdd solid;
    overflow:hidden;
    }

    .PA_staff_img {
    display:inline;
    width:95px;
    }

    .PA_staff_texte {
    display:inline-block;
    text-align:center;
    width:90px;
    padding:5px;
    }

    .PA_titre_lien {
    display:inline-block;
    width:280px;
    text-align:left;
    font-size:25px;
    margin-left:-10px;
    color:#ff8690;
    font-family: 'Playball', cursive;
    }

    .PA_titre_new {
    display:inline-block;
    width:280px;
    text-align:left;
    font-size:25px;
    color:#ff8690;
    font-family: 'Playball', cursive;
    }

    .PA_titre_ami {
    display:inline-block;
    width:160px;
    text-align:left;
    font-size:25px;
    color:#ff8690;
    font-family: 'Playball', cursive;
    }

    .PA_lien {
    display:inline-block;
    width:260px;
    height:110px;
    padding:5px;
    border:1px #f5dcdd solid;
    margin-right:10px;
    text-align:justify;
    overflow:auto;
    }

    .PA_new {
    display:inline-block;
    width:260px;
    height:110px;
    padding:5px;
    border:1px #f5dcdd solid;
    margin-right:10px;
    text-align:justify;
    overflow:auto;
    }

    .PA_ami {
    display:inline-block;
    width:160px;
    height:110px;
    padding:5px;
    border:1px #f5dcdd solid;
    overflow:hidden;
    }

    .PA_partenaire {
    width:150px;
    height:60px;
    overflow:hidden;
    }

    La suite de l'ensemble se trouve ici :


    PA Pink & Gray
    Catégories
    Qeel


    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Vos commentaires et remerciements sont toujours bienvenus ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.


    Dernière édition par A-Lice le Lun 16 Fév 2015 - 13:23, édité 1 fois

    avatar
    £ternal_$unshine
    FémininAge : 25Messages : 69

    le Jeu 24 Déc 2015 - 13:50

    Merci :)



    Ce Joli Kit a été créé par ma coupine Soihra ♥
    avatar
    Pucky
    FémininAge : 21Messages : 44

    le Lun 28 Déc 2015 - 21:26

    C'est exactement ce que je cherchais ! *___________*
    avatar
    Cassisse
    FémininAge : 26Messages : 121

    le Sam 2 Jan 2016 - 21:51

    jolie ! Merci
    avatar
    Invité

    le Sam 9 Jan 2016 - 0:07

    Je vais l'essayer, merci beaucoup :love:
    avatar
    didicmy
    FémininAge : 27Messages : 69

    le Lun 18 Jan 2016 - 19:38

    Merci du partage
    avatar
    Lunyh
    FémininAge : 18Messages : 41

    le Mer 20 Jan 2016 - 2:25

    Merci ♥
    avatar
    chocapikeuh
    FémininAge : 26Messages : 12

    le Jeu 4 Fév 2016 - 21:53

    Je vais le tester ce petit, merci !:)
    avatar
    Ishyyn
    FémininAge : 23Messages : 90

    le Sam 13 Fév 2016 - 18:03

    Merci ^^
    avatar
    Elissane
    FémininAge : 18Messages : 41

    le Lun 15 Fév 2016 - 0:58

    C'est superbe, merci !
    avatar
    Kâ Lys
    MasculinAge : 55Messages : 299

    le Sam 20 Fév 2016 - 0:02

    Merci



    avatar
    Trimens
    FémininAge : 19Messages : 38

    le Lun 22 Fév 2016 - 10:41

    Merci ! ♥
    avatar
    Kilda
    FémininAge : 38Messages : 73

    le Mar 23 Fév 2016 - 16:20

    merci
    avatar
    Cherry Blossom
    FémininAge : 26Messages : 7

    le Mar 23 Fév 2016 - 17:05

    Thanks !



    avatar
    SweetieBay
    FémininAge : 26Messages : 143

    le Mer 24 Fév 2016 - 5:36

    merci du partage =)
    avatar
    Shide
    FémininAge : 29Messages : 60

    le Jeu 25 Fév 2016 - 13:30

    super merci
    avatar
    beza
    FémininAge : 22Messages : 47

    le Sam 27 Fév 2016 - 19:45

    Merci !
    avatar
    Darkius
    MasculinAge : 30Messages : 65

    le Mar 8 Mar 2016 - 12:59

    Merci bien :)
    avatar
    xmissmegy
    FémininAge : 23Messages : 7

    le Ven 25 Mar 2016 - 23:06

    merci
    avatar
    Yomidashi
    FémininAge : 21Messages : 14

    le Dim 27 Mar 2016 - 23:17

    Merciii! o/



    avatar
    Thessia
    FémininAge : 29Messages : 74

    le Lun 28 Mar 2016 - 2:50

    Simple et efficace



    Ce n'est pas parce que tu ne le vois pas que ce n'est pas réel,
    Ce n'est pas par ce que tu n'y arrive pas que ce n'est pas possible.
    avatar
    Margaux E.
    FémininAge : 15Messages : 25

    le Sam 2 Avr 2016 - 13:19

    Trop beau !
    Merci
    Animal.
    FémininAge : 20Messages : 13

    le Lun 4 Avr 2016 - 15:52

    Je désespérément une page d’accueil simple mais jolie, en espérant être tombée sur la bonne cette fois ! Merci
    avatar
    Edward Speleers
    FémininAge : 30Messages : 456

    le Mar 5 Avr 2016 - 23:28

    Ca m'interesse, merci



    avatar
    Pastelryxx
    FémininAge : 22Messages : 8

    le Sam 9 Avr 2016 - 15:41

    Merci owo ♥
    avatar
    KamiCams
    FémininAge : 22Messages : 38

    le Ven 15 Avr 2016 - 17:04

    Merci beaucoup pour le partage !!! Les couleurs font vraiment classes, j'apprécie vraiment !
    Contenu sponsorisé


      La date/heure actuelle est Mer 26 Sep 2018 - 6:46