Libre Graph est un forum d'entraide en codage et en graphisme. Nous vous proposons des tutoriels pour vous améliorer et perfectionner votre maîtrise. Un libre-service est aussi mis à votre disposition par nos membres. Si rien de tout cela ne vous correspond, une partie commandes et des ateliers de nos artistes vous sont aussi ouverts, et n'attendent que vous ! Avec un staff à votre écoute et motivé, nous espérons vous revoir bientôt dans nos rangs.

 Cadeaux de Levina

Voir le profil de l'utilisateur
Age : 26
Nombre de messages : 228
Logiciel(s) utilisé(s) : //
Disponibilités & absences : //
Date d'inscription : 20/06/2016

avatar
Conscience
the master
   Dim 25 Déc - 23:37
Cadeaux de Levina

Voir le profil de l'utilisateur
Age : 66
Nombre de messages : 438
Logiciel(s) utilisé(s) : Photofiltre & Photoshop
Disponibilités & absences : Variable
Date d'inscription : 10/08/2016

avatar
Sygea
la baka
   Lun 26 Déc - 0:02
Coucou, un petit avatar pour toi et bon courage pour ta période d'essai, tu me sembles bien sympathique ♥

___________________________



Spoiler:
 
Voir le profil de l'utilisateur
Age : 26
Nombre de messages : 228
Logiciel(s) utilisé(s) : //
Disponibilités & absences : //
Date d'inscription : 20/06/2016

avatar
Conscience
the master
   Lun 26 Déc - 0:16
SECRET SANTA ♥

Code d'intégration :
Code:
<center><iframe style="border: none; height: 360px; width: 622px; bow-shadow: 0px 0px 5px #000;" src="http://kalosty.fr/upload/projets/LG/levina.html"></iframe></center>

