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 : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

    PA Pink & Gray

    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    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

    Anonymous
    Invité

    Mar 22 Juil 2014 - 21:57

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

    Mer 23 Juil 2014 - 13:22

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

    Mer 23 Juil 2014 - 20:32

    Merci !



    - Je signe Marabout -
    Fayzl4D
    Fayzl4D
    MasculinAge : 28Messages : 84

    Jeu 24 Juil 2014 - 18:49

    merci
    Gabriielle
    Gabriielle
    FémininAge : 33Messages : 42

    Jeu 24 Juil 2014 - 19:50

    merci :)
    Raven Sumire
    Raven Sumire
    FémininAge : 30Messages : 43

    Ven 25 Juil 2014 - 0:26

    Merci :3
    zbou
    zbou
    FémininAge : 30Messages : 83

    Sam 26 Juil 2014 - 15:11

    Merci ♥
    Kokoro Korou
    Kokoro Korou
    MasculinAge : 28Messages : 74

    Sam 26 Juil 2014 - 20:07

    Merci ! :3
    Dacina moe
    Dacina moe
    FémininAge : 46Messages : 171

    Sam 26 Juil 2014 - 22:38

    jadore, merci
    GreenGage
    GreenGage
    FémininAge : 31Messages : 73

    Dim 27 Juil 2014 - 1:57

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

    Mer 30 Juil 2014 - 23:55

    Exactement ce qu'il me fallait, merci~
    Mikasa
    Mikasa
    FémininAge : 27Messages : 169

    Jeu 31 Juil 2014 - 1:15

    Merci !



    PA Pink & Gray Miksa210
    Signa:
    Elora Hanta
    Elora Hanta
    FémininAge : 32Messages : 69

    Jeu 31 Juil 2014 - 18:41

    Super, merci  Very Happy 
    mackay
    mackay
    MasculinAge : 36Messages : 124

    Ven 1 Aoû 2014 - 11:59

    Pas mal
    AprilSparkle
    AprilSparkle
    FémininAge : 29Messages : 19

    Ven 1 Aoû 2014 - 21:13

    Merci beaucoup !
    avatar
    AQW
    FémininAge : 30Messages : 225

    Ven 1 Aoû 2014 - 22:58

    merci x3 j'adore ton thème ! je vais le garder i lest génial :3
    Bridgess
    Bridgess
    FémininAge : 26Messages : 59

    Sam 2 Aoû 2014 - 17:19

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

    Dim 3 Aoû 2014 - 0:33

    Merci beaucoup ! :)
    Dastan
    Dastan
    MasculinAge : 40Messages : 111

    Lun 4 Aoû 2014 - 18:16

    Mercii!
    Daisy Hardman
    Daisy Hardman
    FémininAge : 27Messages : 60

    Mar 5 Aoû 2014 - 19:31

    merci
    Tatia38
    Tatia38
    FémininAge : 35Messages : 318

    Mer 6 Aoû 2014 - 8:26

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

    Ven 8 Aoû 2014 - 2:29

    Merci beaucoup o/
    bellaromane
    bellaromane
    FémininAge : 26Messages : 6

    Sam 9 Aoû 2014 - 19:25

    merci
    Merwyn Arehdel
    Merwyn Arehdel
    FémininAge : 25Messages : 304

    Mer 13 Aoû 2014 - 8:48

    Merci o/



    Just want to be yours.
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:37