AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez| .

Comprendre un code

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


avatar

Je ne suis personne

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

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

Prénom P. Nom

feat. Prénom Nom



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




Information

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



Liens recherchés



_________________
Revenir en haut Aller en bas


avatar

Je ne suis personne

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

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

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



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 Lun 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


avatar

Je ne suis personne

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

MessageSujet: Re: Comprendre un code Lun 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 Mar 10 Nov - 0:43

je comprend rien moi XD
Revenir en haut Aller en bas

Contenu sponsorisé


MessageSujet: Re: Comprendre un code

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

Sujets similaires

-
» Code Pénal Ayisyen an demode.
» Du code d'éthique de l'Armée Mainoise
» Pour mieux comprendre la crise alimentaire.
» COMPRENDRE LE DROIT
» Haiti: Un chaos interminable (pour mieux comprendre)

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-