AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Aliexpress : codes promo valables sur tout le site
Voir le deal

Partagez

Comprendre un code

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage

Mélodie Mermaid

Mélodie Mermaid

Je ne suis personne

Messages : 259
Date d'inscription : 07/05/2015
Localisation : Par ci où par là

MessageSujet: Comprendre un code Comprendre un code  I_icon_minitimeSam 24 Oct - 22:02

Prénom P. Nom

feat. Prénom Nom


Comprendre un code  Tumblr_nagcr9Cdg11tia25mo1_500

Age ♦ Situation ♦ Job ♦ Orientation Sexuelle ♦ Clan choisi ♦ Race ♦ Groupe


Comprendre un code  110


Information

Décrivez ici son histoire et son caractère en quelque ligne.



Liens recherchés


Revenir en haut Aller en bas

Periwinkle Fairy

Periwinkle Fairy

Je ne suis personne

Messages : 45
Date d'inscription : 27/10/2015

MessageSujet: Re: Comprendre un code Comprendre un code  I_icon_minitimeMer 4 Nov - 11:03

coucou ma puce, j'aime bien cette fiche de présentation ^^

Comprendre un code  150207122548408301

son code c'est
Code:
   <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
    <div class="kitty01">
    <img src="http://img11.hostingpics.net/pics/331283griffes01.png" class="kitty_img05" /> <div class="kitty_titre01"><img src="http://nsa34.casimages.com/img/2015/02/16/150216101333188328.png" /></div>
    <div class="kitty_titre02">Nom Prénom</div>
    <div class="kitty_titre03">Catwoman</div>

    <div class="kitty_vava"><img src="http://img4.hostingpics.net/pics/749331Vavacatwoman.png" /></div> <div class="kitty_titre04">Some Information : <img src="http://img11.hostingpics.net/pics/649001chat01.png" class="kitty_img06" /></div>
    <div class="kitty_bloc01"><span class="kitty_info">Surnom :</span> Catwoman

    <span class="kitty_info">Âge :</span> Non connu

    <span class="kitty_info">Métier :</span> Cambrioleuse/voleuse et supervilaine

    <span class="kitty_info">Arme(s) :</span> Costume de chat et fouet

    <span class="kitty_info">Capacité :</span> Athlète, acrobate et agile.

    <span class="kitty_info">Points faibles :</span> Sa passion pour tous les objets de valeur liés aux chats, du coup elle peut très facilement se mettre en danger par avarice.
    </div>

    <img src="http://img11.hostingpics.net/pics/341702chat02.png" /> <div class="kitty_titre05">Character :</div>
    <div class="kitty_bloc02">Texte ici

    </div>
    <div class="kitty_img01"></div> <div class="kitty_img02"></div> <div class="kitty_img03"></div> <div class="kitty_img04"></div><div class="kitty_txt">Miaou ♥</div>

    <img src="http://nsa34.casimages.com/img/2015/02/05/150205115108591172.png" /> <div class="kitty_titre06">Story of your life :</div> <img src="http://nsa34.casimages.com/img/2015/02/05/150205114852179955.png" />
    <div class="kitty_bloc03">Texte ici

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


et son CSS

