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
    Missy 26
    FémininAge : 29Messages : 60

    le Jeu 30 Juil 2015 - 16:20

    thanks
    avatar
    Nartiifiice
    FémininAge : 20Messages : 88

    le Ven 31 Juil 2015 - 16:26

    Thanx
    avatar
    Kuvera
    FémininAge : 25Messages : 34

    le Ven 31 Juil 2015 - 22:58

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

    le Lun 3 Aoû 2015 - 17:44

    J'hésite avec beaucoup ils sont vraiment beau !
    En ligne
    avatar
    Kelalin
    FémininAge : 26Messages : 1970

    le Lun 3 Aoû 2015 - 19:03

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

    le Mer 5 Aoû 2015 - 18:09

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

    le Jeu 6 Aoû 2015 - 18:13

    Merci pour le partage :)




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

    le Sam 8 Aoû 2015 - 2:49

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

    le Jeu 20 Aoû 2015 - 10:58

    Merci A-lice ~ !



    avatar
    petit lu
    FémininAge : 26Messages : 178

    le Jeu 20 Aoû 2015 - 11:03

    Merci du patage
    avatar
    Neyotox
    MasculinAge : 25Messages : 37

    le Mar 29 Sep 2015 - 4:11

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

    le Mar 29 Sep 2015 - 20:26

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

    le Sam 10 Oct 2015 - 13:17

    merci
    avatar
    Girly
    FémininAge : 21Messages : 116

    le Dim 11 Oct 2015 - 11:40

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

    le Mer 14 Oct 2015 - 1:25

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

    le Sam 17 Oct 2015 - 17:51

    merci
    avatar
    Raymanou
    MasculinAge : 26Messages : 49

    le Dim 18 Oct 2015 - 17:18

    merci
    avatar
    lolosmile
    FémininAge : 27Messages : 37

    le Dim 18 Oct 2015 - 17:57

    merci
    avatar
    Blazeca
    FémininAge : 18Messages : 30

    le Mer 21 Oct 2015 - 15:19

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

    le Sam 31 Oct 2015 - 19:20

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

    le Dim 1 Nov 2015 - 11:11

    Merci Very Happy
    avatar
    BLUNA
    FémininAge : 23Messages : 9

    le Dim 1 Nov 2015 - 18:02

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

    le Mer 18 Nov 2015 - 16:09

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

    le Mar 24 Nov 2015 - 20:17

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

    le Dim 20 Déc 2015 - 0:57

    merci
    Contenu sponsorisé


      La date/heure actuelle est Mer 14 Nov 2018 - 18:30