SailorFuku est un jeu de mode où tu incarnes une jeune lycéenne, dans la ville de SailorCity, au Japon.
Rencontre d'autres joueuses, évolue dans ta carrière et drague les personnages de ton choix !

    Informations

    Présidente :
    fille35
    Activité :
    0 connectée(s)
    2 membres
    12 messages postés
    Date de création :
    le 08/08/2016 à 16:24

    Présentation
    Modifié le 11/08/2016


    ____________________________________



    ____________________________________

    Clara - 29/11/2002


    - PUB ET DEMANDES DE VOTES ACCEPTÉS -
    Merci de justifié les DDA


    Même IP que Misschipie5 , Callof_2008 et Mrs_Apple
     car misschipie5 est ma soeur et les autres sont mes multis.






    @Fille35

    PAS DE PLAGIAT SOUS PEINE DE SIGNALEMENT

    Nouvelles membres


    Discussions

    > fond unis:
    <div style="background-color: #CODE COULEUR">texte</div>
    à 12:03 le 25/08/2016
    UNE IMAGE SUR UN BLOC
    ________________________________________________________________________________

    <p style="text-align: center;"><img style="position: relative; margin-top: -200px; margin-left: 300px;" src="TON LIEN" alt="1406814727-molang-cloud.gif" width="200" height="191" /></p>

    width + height = la dimension de l'image
    Margin-top = la hauteur de l'image
    margin-left = le placement (droite/gauche)
    ________________________________________________________________________________

    -- Faire un lien sans le souligner (quand on passe la souris dessu) --
    ________________________________________________________________________________

    <A HREF="LE LIEN DU SITE" style="text-decoration:none">LE NOM QUI MENE AU LIEN</A>
    ________________________________________________________________________________

    -- Mettre une Image comme fond + un bloc transparent par dessu --
    ________________________________________________________________________________

    <div style="height: 350px; overflow: hidden;"><img style="width: 685px; vertical-align: middle; box-shadow: 1px 1px 5px #edf7f2;" src="https://s-media-cache-ak0.pinimg.com/236x/f5/d2/56/f5d256e1c4c33c23697926f4ba5401bd.jpg" alt="" />
    <p>&nbsp;</p>
    <div style="color: #5760ed; margin-top: 110px;">
    <table>
    <tbody>
    <tr>
    <td><span style="color: #000000;"><span><span style="font-size: small;"> &nbsp; <br /><br /> </span></span></span></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>
    <div style="padding: 30px; width: 540px; height: 200px; margin-top: -620px; margin-left: 10px; opacity: 0.8; background-color: #fef3ff;">
    <p style="margin-bottom: 0cm;">&nbsp;</p>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </div>
    </div>
    </div>
    à 10:55 le 12/08/2016
    > BLOC

    -- Simple bloc --
    _______________________________________________________________________________

    <div style="background-color: #808080; width: 560px; height: 200px; text-align: center; overflow: auto; margin: auto;"><span style="font-size: medium;">&nbsp;</span></div>
    ________________________________________________________________________________

    -- A savoir --
    ________________________________________________________________________________

    > L'opacité: opacity: 0.7; de 0.1 à 0.9 -> de plus transparent à moins transparent

    > L'emplacement du bloc: margin: auto; On change 'auto' (ou laisse) par ???px

    > Empêcher les flottants de dépasser du bloc: overflow: auto; (ne peut pas etre changer)

    > Arrondir tous les coins du bloc: border-radius: ???px;

    > Arrondir un coin du bloc: border-radius: ???px 0px 0px 0px;

    > Tourner le bloc: transform:rotate(???deg);

    > Mettre un bord au bloc + épaisseur: border:1px dotted #???;

    dotted (pointillé)
    dashed (tirets)
    solid (solide)
    double (double)
    groove (rainurée)
    ridge (relief)
    inset (relief intérieur)
    outset (relief extérieur)

    > Mettre de l'ombre au bloc

    > Changer la taille du bloc: Width: ???px; height: ???px
    width -> largeur // height -> hauteur

    > marge interne dans un bloc: padding:???px;

    > marge externe dans un bloc: margin:???px;

    > Mettre de l'ombre au bloc:

    box-shadow: ??px ??px ??px ??px #???;

    > Faire une ombre à effet horizontal/vertical: (base du code/ peut être modifier) box-shadow: 10px 0px black;

    > Ombre droite + transparente: box-shadow: 10px 10px rgba(0, 0, 0, 0.3)
    à 10:33 le 12/08/2016
    > FOND

    -- A savoir --
    ________________________________________________________________

    Faire un fond en dégradé basique:

    <div style="background-image: linear-gradient( #???, #???); widt: ???px; height: ???px;">fond</div>

    • Pour ajouter des couleur à la suite: #???, #???, #???

    • Changer le sens du dégrader:
    entre les parenthèses, ajouter au début:
    to left, → de la droite vers la gauche
    to right, → de la gauche vers la droite
    to bottom, → de haut en bas
    to top, → de bas en haut
    to top right, → de bas en haut vers la droite
    etc...
    ???deg,
    • Mettre un pourcentage de couleur: (aussi valable en px)
    On à la couleur + [espace] + le %→ #??? ??%

    • Pour repeter le fond:
    on ajoute → repeting- avant linear

    • Pour faire un rond:
    on remplace → linear par → radial
    à 13:55 le 11/08/2016
    > TEXTE

    -- A savoir --
    ________________________________________________________________________________

    > Comment encadrer un texte: (base du code/ peut être modifier)

    <p>ceci est un <span style="border-style: solid; border-width: 2px;"> test </span></p>

    > Mettre un texte sous forme d'exposant:
    <p>ceci est un<sup>test </sup></p>

    > Mettre un texte sous forme d'indice:
    <p>ceci est un <sub>test </sub></p>

    > Ecrire à l'envers:
    <p><bdo dir="rtl" lang="ja"> ECRIRE A L'ENVERS </bdo></p>

    > Faire une liste:
    <dt>ceci est une</dt> <dd>liste</dd> <dd>pour un test</dd>

    > Une liste avec points:
    <h4>ceci est</h4>
    <ul>
    <li>un point au dessus</li>
    <li>un point au milieu</li>
    <li>un point en dessous</li>
    </ul>

    > Faire une liste numérotée:
    <h4>Ceci est</h4>
    <ol>
    <li>une liste</li>
    <li>num&eacute;rot&eacute;e</li>
    <li>avec des chiffres</li>
    </ol>

    > Ombre sur un texte: <div style="text-shadow: 0px 0px 4px red;">TEXTE </div>

    > Ombre doublée sur un texte: A MODIFIER
    text-shadow: 2px 2px 2px #cc9966, -2px -2px 2px #ff0059;

    > écriture multicolore: http://glitter-graphics.net/generators/rainbow.php
    à 22:03 le 10/08/2016
    1