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
    Riten
    MasculinAge : 20Messages : 30

    le Jeu 14 Aoû 2014 - 2:02

    Merci
    avatar
    mel1986
    FémininAge : 31Messages : 38

    le Sam 16 Aoû 2014 - 16:53

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

    le Lun 18 Aoû 2014 - 0:14

    jolie
    avatar
    Likilou
    MasculinAge : 24Messages : 301

    le Ven 22 Aoû 2014 - 22:15

    merci



    avatar
    plushmasters
    FémininAge : 26Messages : 70

    le Lun 25 Aoû 2014 - 17:30

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

    le Lun 25 Aoû 2014 - 17:58

    bonjour et merci pour ce partage



    avatar
    Liberty Grim
    FémininAge : 20Messages : 128

    le Mar 26 Aoû 2014 - 13:16

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

    le Lun 1 Sep 2014 - 4:52

    Merci !
    avatar
    Junior.
    FémininAge : 21Messages : 78

    le Lun 1 Sep 2014 - 12:08

    Merci beaucoup ! **
    avatar
    Trenz
    MasculinAge : 16Messages : 44

    le Lun 1 Sep 2014 - 18:36

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

    le Lun 1 Sep 2014 - 22:59

    merci
    avatar
    Girlicious
    FémininAge : 33Messages : 60

    le Mar 2 Sep 2014 - 11:17

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



    avatar
    Clémentine
    FémininAge : 26Messages : 223

    le Mar 2 Sep 2014 - 21:50

    Mignon ^^ merci



    avatar
    Sitahy
    FémininAge : 17Messages : 19

    le Sam 6 Sep 2014 - 12:51

    Merci :-)



    avatar
    kevin85400
    MasculinAge : 24Messages : 176

    le Dim 7 Sep 2014 - 20:40

    Merci



    avatar
    Okami
    FémininAge : 23Messages : 620

    le Lun 8 Sep 2014 - 13:11

    J'adore, simple mais efficace




    x°Okami°x
    crée par => Okami
    avatar
    Moro-PM
    FémininAge : 15Messages : 149

    le Lun 8 Sep 2014 - 16:18

    Merci !
    avatar
    Draly
    FémininAge : 25Messages : 109

    le Mer 10 Sep 2014 - 20:00

    Thank you.^^
    avatar
    Onna
    FémininAge : 21Messages : 19

    le Mer 17 Sep 2014 - 16:48

    Merci :3
    avatar
    Dahlia
    FémininAge : 21Messages : 31

    le Mer 24 Sep 2014 - 22:14

    j'adore !
    merci du partage :)
    avatar
    Myfanwi
    FémininAge : 21Messages : 82

    le Sam 27 Sep 2014 - 22:55

    Merci Very Happy
    avatar
    Lutine
    FémininAge : 30Messages : 102

    le Mer 1 Oct 2014 - 10:43

    Merci!
    avatar
    Lisou
    FémininAge : 17Messages : 313

    le Mer 8 Oct 2014 - 17:42

    Merci ♥
    avatar
    Miss Tigri
    FémininAge : 24Messages : 89

    le Ven 10 Oct 2014 - 16:19

    Merci !
    Wolftactick
    FémininAge : 16Messages : 71

    le Sam 11 Oct 2014 - 0:48

    trop bow
    Contenu sponsorisé


      La date/heure actuelle est Sam 18 Aoû 2018 - 16:04