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


    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
    Smokerlilitrope
    FémininAge : 29Messages : 45

    le Mar 22 Juil 2014 - 21:57

    Haaaaaa j’hésite, elle est belle aussi
    avatar
    Sorako
    FémininAge : 20Messages : 94

    le Mer 23 Juil 2014 - 13:22

    J'adore ! merci du partage !
    avatar
    Leoguillem
    MasculinAge : 18Messages : 137

    le Mer 23 Juil 2014 - 20:32

    Merci !



    - Je signe Marabout -
    avatar
    Fayzl4D
    MasculinAge : 22Messages : 84

    le Jeu 24 Juil 2014 - 18:49

    merci
    avatar
    Gabriielle
    FémininAge : 27Messages : 42

    le Jeu 24 Juil 2014 - 19:50

    merci :)
    avatar
    Raven Sumire
    FémininAge : 24Messages : 43

    le Ven 25 Juil 2014 - 0:26

    Merci :3
    avatar
    zbou
    FémininAge : 24Messages : 83

    le Sam 26 Juil 2014 - 15:11

    Merci ♥
    avatar
    Kokoro Korou
    MasculinAge : 22Messages : 70

    le Sam 26 Juil 2014 - 20:07

    Merci ! :3
    avatar
    Dacina moe
    FémininAge : 39Messages : 169

    le Sam 26 Juil 2014 - 22:38

    jadore, merci
    avatar
    GreenGage
    FémininAge : 25Messages : 73

    le Dim 27 Juil 2014 - 1:57

    Très belle PA, merci du partage.
    avatar
    NaruChan
    FémininAge : 16Messages : 36

    le Mer 30 Juil 2014 - 23:55

    Exactement ce qu'il me fallait, merci~
    avatar
    Mikasa
    FémininAge : 20Messages : 162

    le Jeu 31 Juil 2014 - 1:15

    Merci !




    Signa:


    avatar
    Elora Hanta
    FémininAge : 26Messages : 69

    le Jeu 31 Juil 2014 - 18:41

    Super, merci  Very Happy 
    avatar
    mackay
    MasculinAge : 29Messages : 124

    le Ven 1 Aoû 2014 - 11:59

    Pas mal
    avatar
    AprilSparkle
    FémininAge : 23Messages : 19

    le Ven 1 Aoû 2014 - 21:13

    Merci beaucoup !
    avatar
    AQW
    FémininAge : 23Messages : 224

    le Ven 1 Aoû 2014 - 22:58

    merci x3 j'adore ton thème ! je vais le garder i lest génial :3



    Blblbl. ♥
    avatar
    Bridgess
    FémininAge : 19Messages : 58

    le Sam 2 Aoû 2014 - 17:19

    Un très bel ensemble sur un forum ♥
    Risha
    FémininAge : 20Messages : 19

    le Dim 3 Aoû 2014 - 0:33

    Merci beaucoup ! :)
    avatar
    Dastan
    MasculinAge : 34Messages : 111

    le Lun 4 Aoû 2014 - 18:16

    Mercii!
    avatar
    Daisy Hardman
    FémininAge : 20Messages : 60

    le Mar 5 Aoû 2014 - 19:31

    merci
    avatar
    Tatia38
    FémininAge : 29Messages : 306

    le Mer 6 Aoû 2014 - 8:26

    J'aime beaucoup merci pour le partage
    avatar
    Azzuen
    FémininAge : 19Messages : 61

    le Ven 8 Aoû 2014 - 2:29

    Merci beaucoup o/
    avatar
    bellaromane
    FémininAge : 19Messages : 6

    le Sam 9 Aoû 2014 - 19:25

    merci
    avatar
    Merwyn Arehdel
    FémininAge : 18Messages : 298

    le Mer 13 Aoû 2014 - 8:48

    Merci o/



    Just want to be yours.
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Juin 2018 - 2:01