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
    Flaura
    FémininAge : 15Messages : 152

    le Mer 28 Jan 2015 - 17:55

    Merci !
    Horus
    FémininAge : 21Messages : 55

    le Lun 16 Fév 2015 - 14:01

    michi !
    avatar
    Solitude
    FémininAge : 43Messages : 286

    le Jeu 19 Fév 2015 - 10:43

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Meranii
    FémininAge : 22Messages : 53

    le Jeu 19 Fév 2015 - 14:39

    [left]J'aime beaucoup cette PA, simple, mais efficace ! Merci beaucoup.
    [/list]



    avatar
    Sacha73
    MasculinAge : 38Messages : 67

    le Sam 21 Fév 2015 - 17:33

    Hello,

    Merci
    avatar
    Neymar
    MasculinAge : 20Messages : 138

    le Dim 1 Mar 2015 - 11:37

    Hawnsome o/
    avatar
    Coccinelle
    FémininAge : 21Messages : 47

    le Lun 2 Mar 2015 - 5:23

    Merci ! **
    avatar
    Perlita
    FémininAge : 18Messages : 55

    le Lun 2 Mar 2015 - 15:55

    HAAA !!!
    J'hésite !!!



    avatar
    Kasshad
    MasculinAge : 28Messages : 312

    le Mer 4 Mar 2015 - 15:10

    Merci !



    avatar
    Sweetdead
    FémininAge : 22Messages : 38

    le Sam 7 Mar 2015 - 19:39

    Merci beaucoup ! Very Happy
    avatar
    Badabulle
    FémininAge : 26Messages : 25

    le Mar 10 Mar 2015 - 17:11

    :love:
    avatar
    v-r0
    FémininAge : 26Messages : 39

    le Jeu 12 Mar 2015 - 20:33

    Superbe l'aperçu! J'adore le style! :hug2:
    avatar
    Neilia
    FémininAge : 26Messages : 101

    le Ven 13 Mar 2015 - 15:06

    merci ^^
    avatar
    Grenouille
    FémininAge : 22Messages : 49

    le Sam 28 Mar 2015 - 0:08

    Merci ♥
    avatar
    MLD
    FémininAge : 25Messages : 87

    le Mar 31 Mar 2015 - 8:16

    Merci du partage !
    Sépia
    FémininAge : 21Messages : 70

    le Sam 11 Avr 2015 - 14:33

    Intéressant
    avatar
    Eirlys
    FémininAge : 25Messages : 66

    le Sam 18 Avr 2015 - 14:41

    merci
    avatar
    Sadie White
    FémininAge : 27Messages : 36

    le Dim 19 Avr 2015 - 22:53

    Merci beaucoup
    avatar
    Sadie White
    FémininAge : 27Messages : 36

    le Dim 19 Avr 2015 - 22:57

    Merci beaucoup
    avatar
    sandy13
    FémininAge : 28Messages : 15

    le Dim 26 Avr 2015 - 14:51

    Exactement ce que je cherchais merci :)
    avatar
    nami avilov
    FémininAge : 21Messages : 14

    le Jeu 7 Mai 2015 - 15:55

    c'est super joli *-*
    avatar
    Tsumi
    FémininAge : 20Messages : 37

    le Mer 13 Mai 2015 - 15:08

    Merci pour ce code!
    avatar
    Cruelly
    FémininAge : 25Messages : 2563

    le Sam 30 Mai 2015 - 5:51

    Merci



    MON PROJET :heart: j'ai besoin d'avis ^^


    avatar
    Kyuusei Ban
    FémininAge : 25Messages : 54

    le Mar 9 Juin 2015 - 14:32

    Merci :3
    avatar
    Orange Sanguine
    FémininAge : 22Messages : 82

    le Jeu 11 Juin 2015 - 15:20

    J'adore, merci pour le partage *-*



    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Juin 2018 - 19:07