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 :
LEGO Icons 10331 – Le martin-pêcheur
Voir le deal
35 €

    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

    £ternal_$unshine
    £ternal_$unshine
    FémininAge : 31Messages : 69

    Jeu 24 Déc 2015 - 13:50

    Merci :)



    Ce Joli Kit a été créé par ma coupine Soihra ♥
    PA Pink & Gray - Page 6 78216279872221
    Pucky
    Pucky
    FémininAge : 27Messages : 44

    Lun 28 Déc 2015 - 21:26

    C'est exactement ce que je cherchais ! *___________*
    Cassisse
    Cassisse
    FémininAge : 32Messages : 130

    Sam 2 Jan 2016 - 21:51

    jolie ! Merci
    Anonymous
    Invité

    Sam 9 Jan 2016 - 0:07

    Je vais l'essayer, merci beaucoup :love:
    didicmy
    didicmy
    FémininAge : 33Messages : 74

    Lun 18 Jan 2016 - 19:38

    Merci du partage
    Lunyh
    Lunyh
    FémininAge : 24Messages : 41

    Mer 20 Jan 2016 - 2:25

    Merci ♥
    chocapikeuh
    chocapikeuh
    FémininAge : 32Messages : 12

    Jeu 4 Fév 2016 - 21:53

    Je vais le tester ce petit, merci !:)
    Ishyyn
    Ishyyn
    FémininAge : 29Messages : 90

    Sam 13 Fév 2016 - 18:03

    Merci ^^
    Elissane
    Elissane
    FémininAge : 24Messages : 44

    Lun 15 Fév 2016 - 0:58

    C'est superbe, merci !
    Kâ Lys
    Kâ Lys
    MasculinAge : 32Messages : 299

    Sam 20 Fév 2016 - 0:02

    Merci



    PA Pink & Gray - Page 6 Bug
    Trimens
    Trimens
    FémininAge : 26Messages : 38

    Lun 22 Fév 2016 - 10:41

    Merci ! ♥
    Kilda
    Kilda
    FémininAge : 44Messages : 73

    Mar 23 Fév 2016 - 16:20

    merci
    Cherry Blossom
    Cherry Blossom
    FémininAge : 32Messages : 7

    Mar 23 Fév 2016 - 17:05

    Thanks !



    PA Pink & Gray - Page 6 1602090811325543313961939
    SweetieBay
    SweetieBay
    FémininAge : 32Messages : 146

    Mer 24 Fév 2016 - 5:36

    merci du partage =)
    Shide
    Shide
    FémininAge : 35Messages : 60

    Jeu 25 Fév 2016 - 13:30

    super merci
    beza
    beza
    FémininAge : 28Messages : 47

    Sam 27 Fév 2016 - 19:45

    Merci !
    Darkius
    Darkius
    MasculinAge : 36Messages : 65

    Mar 8 Mar 2016 - 12:59

    Merci bien :)
    xmissmegy
    xmissmegy
    FémininAge : 29Messages : 7

    Ven 25 Mar 2016 - 23:06

    merci
    Yomidashi
    Yomidashi
    FémininAge : 27Messages : 14

    Dim 27 Mar 2016 - 23:17

    Merciii! o/



    PA Pink & Gray - Page 6 Tumblr_n6gz9jVUEd1soec3yo1_500
    Thessia
    Thessia
    FémininAge : 35Messages : 78

    Lun 28 Mar 2016 - 2:50

    Simple et efficace



    Ce n'est pas parce que tu ne le vois pas que ce n'est pas réel,
    Ce n'est pas par ce que tu n'y arrive pas que ce n'est pas possible.
    Margaux E.
    Margaux E.
    FémininAge : 21Messages : 25

    Sam 2 Avr 2016 - 13:19

    Trop beau !
    Merci
    avatar
    Animal.
    FémininAge : 26Messages : 13

    Lun 4 Avr 2016 - 15:52

    Je désespérément une page d’accueil simple mais jolie, en espérant être tombée sur la bonne cette fois ! Merci
    Edward Speleers
    Edward Speleers
    MasculinAge : 36Messages : 460

    Mar 5 Avr 2016 - 23:28

    Ca m'interesse, merci



    PA Pink & Gray - Page 6 Edkidd11
    Pastelryxx
    Pastelryxx
    FémininAge : 28Messages : 8

    Sam 9 Avr 2016 - 15:41

    Merci owo ♥
    KamiCams
    KamiCams
    FémininAge : 28Messages : 41

    Ven 15 Avr 2016 - 17:04

    Merci beaucoup pour le partage !!! Les couleurs font vraiment classes, j'apprécie vraiment !
    Contenu sponsorisé


      La date/heure actuelle est Sam 23 Nov 2024 - 10:45