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.


    Fiche Administrative

    Partagez
    Cruelly
    FémininAge : 23Messages : 2437

    le Mar 26 Avr 2016 - 21:38



    Fiche Administrative



    HTML & CSS - Taille de la fiche :  500 - Aperçu 01 Aperçu 02 Aperçu 03

    Bonjour, bonsoir à tous et à toutes :)

    Voici une modification de ma fiche rp couleur claire. Celle-ci comporte quelque ajout et une version avec image ^^.


    Code Css

     
    Code:
    /* -------------------------------- FICHE RP  PAR CRUELLY -------------------------------- */

            .Fond {
            width: 500px;
            background-color: #C6C9D8;
            margin :auto;
            box-shadow: 0px 0px 5px #ffffff;
            }

            .Fond p {
            font-size: 12px;
             margin-left: 10px;
            margin-right: 10px;
             color: #555555;
            text-align: justify;
            font-family: arial;
            text-shadow: 0px 0px 5px #ffffff;
            }
            
            .Parg {
            width: 440px;
            background-color: #AAAFC4;
              margin :auto;
            box-shadow: 0px 0px 5px #888888;
            }
            

            .Fond h4 {
            font-family: 'Monotype corsiva', cursive;
            color: #ffffff;
            font-size: 40px;
            font-style: italic;
            background-color: #8C99AE;
            text-align: center;
            text-shadow: 0px 0px 2px #ffffff;
            }

            .Cred1 {
            font-size: 10px;
            color: #ffffff;
            text-align: center;
            font-family: arial;
            }
    /* -------------------------------- FIN FICHE RP  -------------------------------- */


    HTML Fiche 01

     
    Code:
    <div class="Fond"><H4>Ton titre super classe</H4><div class="Parg"><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p>
    </div><div class="Cred1">(c) Cruelly pour <a href="http://www.never-utopia.com">Never Utopia</a>.</div>
    </div>


    HTML Fiche 02


    Code:
    <div class="Fond"><H4>Ton titre super classe</H4><div class="Parg"><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p><H4>Ton titre super classe</H4><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p></div><div class="Cred1">(c) Cruelly pour <a href="http://www.never-utopia.com">Never Utopia</a>.</div>
    </div>


    HTML Fiche 03


    Code:
    <div class="Fond"><H4>Ton titre super classe</H4><div class="Parg"><div style=" height: 118px; background: url(http://image.noelshack.com/fichiers/2016/17/1461639114-sans-titre-2.png); "></div><p>Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna.</p>
    </div><div class="Cred1">(c) Cruelly pour <a href="http://www.never-utopia.com">Never Utopia</a>.</div>
    </div>


    Dernière édition par Cruelly le Mer 3 Aoû 2016 - 2:29, édité 1 fois



    Construction d'un forum en cours ! Vous pouvez me donner votre avis ou m'apporter votre soutiens dans mon WIP :hug:
    Onyx
    FémininAge : 23Messages : 2602

    le Dim 17 Juil 2016 - 4:09

    Hellow !

    J'attends tes modifications, je crois que ce sera tout après cela ^^
    En tout cas, c'est mignon comme tout ^^

    Édit 2016-10-01 : Les modifications ont été faites etj'ai enfin eu le temps de valider le tout. Désolée du délai !



    Faramir
    FémininAge : 20Messages : 62

    le Lun 28 Nov 2016 - 18:22

    Merci
    Kelalin
    FémininAge : 24Messages : 1405

    le Lun 28 Nov 2016 - 18:59

    Merci pour le partage :)
    Scratpub
    FémininAge : 27Messages : 41

    le Mar 6 Déc 2016 - 14:40

    merci pour le partage!
    Contenu sponsorisé

    Aujourd'hui à 19:10


      La date/heure actuelle est Jeu 8 Déc 2016 - 19:10