« La boutique de Zeka' ~ Ouvert »

Sujet: La boutique de Zeka' ~ Ouvert Mer 13 Avr 2016, 15:40

Rappel du premier message :

Vraiment magnfique ! Jespère que tu pourras mexpliquer wn privé comment linstaller xD

Tu peux prendre 6 points + 3 points car tu es Designer donc un total de 9 points Smile

Pseudo : Rêliane o/
Type de codage (HTML/JS..) : Euh HTML je suis suppose xD
Codage voulu (Mettre un shéma) :

https://i.imgur.com/3aeYguo.png
https://i.imgur.com/Kfk8Lnr.png
https://i.imgur.com/VHDS8Ha.png
https://i.imgur.com/FEV0bCE.png

Effets voulus : "Quand on clique sur avatars etc, ça ouvre donc les onglets :"

Comme sur le GIF
https://i.imgur.com/vIp2vCW.gif

refresh pour voir l'effet

Couleurs voulues : (image de fond : https://i.imgur.com/vB4JPol.png)

Polices voulues :

https://www.fonts.com/font/k-type/new-old-english?QueryFontType=Web&src=GoogleWebFonts (si ca peut t'aider)
https://fonts.google.com/specimen/Bellefair

Si c'est possible de rajouter les crédits : Design Asami et Codage Colin ! merci :D
Sinon je les met dessous Np Smile

Je t'annonce que j'ai bien pris ta commande en compte et que je suis dessus !

Pseudo : LadyErria
Type de codage (HTML/JS..) : HTML
Codage voulu (Mettre un shéma) : Signature codée
La boutique de Zeka' ~ Ouvert - Page 3 550822newsigna

Effets voulus :
- barre de défilement correpond au rectangle gris
- coutour : 3px double white
- fond :

Code:: https://img4.hostingpics.net/pics/349654QYDK8rfxrixc0Uipm37k7Fz9eT4.jpg

Taille totale de la signature : 600 largeur par 550 hauteur

La couleur que j'ai indiquer n'est que pour les titres sinon je veux du noir (sauf pour le footer ou j'ai écrit se que je voulais).
Il faudrait que se soit un clic sur les mots pour changer.

Est-ce que ça te convient : http://pift.forumactif.org/h37-signature-lady-v2

Presque avec bord arrondi s'il te plaît et sa sera bon

Et maintenant : http://pift.forumactif.org/h37-signature-lady-v2

parfait c'est se que je voulais ^^

Code:: <br /><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Signature Codée de Lady</title>
<link href="https://fonts.googleapis.com/css?family=Sarina" rel="stylesheet">
</head>
<script type="text/javascript">
//
</script>
<style type="text/css">
.contenu_onglet::-webkit-scrollbar {
width: 10px;
height: 5px;
background-color:transparent;
}

.contenu_onglet::-webkit-scrollbar-track
{
background-color:transparent;
}
.contenu_onglet::-webkit-scrollbar-thumb
{
background-color: grey; /*Couleur de la navbar*/
padding-left: 15px;
width: 70px;
}
body {
width: 600px;
height: 50px;
background: transparent;
}
.contenu_onglet { /*BLOC PRINCIPAL*/
width: 600px;
height: 300px;
display: none;
background: #7B7B7B;
border-radius: 20px;
margin-top: -5px;
padding: 5px;
border: 3px double white;
overflow-y: auto;
background: url(https://img4.hostingpics.net/pics/349654QYDK8rfxrixc0Uipm37k7Fz9eT4.jpg);
}
.contenant_onglets { /*BLOC CONTENANT LES 3 ONGLETS*/
display: inline;
height: 30px;
font-family: 'Sarina', cursive;
width: 600px;
position: relative;
z-index: 999;
padding-left: 40px;
padding-right: 25px;
color: black;
font-size: 18px;
margin-bottom: 25px;
text-align: center;
}
   .onglet {

   color: #b1a58f;
   }
.onglet_0 {
   color: #b1a58f;
height: 20px;
width: 600px;

}
   .onglet_1 {

   font-size: 18px;
font-family: 'Sarina', cursive;
   color: #b1a58f;
   width: 600px;
   height: 20px;

}
.paragraphe {
padding-left: 5px;
padding-right: 5px;
width: 590px;
height: 300px;
overflow-y: auto;
font: 12px Verdana;
color: black;
text-align: left;
overflow-x: hidden;
}
.paragraphe_deux {
margin: 30px;
width: 540px;
overflow-y: auto;
font: 12px Verdana;
color: black;
text-align: center;
}
.paragraphe img {
max-width: 90%;
}
#onglet_A
{
padding-right: 25px;
}
#onglet_B
{
padding-right: 25px;
}
#onglet_C
{
padding-right: 25px;
}
#contenu_onglet_A
{
width: 600px;
height: 300px;
}
#contenu_onglet_B
{
padding-top: 5px;
padding-bottom: 5px;
}
#contenu_onglet_C
{
height: 300px;
max-height: 300px;
overflow-y: hidden;
}
div.bottom {
width: 600px;
}

div.col {
float: left;
width: 33.1%;
}
div.col_deux {
float: left;
width: 57%;
font-size: 16px;
margin-top: 15px;
margin-left: 40px;

}
div.images {
float: left;
width: 66.9%;
margin-top: 169px;

}
#copyright
{
position: absolute;
margin-top: 300px;
font-size: 9px;
text-align: center;
margin-left: 280px;
}
footer
{
font-family: 'Sarina', cursive;
color: #b1a58f;
text-align: center;
font-size: 12px;
}
</style>
<body>
<div class="contenant_onglets">
<span class="onglet_0 onglet" id="onglet_A" onclick="javascript:change_onglet('A');">Signature</span>
<span class="onglet_0 onglet" id="onglet_B" onclick="javascript:change_onglet('B');">Présentation</span>
<span class="onglet_0 onglet" id="onglet_C" onclick="javascript:change_onglet('C');">Cadeaux</span>
<span class="onglet_0 onglet" id="onglet_D" onclick="javascript:change_onglet('D');">Favoris</span>
</div><br/><br>
<div class="contenu_onglet" id="contenu_onglet_A">
Contenu 1
</div>
<div class="contenu_onglet" id="contenu_onglet_B">
Contenu 2
</div>
<div class="contenu_onglet" id="contenu_onglet_C">
Contenu 3
</div>
<div class="contenu_onglet" id="contenu_onglet_D">
Contenu 4
</div>
<script type="text/javascript">
//
var anc_onglet = 'A';
change_onglet(anc_onglet);

</script>

</body>
<footer>Codage par Zekarant</footer>
</html>

Merci beaucoup @Zekarant c'est parfait ^^

Fail sur la mention mais bon content que ça te plaise !

Tu peux prendre 6 points + 3 points ^^

Sujet: Re: La boutique de Zeka' ~ Ouvert Mer 11 Oct 2017, 11:01

Yop @Zekarant,

Ta boutique tient toujours ?

Sujet: Re: La boutique de Zeka' ~ Ouvert Mer 11 Oct 2017, 21:49

UP la boutique est toujours ouverte

Sujet: Re: La boutique de Zeka' ~ Ouvert Sam 17 Mar 2018, 17:31

Boutique toujours ouverte.

Coucou @Zekarant, ta boutique est-elle toujours d'actualité ?

Coucou,
Oui toujours

Bonjour à tous,

Pour montrer que je m'occupe toujours de la boutique et que je suis prêt à recevoir vos commandes, j'ai codé une nouvelle fiche pour la boutique ! Elle remplacera l'ancienne grise assez mal codée !

Celle-ci présente un désign un peu plus moderne ! Je vous attends ^^

Sujet: Re: La boutique de Zeka' ~ Ouvert

» (Ouvert) La boutique de WizardM [0/?]
» Boutique d'Elwing [ouvert]
» Boutique d'analyse de Milka [Ouvert 1/2]
» ⓛⓘⓥⓔ ⓢⓗⓞⓟ [ouvert][1/5]
» Chez lidia [0/2] ouvert

« La boutique de Zeka' ~ Ouvert »

La boutique de Zeka' ~ Ouvert

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Recherche avancée

Page 3 sur 3	Aller à la page : 1, 2, 3