Code:
   .kitty01 {
    width:565px;
    margin:auto;
    border: 2px solid MediumOrchid;
    background:black;
    padding:10px;
    box-shadow:0px 0px 6px MediumOrchid;
    }

    .kitty_titre01 {
    opacity:0.7;
    margin-top:-200px;
    margin-left:100px;
    position:relative;
    z-index:0;
    }

    .kitty_titre02 {
    font-size:50px;
    text-decoration:line-through;
    font-family: 'Alex Brush', cursive;
    margin-top:-130px;
    margin-left:200px;
    position:relative;
    z-index:10;
    color:white;
    }

    .kitty_titre03 {
    font-size:30px;
    font-weight:bold;
    font-family: 'Alex Brush', cursive;
    margin-top:-10px;
    margin-left:270px;
    position:relative;
    z-index:10;
    color:white;
    }

    .kitty_vava {
    display:inline-block;
    width:200px;
    height:320px;
    overflow:hidden;
    position:relative;
    top:60px;
    }

    .kitty_titre04 {
    display:inline-block;
    width:330px;
    color:white;
    padding-left:20px;
    position:relative;
    top:-237px;
    font-size:20px;
    font-family: 'Alex Brush', cursive;
    text-decoration:underline;
    font-weight:bold;
    text-align:right;
    }

    .kitty_bloc01 {
    margin-left:210px;
    margin-top:-230px;
    width:330px;
    height:265px;
    padding:10px;
    color:white;
    overflow:auto;
    background:#12001A;
    box-shadow:0px 0px 6px MediumOrchid;
    }

    .kitty_info {
    font-weight:bold;
    font-size:18px;
    font-family: 'Alex Brush', cursive;
    }

    .kitty_titre05 {
    display:inline-block;
    width:230px;
    color:white;
    padding:10px;
    font-size:20px;
    font-family: 'Alex Brush', cursive;
    text-decoration:underline;
    font-weight:bold;
    }

    .kitty_bloc02 {
    width:330px;
    height:300px;
    padding:10px;
    color:white;
    text-align:justify;
    overflow:auto;
    background:#12001A;
    box-shadow:0px 0px 6px MediumOrchid;
    }

    .kitty_img01 {
    width:100px;
    height:100px;
    border-radius:100px;
    background:url(http://img11.hostingpics.net/pics/416788icon07.png);
    box-shadow:0px 0px 6px MediumOrchid;
    border: 2px solid MediumOrchid;
    margin-top:-360px;
    margin-left:450px;
    }

    .kitty_img02 {
    width:100px;
    height:100px;
    border-radius:100px; background:url(http://img11.hostingpics.net/pics/896111icon08.png);
    box-shadow:0px 0px 6px MediumOrchid;
    border: 2px solid MediumOrchid;
    margin-top:-20px;
    margin-left:400px;
    }

    .kitty_img03 {
    width:100px;
    height:100px;
    border-radius:100px;
    background:url(http://img11.hostingpics.net/pics/879265icon09.png);
    box-shadow:0px 0px 6px MediumOrchid;
    border: 2px solid MediumOrchid;
    margin-top:-40px;
    margin-left:460px;
    }

    .kitty_img04 {
    width:100px;
    height:100px;
    border-radius:100px;
    background:url(http://img11.hostingpics.net/pics/935608icon10.png);
    box-shadow:0px 0px 6px MediumOrchid;
    border: 2px solid MediumOrchid;
    margin-top:-60px;
    margin-left:370px;
    }

    .kitty_txt {
    width:100px;
    color:white;
    padding:10px;
    font-size:20px;
    font-family: 'Alex Brush', cursive;
    font-style:italic;
    font-weight:bold;
    margin-left:450px;
    }

    .kitty_titre06 {
    display:inline-block;
    width:280px;
    color:white;
    padding:10px;
    font-size:20px;
    font-family: 'Alex Brush', cursive;
    text-decoration:underline;
    font-weight:bold;
    text-align:center;
    }

    .kitty_bloc03 {
    height:300px;
    padding:10px;
    color:white;
    text-align:justify;
    overflow:auto;
    background:#12001A;
    box-shadow:0px 0px 6px MediumOrchid;
    }

    a.kittycat {
    display:block;
    text-align:center;
    text-decoration:none;
    color:white;
    font-family: 'Alex Brush', cursive;
    }

    .kitty_img05 {
    margin-top:-30px;
    margin-left:-30px;
    }

    .kitty_img06 {
    position:relative;
    top:15px;
    }
Revenir en haut Aller en bas

Invité


Invité

MessageSujet: Re: Comprendre un code Comprendre un code  I_icon_minitimeLun 9 Nov - 17:08

elle est sympa, mais il faudrait la modifier entièrement pour qu'elle représente bien l'univers
Revenir en haut Aller en bas

Periwinkle Fairy

Periwinkle Fairy

Je ne suis personne

Messages : 45
Date d'inscription : 27/10/2015

MessageSujet: Re: Comprendre un code Comprendre un code  I_icon_minitimeLun 9 Nov - 22:29

C'est pour que j'apprenne à coder...lol
<3
Revenir en haut Aller en bas

Invité


Invité

MessageSujet: Re: Comprendre un code Comprendre un code  I_icon_minitimeMar 10 Nov - 0:43

je comprend rien moi XD
Revenir en haut Aller en bas

Contenu sponsorisé


MessageSujet: Re: Comprendre un code Comprendre un code  I_icon_minitime

Revenir en haut Aller en bas

Comprendre un code

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fairy Tale Horror :: Fairy Tale Horror :: Le tableau d'affichage :: Cour de codage et graph-