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
    Kathlyn
    FémininAge : 21Messages : 33

    le Ven 17 Oct 2014 - 21:59

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

    le Mar 21 Oct 2014 - 14:03

    Merci =)
    avatar
    Kause
    FémininAge : 24Messages : 15

    le Mer 22 Oct 2014 - 9:15

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

    le Dim 2 Nov 2014 - 20:33

    merci





    avatar
    Carcajou
    FémininAge : 28Messages : 59

    le Mer 5 Nov 2014 - 18:05

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

    le Mer 5 Nov 2014 - 22:36

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

    le Mar 11 Nov 2014 - 15:42

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

    le Jeu 13 Nov 2014 - 5:49

    Merci :)
    avatar
    Demily
    FémininAge : 31Messages : 50

    le Mar 25 Nov 2014 - 8:21

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

    le Sam 6 Déc 2014 - 18:02

    merci :)
    avatar
    Stitch56
    FémininAge : 24Messages : 200

    le Lun 8 Déc 2014 - 12:16

    Merci ♥
    avatar
    Kirito
    MasculinAge : 22Messages : 200

    le Lun 8 Déc 2014 - 12:37

    pas mal
    avatar
    poussette59
    FémininAge : 33Messages : 158

    le Ven 12 Déc 2014 - 14:42

    sympas !! merciii
    avatar
    Afterglow.winter
    FémininAge : 22Messages : 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?
    avatar
    Kitty Kat.
    FémininAge : 24Messages : 86

    le Dim 14 Déc 2014 - 1:21

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

    le Lun 15 Déc 2014 - 13:38

    Merci
    avatar
    Porcelain Detox
    MasculinAge : 23Messages : 91

    le Jeu 18 Déc 2014 - 22:06

    Merci :)
    avatar
    Chèlha
    FémininAge : 25Messages : 121

    le Sam 20 Déc 2014 - 19:06

    Merci
    avatar
    Nawak
    FémininAge : 20Messages : 112

    le Dim 21 Déc 2014 - 21:00

    Merci Very Happy



    avatar
    RKB.
    FémininAge : 24Messages : 8

    le Lun 22 Déc 2014 - 0:06

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

    le Mer 24 Déc 2014 - 0:47

    Super pratique merci
    avatar
    LittleMuffin
    FémininAge : 21Messages : 20

    le Ven 2 Jan 2015 - 19:45

    Merci du partage :)
    avatar
    Foxe
    FémininAge : 17Messages : 122

    le Sam 10 Jan 2015 - 12:06

    J'adore !



    avatar
    Equestria
    FémininAge : 21Messages : 118

    le Jeu 15 Jan 2015 - 1:39

    merci
    avatar
    Lunet
    FémininAge : 21Messages : 27

    le Ven 16 Jan 2015 - 23:45

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Lun 18 Juin 2018 - 13:28