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
    A-Lice
    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

    Kathlyn
    Kathlyn
    FémininAge : 22Messages : 33

    le Ven 17 Oct 2014 - 21:59

    merchi =)
    Allèle
    Allèle
    FémininAge : 25Messages : 56

    le Mar 21 Oct 2014 - 14:03

    Merci =)
    Kause
    Kause
    FémininAge : 25Messages : 15

    le Mer 22 Oct 2014 - 9:15

    Merci d'avoir créé cette PA Wink
    avatar
    TATACARO13
    FémininAge : 44Messages : 80

    le Dim 2 Nov 2014 - 20:33

    merci





    Carcajou
    Carcajou
    FémininAge : 29Messages : 59

    le Mer 5 Nov 2014 - 18:05

    merci :)
    SooJaeHee
    SooJaeHee
    FémininAge : 23Messages : 50

    le Mer 5 Nov 2014 - 22:36

    J'aime <3
    Aubynette
    Aubynette
    FémininAge : 17Messages : 25

    le Mar 11 Nov 2014 - 15:42

    Merci c'est vraiment magnifique 8D
    Shimthelime
    Shimthelime
    MasculinAge : 28Messages : 11

    le Jeu 13 Nov 2014 - 5:49

    Merci :)
    Demily
    Demily
    FémininAge : 32Messages : 50

    le Mar 25 Nov 2014 - 8:21

    J'aime beaucoup. Merci du partage.
    cali60
    cali60
    FémininAge : 33Messages : 58

    le Sam 6 Déc 2014 - 18:02

    merci :)
    Stitch56
    Stitch56
    FémininAge : 25Messages : 200

    le Lun 8 Déc 2014 - 12:16

    Merci ♥
    Kirito
    Kirito
    MasculinAge : 23Messages : 200

    le Lun 8 Déc 2014 - 12:37

    pas mal
    poussette59
    poussette59
    FémininAge : 34Messages : 158

    le Ven 12 Déc 2014 - 14:42

    sympas !! merciii
    Afterglow.winter
    Afterglow.winter
    FémininAge : 23Messages : 138

    le Sam 13 Déc 2014 - 17:34

    Aussi jolie que le code de catégorie ^^



    How do you get up from an all time low?
    Kitty Kat.
    Kitty Kat.
    FémininAge : 24Messages : 86

    le Dim 14 Déc 2014 - 1:21

    J'aime beaucoup, je te l'empreinte ! :)
    fregadeth
    fregadeth
    MasculinAge : 42Messages : 80

    le Lun 15 Déc 2014 - 13:38

    Merci
    Porcelain Detox
    Porcelain Detox
    MasculinAge : 24Messages : 91

    le Jeu 18 Déc 2014 - 22:06

    Merci :)
    Chèlha
    Chèlha
    FémininAge : 26Messages : 121

    le Sam 20 Déc 2014 - 19:06

    Merci
    Nawak
    Nawak
    FémininAge : 21Messages : 112

    le Dim 21 Déc 2014 - 21:00

    Merci Very Happy



    RKB.
    RKB.
    FémininAge : 25Messages : 8

    le Lun 22 Déc 2014 - 0:06

    wah merci il est super cool :)
    Nymeria.
    Nymeria.
    FémininAge : 23Messages : 308

    le Mer 24 Déc 2014 - 0:47

    Super pratique merci
    LittleMuffin
    LittleMuffin
    FémininAge : 22Messages : 20

    le Ven 2 Jan 2015 - 19:45

    Merci du partage :)
    Foxe
    Foxe
    FémininAge : 18Messages : 122

    le Sam 10 Jan 2015 - 12:06

    J'adore !



    Equestria
    Equestria
    FémininAge : 21Messages : 118

    le Jeu 15 Jan 2015 - 1:39

    merci
    Lunet
    Lunet
    FémininAge : 21Messages : 27

    le Ven 16 Jan 2015 - 23:45

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 24 Jan 2019 - 10:03