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

    Missy 26
    Missy 26
    FémininAge : 29Messages : 60

    le Jeu 30 Juil 2015 - 16:20

    thanks
    Nartiifiice
    Nartiifiice
    FémininAge : 21Messages : 88

    le Ven 31 Juil 2015 - 16:26

    Thanx
    Kuvera
    Kuvera
    FémininAge : 25Messages : 34

    le Ven 31 Juil 2015 - 22:58

    Merci !
    mon-etoile
    mon-etoile
    FémininAge : 30Messages : 140

    le Lun 3 Aoû 2015 - 17:44

    J'hésite avec beaucoup ils sont vraiment beau !
    Kelalin
    Kelalin
    FémininAge : 26Messages : 2017

    le Lun 3 Aoû 2015 - 19:03

    Les polices sont belles, les couleurs concordent. Que demander de plus ?
    Merci pour ce code (^_^)
    fraumali
    fraumali
    FémininAge : 38Messages : 122

    le Mer 5 Aoû 2015 - 18:09

    Bonjour ou bonsoir et merci de ce partage.
    BooTheCrow
    BooTheCrow
    FémininAge : 21Messages : 15

    le Jeu 6 Aoû 2015 - 18:13

    Merci pour le partage :)




    Image par Dreamworks
    Lineart / colorisation et personnage par TheCrow
    Lusso
    Lusso
    MasculinAge : 21Messages : 36

    le Sam 8 Aoû 2015 - 2:49

    Merci !
    Annaliese
    Annaliese
    FémininAge : 20Messages : 12

    le Jeu 20 Aoû 2015 - 10:58

    Merci A-lice ~ !



    petit lu
    petit lu
    FémininAge : 26Messages : 180

    le Jeu 20 Aoû 2015 - 11:03

    Merci du patage
    Neyotox
    Neyotox
    MasculinAge : 25Messages : 37

    le Mar 29 Sep 2015 - 4:11

    Superbe !
    Moro-PM
    Moro-PM
    FémininAge : 16Messages : 149

    le Mar 29 Sep 2015 - 20:26

    Merci !
    rosebleudu10
    rosebleudu10
    FémininAge : 28Messages : 189

    le Sam 10 Oct 2015 - 13:17

    merci
    Girly
    Girly
    FémininAge : 21Messages : 116

    le Dim 11 Oct 2015 - 11:40

    trop belle
    MortimerFire
    MortimerFire
    FémininAge : 18Messages : 24

    le Mer 14 Oct 2015 - 1:25

    Génial, merci!
    Rhoswen Fay
    Rhoswen Fay
    FémininAge : 31Messages : 66

    le Sam 17 Oct 2015 - 17:51

    merci
    Raymanou
    Raymanou
    MasculinAge : 26Messages : 49

    le Dim 18 Oct 2015 - 17:18

    merci
    lolosmile
    lolosmile
    FémininAge : 27Messages : 37

    le Dim 18 Oct 2015 - 17:57

    merci
    Blazeca
    Blazeca
    FémininAge : 18Messages : 30

    le Mer 21 Oct 2015 - 15:19

    Merci !
    Lilynufare
    Lilynufare
    FémininAge : 28Messages : 341

    le Sam 31 Oct 2015 - 19:20

    jolie :)
    Anguis
    Anguis
    FémininAge : 27Messages : 28

    le Dim 1 Nov 2015 - 11:11

    Merci Very Happy
    BLUNA
    BLUNA
    FémininAge : 24Messages : 9

    le Dim 1 Nov 2015 - 18:02

    Oh c'est trop beau. **
    Luunalight
    Luunalight
    FémininAge : 28Messages : 97

    le Mer 18 Nov 2015 - 16:09

    Merci !
    perfect.
    perfect.
    FémininAge : 27Messages : 14

    le Mar 24 Nov 2015 - 20:17

    j'aime beaucoup merci du partage Very Happy
    Madness of Wonderland
    Madness of Wonderland
    FémininAge : 19Messages : 59

    le Dim 20 Déc 2015 - 0:57

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 24 Jan 2019 - 9:30