Forum d'entraide de graphisme & de codage
 
AccueilAccueil  CalendrierCalendrier  Guide du Swirlien  FAQFAQ  RechercherRechercher  MembresMembres  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Boutique de Shakumiro

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

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Boutique de Shakumiro   Lun 16 Mai - 17:08



Formulaire de commande



Code:

<div style="width:400px;height:auto;background-image:url('http://i86.servimg.com/u/f86/19/41/67/54/dark_w10.png');margin:auto;border-radius:5px;">
<div style="text-align:center;font-size:20px;color:#fbd35c;font-family:'Rokkitt';margin:0px;">Formulaire de commande</div><hr style="border:1px solid #fbd35c;"/>
[color=white][b]Type de création* :[/b] Réponse ICI
[b]Taille* (en pixel) :[/b] Réponse ICI
[b]Couleurs :[/b] Réponse ICI
[b]Effets* :[/b] [] Oui [] Non ; Les quels et où ?
[b]Images à utiliser :[/b] [spoiler]REMPLIR ICI[/spoiler]
[b]Schéma* :[/b][spoiler]<img src="LIEN ICI"/>[/spoiler]
[/color]
[b]Lien (où sera posté la fiche)* :[/b] LIEN ICI

[b][color=#FF0000]/!\ Tout les champs avec une * sont obligatoire.[/color][/b]
</div>
<link href='https://fonts.googleapis.com/css?family=Rokkitt' rel='stylesheet' type='text/css'>



(c) Boutique réalisée par Lucynou graphisme & Shakumiro codage

• • • • • • • • • •



Merci à toi Lucy pour le kit <3


Dernière édition par Shakumiro le Lun 16 Mai - 17:30, édité 3 fois
Revenir en haut Aller en bas
Lucyfer
Modérateur
avatar

Image par défaut
Rang Messages : 1564
Date d'inscription : 02/11/2015
Age : 15
Localisation : Sur ma chaise de bureau

MessageSujet: Re: Boutique de Shakumiro   Lun 16 Mai - 17:27


   
Formulaire de commande


   Type de création* : Une signa
   Taille* (en pixel) : hum en vrai je sais pas si c'est possible une signa qui prendrait la taille de l'image que je mettrait en signa
   Couleurs : On verra ça sur skype ^^
   Effets* : [X] Oui [] Non ; Les quels et où ? je te ferai un tit shemas rapide qui t'expliquera tt
   Images :
Spoiler:
 
   Schéma* :
Spoiler:
 
   

   Lien (où sera posté la fiche)* : huh benh dans ma signa ducoup

   /!\ Tout les champs avec une * sont obligatoire.
Validé!
   

   

• • • • • • • • • •


Merci à Shakumiro pour le code!! Je t'aime de tt mon coeur ♥

Anciennement LucyXX


Dernière édition par LucyXX le Mar 17 Mai - 17:46, édité 2 fois
Revenir en haut Aller en bas
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Boutique de Shakumiro   Lun 16 Mai - 17:32

Oki fait moi tout ça et ensuite je te valide la commande.

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Lucyfer
Modérateur
avatar

Image par défaut
Rang Messages : 1564
Date d'inscription : 02/11/2015
Age : 15
Localisation : Sur ma chaise de bureau

MessageSujet: Re: Boutique de Shakumiro   Lun 16 Mai - 17:38

ouaip ^^

• • • • • • • • • •


Merci à Shakumiro pour le code!! Je t'aime de tt mon coeur ♥

Anciennement LucyXX
Revenir en haut Aller en bas
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Boutique de Shakumiro   Mar 17 Mai - 17:38

Je valide ta commande et je la commence.

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Lucyfer
Modérateur
avatar

Image par défaut
Rang Messages : 1564
Date d'inscription : 02/11/2015
Age : 15
Localisation : Sur ma chaise de bureau

MessageSujet: Re: Boutique de Shakumiro   Mar 17 Mai - 17:45

Mercii!
j'ai hâte de voir le résultat *^*

(je marque validé en vert aussi sur mon formulaire ^^ )

• • • • • • • • • •


Merci à Shakumiro pour le code!! Je t'aime de tt mon coeur ♥

Anciennement LucyXX
Revenir en haut Aller en bas
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Boutique de Shakumiro   Sam 21 Mai - 17:06

Commande toujours en cours de réalisation , elle me prend plus de temps que prévu.

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Lucyfer
Modérateur
avatar

Image par défaut
Rang Messages : 1564
Date d'inscription : 02/11/2015
Age : 15
Localisation : Sur ma chaise de bureau

MessageSujet: Re: Boutique de Shakumiro   Sam 21 Mai - 17:16

vu les contraintes que je t'ai donné c'est normal tkt t'as tout le temps que tu souhaites ^^

• • • • • • • • • •


Merci à Shakumiro pour le code!! Je t'aime de tt mon coeur ♥

Anciennement LucyXX
Revenir en haut Aller en bas
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Boutique de Shakumiro   Lun 23 Mai - 18:40

Signature terminée !

Aperçu ici -> http://testingshaku.forumactif.org/h20-signature-lucy

Code:
<html>
<head>
<style>
.cadreprincipal{
   width:500px;
   height:320px;
   border:1px solid black;
   background-image: url('http://img15.hostingpics.net/pics/497878LUCY.png');
   margin:auto;
}
.titre{
   text-align:center;
   
}
/* ------------------------------------*/
/* DEBUT VOLET GAUCHE */
.voletgauche{
   width:15px;
   height:320px;
   background-color:red;
   background-color: rgba(215, 102, 35, 0.5);
   float:left;
   transition:.9s;
    position:relative;
    overflow:hidden;
   
}
.voletgauche:hover{
   width:500px;
   height:290px;
   background-color:red;
   position:absolute;
   margin-top:15px;
   overflow: hidden;
   background-color: rgba(215, 102, 35, 0.5);

   }

/* FIN VOLET GAUCHE */
/* ------------------------------------*/
/* DEBUT VOLET DROIT */
.voletdroit{
   width:15px;
   height:320px;
   margin-left:485px;
   background-color:blue;
   background-color: rgba(255, 0, 0, 0.5);
   transition:.9s;
    position:absolute;
    overflow:hidden;
}
.voletdroit:hover{
   width:485px;
   height:290px;
   margin-left:15;
   margin-top:15;
   background-color:blue;
   background-color: rgba(255, 0, 0, 0.5);
   position:absolute;
}
/* FIN VOLET DROIT */
/* ------------------------------------*/
/* DEBUT VOLET HAUT */
.volethaut{
    width: 470px;
    height: 15px;
    background-color: grey;
    background-color: rgba(215, 217, 223, 0.5);
    float: left;
    transition:.9s;
    position:absolute;
    margin-left:15px;
    overflow: hidden;
}
.volethaut:hover{
   width:470px;
   height:305px;
   background-color:grey;
   background-color: rgba(215, 217, 223, 0.5);
   position:absolute;
   overflow:hidden;
   
}
/* FIN VOLET HAUT */
/* ------------------------------------*/
/* DEBUT VOLET BAS */
.voletbas{
    width: 470px;
    height: 15px;
    background-color: pink;
    background-color: rgba(215, 0, 35, 0.5);
    float:left;
    transition:.9s;
    margin-top:305px;
    margin-left:15px;
    position:absolute;
    overflow: hidden;
}
.voletbas:hover{
   width:470px;
   height:305px;
   background-color:pink;
   background-color: rgba(215, 0, 35, 0.5);
   position:absolute;
   margin-top:15px;
}
.titre2 h1 {
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: 0.6em center;
    margin-top: 175px;
    font-size: 15px;
    transition: .9s;
    margin-left: -3px;
}
.voletgauche:hover .titre2 h1{
   margin-top:160Px;
   transition:.9s;
}
.voletdroit:hover .titre2 h1{
   margin-top:160Px;
   transition:.9s;
}
.titre1 h2{
   width:460px;
   text-align:center;
   font-size:15px;
   margin-top:-1px;
   float:left;
}
.contenu1{
   width: 450px;
    height: 270px;
    padding: 5px;
    background-color: brown;
    margin-left: 20px;
    margin-top: -182px;
}
.contenu2{
   width: 450px;
    height: 270px;
    padding: 5px;
    background-color: brown;
    margin-left: 5px;
    margin-top:20px;
}
/* FIN VOLET BAS */
/* ------------------------------------*/
</style>
</head>
<!--DEBUT SIGNA -->
<div class="cadreprincipal">
<!-- -->
   <div class="voletgauche">
   <div class="titre2"><h1>Musique</h1>
   <div class="contenu1">
      <iframe width="446" height="261" src="https://www.youtube.com/embed/IBRCeo-1H24" frameborder="0" allowfullscreen></iframe>
   </div>
   </div>

   </div>
<!-- -->
   <div class="volethaut">
   <div class="titre1"><h2>titre ici</h2></div>
      <div class="contenu2">

      </div>
   </div>
<!-- -->
   <div class="voletdroit">
   <div class="titre2"><h1>titre ici</h1>
   <div class="contenu1">
   ICI CONTENU
   </div>
   </div>
   </div>
<!-- -->
   <div class="voletbas">
   <div class="titre1"><h2>titre ici</h2></div>
   <div class="contenu2">

      </div>
   </div>
<!-- -->
</div>
<!--FIN SIGNA -->
</html>

J'espère qu'elle te convient :D

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Lucyfer
Modérateur
avatar

Image par défaut
Rang Messages : 1564
Date d'inscription : 02/11/2015
Age : 15
Localisation : Sur ma chaise de bureau

MessageSujet: Re: Boutique de Shakumiro   Lun 23 Mai - 18:49

Oui elle est géniale!
Est ce que on peu aussi mettre les cadre ou il y a en transparent mais plus opaque?
Et après les couleurs sont parfaites sauf le orange tu peux le changer en vert?
Et aussi tu pourras m'apprendre comment on la mets dans ma signa stp ><

Merci bcp bcp bcp!

• • • • • • • • • •


Merci à Shakumiro pour le code!! Je t'aime de tt mon coeur ♥

Anciennement LucyXX
Revenir en haut Aller en bas
Shakumiro
Membre
avatar

Image par défaut
Rang Messages : 305
Date d'inscription : 25/02/2015
Age : 20
Localisation : Dans mon monde

MessageSujet: Re: Boutique de Shakumiro   Lun 23 Mai - 19:23

Ok voilà la mise à jour

Code:
<html>
<head>
<style>
.cadreprincipal{
   width:500px;
   height:320px;
   border:1px solid black;
   background-image: url('http://img15.hostingpics.net/pics/497878LUCY.png');
   margin:auto;
}
.titre{
   text-align:center;
   
}
/* ------------------------------------*/
/* DEBUT VOLET GAUCHE */
.voletgauche{
   width:15px;
   height:320px;
   background-color: rgba(109, 195, 142, 0.5);
   float:left;
   transition:.9s;
    position:relative;
    overflow:hidden;
   
}
.voletgauche:hover{
   width:485px;
   height:290px;
   position:absolute;
   margin-top:15px;
   overflow: hidden;
   background-color: rgba(109, 195, 142, 0.5);
   }

/* FIN VOLET GAUCHE */
/* ------------------------------------*/
/* DEBUT VOLET DROIT */
.voletdroit{
   width:15px;
   height:320px;
   margin-left:485px;
   background-color: rgba(255, 0, 0, 0.5);
   transition:.9s;
    position:absolute;
    overflow:hidden;
}
.voletdroit:hover{
   width:485px;
   height:290px;
   margin-left:15;
   margin-top:15;
   background-color: rgba(255, 0, 0, 0.5);
   position:absolute;
}
/* FIN VOLET DROIT */
/* ------------------------------------*/
/* DEBUT VOLET HAUT */
.volethaut{
    width: 470px;
    height: 15px;
    background-color: rgba(215, 217, 223, 0.5);
    float: left;
    transition:.9s;
    position:absolute;
    margin-left:15px;
    overflow: hidden;
}
.volethaut:hover{
   width:470px;
   height:305px;
   background-color: rgba(215, 217, 223, 0.5);
   position:absolute;
   overflow:hidden;
   
}
/* FIN VOLET HAUT */
/* ------------------------------------*/
/* DEBUT VOLET BAS */
.voletbas{
    width: 470px;
    height: 15px;
    background-color: rgba(215, 0, 35, 0.5);
    float:left;
    transition:.9s;
    margin-top:305px;
    margin-left:15px;
    position:absolute;
    overflow: hidden;
}
.voletbas:hover{
   width:470px;
   height:305px;
   background-color: rgba(215, 0, 35, 0.5);
   position:absolute;
   margin-top:15px;
}
.titre2 h1 {
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: 0.6em center;
    margin-top: 175px;
    font-size: 15px;
    transition: .9s;
    margin-left: -3px;
}
.voletgauche:hover .titre2 h1{
   margin-top:160Px;
   transition:.9s;
}
.voletdroit:hover .titre2 h1{
   margin-top:160Px;
   transition:.9s;
}
.titre1 h2{
   width:460px;
   text-align:center;
   font-size:15px;
   margin-top:-1px;
   float:left;
}
.contenu1{
   width: 450px;
    height: 270px;
    padding: 5px;
    margin-left: 20px;
    margin-top: -182px;
}
.contenu2{
   width: 450px;
    height: 270px;
    padding: 5px;
    margin-left: 5px;
    margin-top:20px;
}
/* FIN VOLET BAS */
/* ------------------------------------*/
</style>
</head>
<!--DEBUT SIGNA -->
<div class="cadreprincipal">
<!-- -->
   <div class="voletgauche">
   <div class="titre2"><h1>Musique</h1>
   <div class="contenu1">
      <iframe width="446" height="261" src="https://www.youtube.com/embed/IBRCeo-1H24" frameborder="0" allowfullscreen></iframe>
   </div>
   </div>

   </div>
<!-- -->
   <div class="volethaut">
   <div class="titre1"><h2>titre ici</h2></div>
      <div class="contenu2">

      </div>
   </div>
<!-- -->
   <div class="voletdroit">
   <div class="titre2"><h1>titre ici</h1>
   <div class="contenu1">
   ICI CONTENU
   </div>
   </div>
   </div>
<!-- -->
   <div class="voletbas">
   <div class="titre1"><h2>titre ici</h2></div>
   <div class="contenu2">

      </div>
   </div>
<!-- -->
</div>
<!--FIN SIGNA -->
</html>

• • • • • • • • • •



Merci à toi Lucy pour le kit <3
Revenir en haut Aller en bas
Lucyfer
Modérateur
avatar

Image par défaut
Rang Messages : 1564
Date d'inscription : 02/11/2015
Age : 15
Localisation : Sur ma chaise de bureau

MessageSujet: Re: Boutique de Shakumiro   Mar 24 Mai - 7:47

Merci (mais du coup on vois sur skype, tu pourras m'apprendre a la mettre dans ma signa prck si il y a des i-frames itout, je sais pas comment ça marche.)

• • • • • • • • • •


Merci à Shakumiro pour le code!! Je t'aime de tt mon coeur ♥

Anciennement LucyXX
Revenir en haut Aller en bas
Keylha
Equipe Bleue
avatar

Image par défaut
Rang Messages : 2394
Date d'inscription : 12/04/2014
Age : 17
Localisation : Montagnes

MessageSujet: Re: Boutique de Shakumiro   Jeu 4 Aoû - 13:07

J'archive

• • • • • • • • • •


Merci Yuu  
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Boutique de Shakumiro   

Revenir en haut Aller en bas
 
Boutique de Shakumiro
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» boutique bio www.clic-et-moi.fr/christie
» [Resolu] boutique de sprites.
» La boutique de katseyes
» utiliser un sous domaine du forum pour ma boutique en FTP
» Ma boutique d'extensions de cheveux naturels

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sweet Swirl :: Archives :: BIG ARCHIVES :: Paperasse qui s'entasse-
Sauter vers: