« La boutique de Zeka' ~ Ouvert »

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

Rappel du premier message :

Sujet: Re: La boutique de Zeka' ~ Ouvert Ven 06 Jan 2017, 17:22

Coucou, pardon, je t'ai un peu oublié à vrai dire, je te fais donc part de 3 codes différents, tous trois à insérer dans une page HTML et à ajouter aux messages via Iframe, voici :

Code 1:

Code:: <html>
<head>
<meta charset="utf-8" />
<title>Code AkaW</title>
<style>
#principale
{
background-image: url(https://www.pixenli.com/images/1483/1483199177011285500.jpg);
height: 150px;
width: 800px;
}
.bloc
{
max-height: 150px;
max-width: 150px;
width: 150px;
height: 150px;
background-color: #00ABE9;
}
div.bottom {
width: 1250px;
width: 1250px;
margin-left: auto;
margin-right: auto;
margin-top: none;
margin-top: 15px;
margin-bottom: none;
}

div.col {
float: left;
width: 13%;
}
div.col_deux {
float: left;
width: 21%;
}
div.col_trois {
float: left;
width: 18%;
}
div.col_quatre {
float: left;
width: 27%;
}
.bloc_sup
{
background-color: #777776;
height: 55px;
width: 245px;
margin-top: 7px;
border-radius: 10px;
padding: 5px;
overflow-y: auto;
opacity: 0.9;
border: 1px solid red;

}
.gros_bloc
{
height: 130px;
width: 210px;
background-color: #777776;
margin-top: 7px;
padding: 5px;
opacity: 0.9;
overflow-y: auto;
border-radius: 10px;
}
.cercle
{
background: #777776;
border-radius:50%;
width:150px;
height:150px;
}
.roundedImage{
overflow:hidden;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:90px;
width:150px;
height:150px;
}
</style>
</head>
<body>
<div id="principale">
<div class="bottom">
<div class="col">
<div class="bloc">
<img src="https://cdn.pixabay.com/photo/2015/10/01/21/39/background-image-967820_960_720.jpg" style="max-height: 150px; max-width: 150px;" />
</div>
   </div>
<div class="col_deux">
<div class="bloc_sup">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>
<div class="bloc_sup">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>
</div>
<div class="col_trois">
<div class="gros_bloc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>

</div>
<div class="col_quatre">
<div class="cercle">
<div class="roundedImage" style="background:url(https://cdn.pixabay.com/photo/2015/10/01/21/39/background-image-967820_960_720.jpg) no-repeat 0px 0px;">
</div>
</div>
</div>
   </div>
   </div>
</body>

</html>

Code 2:

Code:: <html>
<head>
<meta charset="utf-8" />
<title>Code AkaW</title>
<style>
#principale
{
background-image: url(https://www.pixenli.com/images/1483/1483199177011285500.jpg);
height: 150px;
width: 800px;
}
.bloc
{
max-height: 150px;
max-width: 150px;
width: 150px;
height: 150px;
background-color: #00ABE9;
}
div.bottom {
width: 1250px;
width: 1250px;
margin-left: auto;
margin-right: auto;
margin-top: none;
margin-top: 15px;
margin-bottom: none;
}

div.col {
float: left;
width: 13%;
}
div.col_deux {
float: left;
width: 21%;
}
div.col_trois {
float: left;
width: 18%;
}
div.col_quatre {
float: left;
width: 27%;
}
.bloc_sup
{
background-color: #777776;
height: 55px;
width: 245px;
margin-top: 7px;
border-radius: 10px;
padding: 5px;
overflow-y: auto;
opacity: 0.9;
border: 1px solid black;

}
.gros_bloc
{
height: 130px;
width: 210px;
background-color: #777776;
margin-top: 7px;
padding: 5px;
opacity: 0.9;
overflow-y: auto;
border-radius: 10px;
}
.cercle
{
background: #777776;
border-radius:50%;
width:150px;
height:150px;
}
.roundedImage{
overflow:hidden;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:90px;
width:150px;
height:150px;
}
</style>
</head>
<body>
<div id="principale">
<div class="bottom">
<div class="col">
<div class="bloc">
<img src="https://cdn.pixabay.com/photo/2015/10/01/21/39/background-image-967820_960_720.jpg" style="max-height: 150px; max-width: 150px;" />
</div>
   </div>
<div class="col_deux">
<div class="bloc_sup">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>
<div class="bloc_sup">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>
</div>
<div class="col_trois">
<div class="gros_bloc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>

</div>
<div class="col_quatre">
<div class="cercle">
<div class="roundedImage" style="background:url(https://cdn.pixabay.com/photo/2015/10/01/21/39/background-image-967820_960_720.jpg) no-repeat 0px 0px;">
</div>
</div>
</div>
   </div>
   </div>
</body>

</html>

Code 3:

Code:: <html>
<head>
<meta charset="utf-8" />
<title>Code AkaW</title>
<style>
#principale
{
background-image: url(https://www.pixenli.com/images/1483/1483199177011285500.jpg);
height: 150px;
width: 800px;
}
.bloc
{
max-height: 150px;
max-width: 150px;
width: 150px;
height: 150px;
background-color: #00ABE9;
}
div.bottom {
width: 1250px;
width: 1250px;
margin-left: auto;
margin-right: auto;
margin-top: none;
margin-top: 15px;
margin-bottom: none;
}

div.col {
float: left;
width: 13%;
}
div.col_deux {
float: left;
width: 21%;
}
div.col_trois {
float: left;
width: 18%;
}
div.col_quatre {
float: left;
width: 27%;
}
.bloc_sup
{
background-color: #777776;
height: 55px;
width: 245px;
margin-top: 7px;
border-radius: 10px;
padding: 5px;
overflow-y: auto;
opacity: 0.9;
border: 1px solid green;

}
.gros_bloc
{
height: 130px;
width: 210px;
background-color: #777776;
margin-top: 7px;
padding: 5px;
opacity: 0.9;
overflow-y: auto;
border-radius: 10px;
}
.cercle
{
background: #777776;
border-radius:50%;
width:150px;
height:150px;
}
.roundedImage{
overflow:hidden;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:90px;
width:150px;
height:150px;
}
</style>
</head>
<body>
<div id="principale">
<div class="bottom">
<div class="col">
<div class="bloc">
<img src="https://cdn.pixabay.com/photo/2015/10/01/21/39/background-image-967820_960_720.jpg" style="max-height: 150px; max-width: 150px;" />
</div>
   </div>
<div class="col_deux">
<div class="bloc_sup">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>
<div class="bloc_sup">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>
</div>
<div class="col_trois">
<div class="gros_bloc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus auctor convallis. Sed sed viverra diam, at vulputate lectus. Donec ullamcorper congue ante vitae volutpat. In hac habitasse platea dictumst.
</div>

</div>
<div class="col_quatre">
<div class="cercle">
<div class="roundedImage" style="background:url(https://cdn.pixabay.com/photo/2015/10/01/21/39/background-image-967820_960_720.jpg) no-repeat 0px 0px;">
</div>
</div>
</div>
   </div>
   </div>
</body>

</html>

Sujet: Re: La boutique de Zeka' ~ Ouvert Dim 08 Jan 2017, 20:19

+5 points comme il n'y a que la bordure qui change

Sujet: Re: La boutique de Zeka' ~ Ouvert Sam 28 Jan 2017, 16:14

La boutique est toujours ouverte, n'hésitez pas à passer vos commandes !

Bonjour tout le monde,

Quelques petites nouveautés au niveau de la boutique :
» Tout d'abord, le chose qui saute à l'oeil nu : Les nouvelles couleurs, en effet, j'ai refait les couleurs de la fiche afin qu'elles donnent plus envie, l'ancien gris faisait un peu brouillon et à donc dû laisser place à du neuf !
» Une nouvelle phrase qui a fait son apparition juste en dessous de « Boutique ouverte » Cette phrase sera là pour que je puisse dire tout ce que j'ai à dire concernant la boutique, elle sera mise à jour assez souvent, actuellement, elle montre que je prends jusqu'à 5 commandes pendant les vacances !
» Changement du nom de la boutique
» Changement de la présentation
» Mise à jour de la partie « Aperçu des commandes »
» Ajout de codage en libre service dans la partie exemple de code : Ils seront bientôt disponibles dans la partie LS pour ceux qui ne veulent pas allez chercher dans les liens. Il est demandé de ne pas toucher au copyright !

ELEMENT IMPORTANT : Vous avez été nombreux à me signaler que les deux blocs côte à côté pouvaient être décalés sur Mozilla, Mobile....Effectivement, le code datait de mes débuts en codage, aujourd'hui, le code marche parfaitement sur tous les navigateurs, je vous invite à tester !

J'espère que vous serez nombreux à commander chez moi !

UP, boutique toujours ouverte !

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

Effets voulus :
- barre de défilement correpond au rectangle noir
- cadre arrondi
- 4 onglets avec gifs sous forme ronde mais pas trop gros
- Texte : Signature / Cadeaux / Présentation / Favoris (voir position du texte selon schéma. Les textes sont à mettre dans cette ordre)
Couleurs voulues :
- coutour 1 pixel : #61DBFF
- fond : #B7EEFF
Polices voulues :
Police
Codage by : une police basique couleur au choix (Arial)

Les textes et les gifs:

Taille totale de la signature : 600 largeur par 550 hauteur taille actuelle de ma signature codée

Coucou,

Merci d'avoir commandé chez moi, ta commande sera prête ce weekend

D'accord je te remercis beaucoup j'aimerai tellement savoir codée une signature mais c'est trop dur pour moi

Coucou,

Finalement, j'ai pas mal de temps libre cet après midi donc, je t'offre un premier rendu voir si c'est ce que tu voulais : http://pift.forumactif.org/h36-code-lady-signature

C'est pas trop cela les textes doivent etre en dessous comme sur le dessin et les gifs dans les cercles je sais je suis casse bonbon.
Sinon le reste c'est cela

Ah ok c'est juste un échange d'image à faire alors !?

En faite je veux que les gifs soivent tout en haut dans les cercles et les textes en dessous du cadre comme ma signature actuelle. Après tu as juste à changer leur place après la position est bonne.

Coucou,

Est-ce que cela te convient mieux : http://pift.forumactif.org/h36-code-lady-signature

On approche c'est presque cela.
Je voudrais que les textes Signatures .... Soivent dessous le cadre mais au dessus de Codage by Zekarant. Sinon le reste c'est parfait dommage j'ai un gif qui donne mal le dernier. Je vais t'en fournir un autre, changer le 4eme avec la boule bleu par celui ci s'il te plait.

https://media.giphy.com/media/3ohzdI85LxY5cbX9y8/giphy.gif

Tous les textes en bas ou seulement un ?

Tous les textes que je t'ai fournis

Et en fonction de l'onglet il change ?

oui en fonctione de l'onglet il change.
Le 1er onglet Signature
2eme onglet Cadeaux
3eme onglet Présentation
4eme onglet Favoris

Coucou,

Vraiment désolé du retard, cela te convient : http://pift.forumactif.org/h37-signature-lady-v2

C'est parfait tu es pas en retard c'est juste que ma commande était bien spécifique ^^

Je te commente le code pour que tu puisses le modifier et il t'attendra dans ta boîte MP, désolé, j'aurais du te le rendre hier ^_^

Tu peux prendre 8 points Zeka Smile

Boutique toujours ouverte !

Voila je passe commande Smile

Pseudo : Lady Raccoon
Type de codage (HTML/JS..) : HTML m'expliquer les iframe etc Smile

Codage voulu (Mettre un shéma) :

Image 1 :
La boutique de Zeka' ~ Ouvert - Page 2 36zu

Image 2 :

La boutique de Zeka' ~ Ouvert - Page 2 7nj9

Image 3 :

La boutique de Zeka' ~ Ouvert - Page 2 5r2b

Effets voulus : Rien de bien spécial sinon J,aimerais que la police des onglets changes de couleurs quand la souris est dessus
Couleurs voulues : Un truc sobre en teinte de noir et blanc avec un peu de rose, vert ou bleu
Polices voulues : A ton feeling Smile

Et voilà ta commande : http://pift.forumactif.org/h41-signature-codee-raton

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