Code de la signature :
Code:
   <!DOCTYPE html>
    <html>
     <head>
     <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
     <title>Signature Levina - Libre Graph</title>
     <style>
    html {
     position: absolute;
     height: 100%;
     width: 100%;
    }

    body {
     margin: 0;
     background: transparent;
     font-family: Ubuntu;
    }

    * {
     transition: all 0.3s;
    }


    #wrap {
     width: 590px;
     height: 340px;
     margin: 5px;
     border: 5px solid rgba(255,255,255,0.5);
     border-radius: 10px;
     box-shadow: 0px 0px 5px rgba(0,0,0,1), 0px 0px 5px rgba(0,0,0,1) inset;
     overflow: hidden;
     background: url('http://img11.hostingpics.net/pics/810391signature.png');
     background-position: -10px -10px;
     background-size: 605px 355px;
     position: relative;
    }

    #wrap:hover .titre {
     transform: scale(5);
     opacity: 0;
     transition-delay: 0s;
    }


    .titre {
     font-weight: 900;
     position: absolute;
     width: 200px;
     left: 50%;
     margin-left: -100px;
     margin-top: 200px;
     height: 100px;
     text-align: center;
     text-shadow: 0px 0px 20px rgba(0,0,0,1);
     transition-delay: 0.3s;
    }

    .titre div:nth-child(1) {
     font-size: 50px;
     color: darkred;
    }

    .onglet {
     width: 116px;
     height: 340px;
     background: rgba(0,0,0,0.3);
     display: inline-block;
     border-left: 1px solid rgba(255,255,255,0.2);
     border-right: 1px solid rgba(0,0,0,0.2);
     position: absolute;
     z-index: 1;
     overflow: hidden;
     transition-delay: opacity 0.3s;
    }

    .onglet:nth-child(2) {
     margin-left: 118px;
    }

    .onglet:nth-child(3) {
     margin-left: 236px;
    }

    .onglet:nth-child(4) {
     margin-left: 354px;
    }

    .onglet:nth-child(5) {
     margin-left: 472px;
    }

    .signature {
     transform: scale(5);
     opacity: 0;
     transition-delay: 0s;
    }

    #wrap:hover .signature {
     transform: scale(1);
     opacity: 1;
     transition-delay: 0.3s;
    }

    .onglet .menu_lien {
     display: inline-block;
     width: 116px;
     height: 340px;
     overflow: hidden;
     text-decoration: none;
    }

    .onglet .menu_lien .menu_lien_effect {
     color: rgba(255,255,255,0.7);
     text-shadow: 0px 0px 5px rgba(0,0,0,1);
     font-size: 45px;
     transform: rotate(-90deg);
     position: absolute;
     width: 340px;
     height: 116px;
     margin-left: -112px;
     line-height: 2.2;
     margin-top: 112px;
     text-align: center;
    }

    .close {
     position: absolute;
     z-index: 4;
     text-decoration: none;
     font-size: 30px;
     transform: rotate(-45deg);
     color: white;
     margin-left: 558px;
    }

    .close:hover {
     color: darkred;
    }

    .menu_lien:hover {
     box-shadow: 0px 0px 5px #000 inset;
     background: rgba(0,0,0,0.3);
    }

    .menu_lien:hover .menu_lien_effect {
     color: rgba(255,255,255,1);
    }

    .target:target ~ .signature .menu_lien {
     box-shadow: 0px 0px 5px #000 inset;
     background: rgba(0,0,0,0.3);
    }

    .target:target ~ .signature .menu_lien .menu_lien_effect {
     color: rgba(255,255,255,1);
    }


    .target:target ~ .signature .onglet {
     opacity: 0;
    }


    #t1:target ~ .signature .onglet:nth-child(1) {
     opacity: 1;
     width: 590px;
     height: 340px;
     z-index: 2;
     margin-left: 0px;
     transition-delay: 0.3s;
    }

    #t2:target ~ .signature .onglet:nth-child(2) {
     opacity: 1;
     width: 590px;
     height: 340px;
     z-index: 2;
     margin-left: 0px;
     transition-delay: 0.3s;
    }

    #t3:target ~ .signature .onglet:nth-child(3) {
     opacity: 1;
     width: 590px;
     height: 340px;
     z-index: 2;
     margin-left: 0px;
     transition-delay: 0.3s;
    }

    #t4:target ~ .signature .onglet:nth-child(4) {
     opacity: 1;
     width: 590px;
     height: 340px;
     z-index: 2;
     margin-left: 0px;
     transition-delay: 0.3s;
    }

    #t5:target ~ .signature .onglet:nth-child(5) {
     opacity: 1;
     width: 590px;
     height: 340px;
     z-index: 2;
     margin-left: 0px;
     transition-delay: 0.3s;
    }

    #target_reset:target ~ .signature .onglet {
        transition: all 0.3s linear 0s, opacity 0.3s linear 0.3s;
    }

    .content {
     float: right;
     padding: 5px;
     width: 464px;
     height: 330px;
    }
    
     </style>
     <meta charset="utf-8" />
     </head>
     <body>
     <div id="wrap">
     <div class="titre">
     <div>LEVINA</div>
     <div>CODEUSE</div>
     </div>
     <div class="target" id="t1"></div>
     <div class="target" id="t2"></div>
     <div class="target" id="t3"></div>
     <div class="target" id="t4"></div>
     <div class="target" id="t5"></div>
     <div id="target_reset"></div>
     <div class="signature">
     <div class="onglet">
     <a href="#target_reset" class="close">+</a>
     <a href="#t1" class="menu_lien">
     <div class="menu_lien_effect">Qui suis-je ?</div>
     </a>
    
     <div class="content">
     Joyeux Noël ! ♥<br />
     J'espère que ton cadeau te plaira. ^^
     Je ne savais pas quoi te mettre comme contenu, désolé. :S
     </div>
     </div><!--
     --><div class="onglet">
     <a href="#target_reset" class="close">+</a>
     <a href="#t2" class="menu_lien">
     <div class="menu_lien_effect">Liens utiles</div>
     </a>
    
     <div class="content">
     Contenu !
     </div>
     </div><!--
     --><div class="onglet">
     <a href="#target_reset" class="close">+</a>
     <a href="#t3" class="menu_lien">
     <div class="menu_lien_effect">Cadeaux</div>
     </a>
    
     <div class="content">
     Contenu !
     </div>
     </div><!--
     --><div class="onglet">
     <a href="#target_reset" class="close">+</a>
     <a href="#t4" class="menu_lien">
     <div class="menu_lien_effect">Créations</div>
     </a>
    
     <div class="content">
     Contenu !
     </div>
     </div><!--
     --><div class="onglet">
     <a href="#target_reset" class="close">+</a>
     <a href="#t5" class="menu_lien">
     <div class="menu_lien_effect">Besoin d'aide ?</div>
     </a>
    
     <div class="content">
     Contenu !
     </div>
     </div>
     </div>
     </div>
     </body>
    </html>

Joyeux Noël !
Voir le profil de l'utilisateur
Age : 24
Nombre de messages : 207
Logiciel(s) utilisé(s) : Aucun
Disponibilités & absences : Présente
Date d'inscription : 09/12/2016

avatar
Levina
codeur
   Lun 26 Déc - 22:34
Oh merci beaucoup !! :)
Maiiis, c'est qui mon Père-Noëeeeeel ? :D

___________________________

Cadeaux de Levina

 Sujets similaires

-
» Cadeaux pour les Journalistes
» Cadeaux assortis !!
» Gagnez des cadeaux Forumactif pour Noël!!
» Winners - Gagnez vos cadeaux
» Idees cadeaux...pour moi!

 :: Détente :: Cadeaux-