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.

-23%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS 44mm (plusieurs coloris)
199 € 259 €
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

    Riten
    Riten
    MasculinAge : 26Messages : 30

    Jeu 14 Aoû 2014 - 2:02

    Merci
    mel1986
    mel1986
    FémininAge : 38Messages : 38

    Sam 16 Aoû 2014 - 16:53

    C'est super beau !
    Mimie valdroff
    Mimie valdroff
    FémininAge : 32Messages : 13

    Lun 18 Aoû 2014 - 0:14

    jolie
    Likilou
    Likilou
    MasculinAge : 31Messages : 309

    Ven 22 Aoû 2014 - 22:15

    merci



    PA Pink & Gray - Page 2 707828SignArthur2
    plushmasters
    plushmasters
    FémininAge : 32Messages : 71

    Lun 25 Aoû 2014 - 17:30

    trop beau *-*
    Zélya
    Zélya
    FémininAge : 35Messages : 190

    Lun 25 Aoû 2014 - 17:58

    bonjour et merci pour ce partage



    PA Pink & Gray - Page 2 891727signaNanmoue
    Liberty Grim
    Liberty Grim
    FémininAge : 26Messages : 128

    Mar 26 Aoû 2014 - 13:16

    Merci :3
    Ay.am.e
    Ay.am.e
    FémininAge : 26Messages : 123

    Lun 1 Sep 2014 - 4:52

    Merci !
    Junior.
    Junior.
    FémininAge : 27Messages : 78

    Lun 1 Sep 2014 - 12:08

    Merci beaucoup ! **
    Trenz
    Trenz
    MasculinAge : 22Messages : 44

    Lun 1 Sep 2014 - 18:36

    C'est magnifique merci ! Very Happy
    Haniwa
    Haniwa
    FémininAge : 30Messages : 206

    Lun 1 Sep 2014 - 22:59

    merci
    Girlicious
    Girlicious
    FémininAge : 39Messages : 60

    Mar 2 Sep 2014 - 11:17

    J'aime la simplicité, très jolie. Merci du partage :)



    PA Pink & Gray - Page 2 OXvQ1
    Clémentine
    Clémentine
    FémininAge : 32Messages : 223

    Mar 2 Sep 2014 - 21:50

    Mignon ^^ merci



    PA Pink & Gray - Page 2 9w9t
    Sitahy
    Sitahy
    FémininAge : 24Messages : 19

    Sam 6 Sep 2014 - 12:51

    Merci :-)



    PA Pink & Gray - Page 2 1-56
    kevin85400
    kevin85400
    MasculinAge : 31Messages : 176

    Dim 7 Sep 2014 - 20:40

    Merci



    PA Pink & Gray - Page 2 Sans_t11
    Okami
    Okami
    FémininAge : 30Messages : 620

    Lun 8 Sep 2014 - 13:11

    J'adore, simple mais efficace



    PA Pink & Gray - Page 2 Tumblr_m0lmf0oYqf1qbghoko1_500
    x°Okami°x
    crée par => Okami
    Moro-PM
    Moro-PM
    FémininAge : 22Messages : 149

    Lun 8 Sep 2014 - 16:18

    Merci !
    Draly
    Draly
    FémininAge : 32Messages : 120

    Mer 10 Sep 2014 - 20:00

    Thank you.^^
    Onna
    Onna
    FémininAge : 27Messages : 23

    Mer 17 Sep 2014 - 16:48

    Merci :3
    Dahlia
    Dahlia
    FémininAge : 27Messages : 33

    Mer 24 Sep 2014 - 22:14

    j'adore !
    merci du partage :)
    Myfanwi
    Myfanwi
    FémininAge : 27Messages : 97

    Sam 27 Sep 2014 - 22:55

    Merci Very Happy
    Lutine
    Lutine
    FémininAge : 37Messages : 102

    Mer 1 Oct 2014 - 10:43

    Merci!
    Lisou
    Lisou
    FémininAge : 24Messages : 351

    Mer 8 Oct 2014 - 17:42

    Merci ♥
    Miss Tigri
    Miss Tigri
    FémininAge : 30Messages : 89

    Ven 10 Oct 2014 - 16:19

    Merci !
    avatar
    Wolftactick
    FémininAge : 23Messages : 71

    Sam 11 Oct 2014 - 0:48

    trop bow
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 16:50