AccueilDernières imagesRechercherS'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.

Le Deal du moment :
Code promo Nike : -25% dès 50€ ...
Voir le deal

    PA Pink & Gray

    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    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 : 28Messages : 33

    Ven 17 Oct 2014 - 21:59

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

    Mar 21 Oct 2014 - 14:03

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

    Mer 22 Oct 2014 - 9:15

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

    Dim 2 Nov 2014 - 20:33

    merci



    PA Pink & Gray - Page 3 967953logodusite

    PA Pink & Gray - Page 3 381658signatureBAU
    Carcajou
    Carcajou
    FémininAge : 35Messages : 59

    Mer 5 Nov 2014 - 18:05

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

    Mer 5 Nov 2014 - 22:36

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

    Mar 11 Nov 2014 - 15:42

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

    Jeu 13 Nov 2014 - 5:49

    Merci :)
    Demily
    Demily
    FémininAge : 38Messages : 52

    Mar 25 Nov 2014 - 8:21

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

    Sam 6 Déc 2014 - 18:02

    merci :)
    Stitch56
    Stitch56
    FémininAge : 31Messages : 209

    Lun 8 Déc 2014 - 12:16

    Merci ♥
    Kirito
    Kirito
    MasculinAge : 28Messages : 209

    Lun 8 Déc 2014 - 12:37

    pas mal
    poussette59
    poussette59
    FémininAge : 39Messages : 178

    Ven 12 Déc 2014 - 14:42

    sympas !! merciii
    Afterglow
    Afterglow
    FémininAge : 29Messages : 138

    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 : 30Messages : 86

    Dim 14 Déc 2014 - 1:21

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

    Lun 15 Déc 2014 - 13:38

    Merci
    Porcelain Detox
    Porcelain Detox
    MasculinAge : 30Messages : 91

    Jeu 18 Déc 2014 - 22:06

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

    Sam 20 Déc 2014 - 19:06

    Merci
    Nawak
    Nawak
    FémininAge : 26Messages : 112

    Dim 21 Déc 2014 - 21:00

    Merci Very Happy



    PA Pink & Gray - Page 3 Umbrel10
    RKB.
    RKB.
    FémininAge : 31Messages : 8

    Lun 22 Déc 2014 - 0:06

    wah merci il est super cool :)
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Mer 24 Déc 2014 - 0:47

    Super pratique merci
    LittleMuffin
    LittleMuffin
    FémininAge : 28Messages : 21

    Ven 2 Jan 2015 - 19:45

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

    Sam 10 Jan 2015 - 12:06

    J'adore !



    PA Pink & Gray - Page 3 Wet_ha10
    Equestria
    Equestria
    FémininAge : 27Messages : 118

    Jeu 15 Jan 2015 - 1:39

    merci
    Lunet
    Lunet
    FémininAge : 27Messages : 27

    Ven 16 Jan 2015 - 23:45

    Merci !
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 11:01