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 : -20%
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q ...
Voir le deal
749 €

    Show me the meaning of being lonely

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

    Ven 13 Fév 2015 - 23:49


    Show me the meaning of being lonely


    Voici une page d'accueil avec transition pour le staff.

    Je précise que l'arrière plan gris correspond à mon forum.

    HTML & CSS ~ Voici donc un aperçu : www & au passage de la souris ~ Invision


    Et le code :
    HTML :
    Code:
    <div class="PA_fond"><div class="PA_titre02">Show me the meaning of being lonely ~</div><div class="PA_titre01">Contexte</div><div class="PA_contexte">Texte ici
    </div><div class="PA_titre01">Staff</div><div class="PA_staff"><div class="PA_staff02"><div class="PA_staff03">Pseudo - Rang - Fonction</div><img src="LIEN DE L'IMAGE" /></div>

    </div><div class="PA01"></div>
    <br />
    <div class="PA_titre01">What else ?</div><div class="PA_liens">Règlement<br />Contexte<br />Autres liens ~ 
    </div><div class="PA_titre01">News</div><div class="PA_news">00/00/00 : Cras volutpat at elit non aliquam.<br />

    </div><div class="PA01"></div>
    <div class="PA_titre01">Prédéfinis</div><div class="PA_predef"><img src="LIEN DE L'IMAGE" />

    </div>
    <a href="http://www.never-utopia.com" id="PA_alice">A-Lice | Never-Utopia</a>
    </div>


    CSS :
    Code:
    .PA01 {
    clear: both;
    }

    .PA_fond {
    width: 680px;
    height: 390px;
    padding: 10px;
    border-radius: 50px;
    border: solid 2px #b07865;
    margin: auto;
    background: #f6d7cd;
    color: #5B214F;
    font-size: 12px;
    }

    .PA_titre01 {
    text-indent: 70px;
    font-size: 20px;
    font-weight: bold;
    color: #b73d44;
    margin-top: -10px;
    }

    .PA_contexte {
    float: left;
    width: 270px;
    height: 150px;
    overflow: auto;
    background: #b07865;
    text-align: justify;
    padding: 5px;
    border-radius: 20px;
    margin-right: 20px;
    }

    .PA_titre02 {
    text-align: right;
    font-size: 35px;
    color: #d4457d;
    text-shadow: 1px 1px 0px #b07865;
    margin-top: -25px;
    margin-left: 270px;
    width: 400px;
    }

    .PA_staff {
    width: 350px;
    height: 140px;
    background: #b07865;
    text-align: justify;
    padding: 5px;
    float: right;
    overflow: auto;
    }

    div.PA_staff02 {
    width: 100px;
    height: 70px;
    overflow: hidden;
    display: inline-block;
    }

    .PA_staff02 img {
    width: 100px;
    height: 70px;
    position: relative;
    bottom: 50px;
    transition: 2s;
    }

    .PA_staff02:hover img {
    bottom: 140px;
    transition: 2s;
    }

    .PA_staff03 {
    padding: 5px;
    text-align: center;
    }

    .PA_liens {
    float: left;
    width: 270px;
    height: 80px;
    background: #b07865;
    text-align: center;
    padding: 5px;
    }

    .PA_news {
    float: right;
    width: 350px;
    height: 100px;
    background: #b07865;
    text-align: justify;
    padding: 5px;
    border-radius: 20px;
    }

    .PA_predef {
    width: 650px;
    height: 50px;
    padding: 5px;
    margin: auto;
    overflow: hidden;
    }

    #PA_alice {
    text-decoration: none;
    color: white;
    font-size: 11px;
    text-align: center;
    display: block;
    }

    Remarque : Pour une utilisation optimale, la taille des images pour le staff est de 100px par 70px, pour les prédéfinis elle est de 50px par 50px.

    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.

    Chèlha
    Chèlha
    FémininAge : 31Messages : 121

    Dim 15 Mar 2015 - 16:51

    C'est super beau merci !
    Shuna
    Shuna
    FémininAge : 29Messages : 137

    Dim 22 Mar 2015 - 19:15

    super sympa merciiii
    Cassisse
    Cassisse
    FémininAge : 31Messages : 128

    Ven 24 Avr 2015 - 17:49

    Merci !!
    Ookami Shiroi
    Ookami Shiroi
    FémininAge : 32Messages : 90

    Sam 25 Avr 2015 - 16:50

    Merci beaucoup ^^
    Draly
    Draly
    FémininAge : 31Messages : 119

    Dim 26 Avr 2015 - 18:35

    Merci !^^
    Mariketa
    Mariketa
    FémininAge : 46Messages : 79

    Mer 29 Avr 2015 - 16:16

    C'est trop cute merci :)
    Ryukaï
    Ryukaï
    MasculinAge : 25Messages : 629

    Ven 1 Mai 2015 - 10:34

    Mercii :)



    Show me the meaning of being lonely 15796010 Show me the meaning of being lonely 14749110
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Mer 3 Juin 2015 - 19:38

    Merci !
    Lilynufare
    Lilynufare
    FémininAge : 33Messages : 341

    Dim 21 Juin 2015 - 12:22

    sympa
    Tatia38
    Tatia38
    FémininAge : 34Messages : 316

    Lun 29 Juin 2015 - 10:28

    J'aime beaucoup merci Very Happy
    Orange Sanguine
    Orange Sanguine
    FémininAge : 27Messages : 86

    Lun 29 Juin 2015 - 18:03

    Merci *-*



    Show me the meaning of being lonely Sans_t11
    fraumali
    fraumali
    FémininAge : 43Messages : 140

    Mer 5 Aoû 2015 - 18:43

    Bonjour et merci de ce codage
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Jeu 6 Aoû 2015 - 2:19

    Merci !
    Anonymous
    Invité

    Jeu 6 Aoû 2015 - 12:19

    Merci (((o(*゚▽゚*)o)))
    rosebleudu10
    rosebleudu10
    FémininAge : 34Messages : 189

    Jeu 6 Aoû 2015 - 12:23

    merci
    Little-myrt
    Little-myrt
    FémininAge : 25Messages : 41

    Sam 8 Aoû 2015 - 3:15

    Merci !
    petit lu
    petit lu
    FémininAge : 31Messages : 184

    Jeu 20 Aoû 2015 - 19:12

    Merci du partage ♥
    Whit
    Whit
    FémininAge : 26Messages : 154

    Ven 21 Aoû 2015 - 19:44

    Merci c'est super ! >w<
    Dreamyland
    Dreamyland
    FémininAge : 26Messages : 88

    Ven 4 Sep 2015 - 23:17

    C'est superbe, merci *^*
    Lessien
    Lessien
    FémininAge : 41Messages : 163

    Sam 30 Jan 2016 - 8:53

    Merci beaucoup !
    Yumeki
    Yumeki
    FémininAge : 31Messages : 147

    Dim 31 Jan 2016 - 20:44

    Super sympa merci ^^
    Shide
    Shide
    FémininAge : 35Messages : 60

    Lun 22 Fév 2016 - 14:58

    merci :)
    Evil Queen 4ever
    Evil Queen 4ever
    FémininAge : 31Messages : 64

    Mer 23 Mar 2016 - 4:51

    superbe




    Show me the meaning of being lonely 478753Chantal
    Mystigri
    Mystigri
    FémininAge : 21Messages : 97

    Sam 23 Avr 2016 - 18:48

    Je la trouve banale, mais pratique !



    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 18:52