AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  



 
Le Deal du moment :
Jeux, jouets et Lego : le deuxième à ...
Voir le deal

Blood Waya :: • Demande de partenariat. :: • Les services du forum. :: • Besoin d'un code ? [LOOK] :: Commandes TerminéesPartagez
 

 Une galerie codée *-*

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 13:43
Coucou ! :D

Alors, ça fait un moment que je veux une galerie codée. Vous savez, une belle mise en page, une galerie codée quoi. xP Alors, comment je la voudrais ? Hum, simple. Je la voudrais en onglets. Je la voudrais mauve foncé. Les onglets, je les veux mauve lilas. :)

J'aimerais que lorsqu'on clique sur les onglets, ça change. ^^ Pas le passage de la souris, mais le clic. Et j'aimerais qu'elle soit belle. ^^ Inspirée surtout de cette galerie :

http://elegance-design.forumactif.com/h5-sayuri-galerie

Voilà, merci :) (je ne veux AUCUN plagiat de la galerie que j'ai mise. Je respecte tout de même TOUT de Sayuri. merci.)
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 15:07
Coucou Carambole!

Je veux bien prendre ta commande :)
Quelle largeur maximum ne veux-tu pas dépasser?
Dans quel ordre veux-tu tes onglets?
Pourrais-tu me donner des codes couleurs?
Veux-tu le squelette (c'est-à-dire sauras-tu la remplir toi-même sans faire sauter le code?)
ou la veux-tu remplie?

Bisouilles ♥
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 15:19
Coucou Kŷo (je crois ? ^^)

Merci de prendre ma commande, tu es un ange. ♥ Pour la largeur, je peux rien dire de précis, mais une taille qui ne déforme pas un forum. Je dirais… euh… bon je sais pas trop trop. :$ Pas trop petit… ni trop énorme. ^^
Je veux 5 onglets. L’ordre, bah, l’ordre comme tu veux ^^
Voici les codes de couleur :

Galerie : #5F1584
Onglets : #D0A9E4

Je veux que le squelette. :)

Merci énormément ♥
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 15:26
Anciennement Kyô oui ^^ /mince repérée/ xP
Merci pour les précisions!
Il ne me manque que le titre des onglets dont j'ai besoin pour coder et je m'y mets ;D
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 15:30
Est-ce la Kyô ancienne de School Of Pub ? (à moins que je me trompe :$)

Bon, revenons à nos moutons ! Les titres des onglets ? No problem ! :D

1er Onglet : C’est moi !
2ème Onglet : Avatars
3ème Onglet : Signatures
4ème Onglet : Kits
5ème Onglet : Autres

Merci beaucoup, tu es vraiment adorable. :$
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 16:05
Tu ne te trompes pas ;) J'étais bien sur SoP par le passé!

Sinon voilà un 1er essai:



Si ça te va, je te passe les codes.
Sinon, j'attends tes demandes de modif' :D
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 16:16
Coucou !
Je ne me trompais pas alors pour SoP. ^^ Tu étais admin, je crois ? Sache que j'ai entendu beaucoup de bien de toi ! C'est un plaisir que Kyô s'occupe de ma commande ! *w*

DÉJÀ ?! O_O En plus, c'est magnifique ^^ Finalement, je pensais à quelques modifications :)

Pour les lettres, le texte quoi, j'aimerais qu'il soit "incrusté", comme le texte de la galerie que j'ai mise plus haut.

Pour la galerie entière, est-il possible de l'arrondir (surtout les coins ^^) ?

MERCI !!! ♥♥♥
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 16:45
Cαrαmbole a écrit:
Coucou !
Je ne me trompais pas alors pour SoP. ^^ Tu étais admin, je crois ? Sache que j'ai entendu beaucoup de bien de toi ! C'est un plaisir que Kyô s'occupe de ma commande ! *w*
J'étais admin oui :) Merci pour le compliment mais c'est un plaisir pour moi aussi de t'aider ^^

Cαrαmbole a écrit:
Pour les lettres, le texte quoi, j'aimerais qu'il soit "incrusté", comme le texte de la galerie que j'ai mise plus haut.
Pour les onglets tu veux dire? Pas de cadre pas de fond? :)

Cαrαmbole a écrit:
Pour la galerie entière, est-il possible de l'arrondir (surtout les coins ^^) ?
Pas de soucis! :l:

Et de rien!! :D
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 16:56
Coucou !

En fait, si tu regardes la police, le texte sur la galerie que j’ai mise en exemple, le texte à un effet. Un effet comme s’il était incrusté. Comme en « relief ». J’aimerais avoir cet effet aussi sur le texte de ma galerie ^^ là le texte n’a aucun effet. Donc, je le voulais en relief. :)

Sinon, merci pour tout ! C’est parfait. ^^
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 17:18
*espère avoir bien compris* Sinon gomene :z:

Comme ça?



Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 17:25
C'est parfait ! Cependant, pour que ça se voit mieux, pourrais-tu changer la couleur du fond par celle-ci :
#AD66C2

Merci :)

Ps: N'oubliez pas d'arrondir les bords ;) Merci énormément ^^ :wa:
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 17:32
Voilà j'ai remplacé la couleur et arrondis les bords à 20px. :m:
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 17:34
Coucou !

C'est parfait ! Par contre, moi j'utilise Google Chrome et il reste carré avec Chrome ^^ J'ai essayé avec Firefox et c'est nickel ^^
Y-a-t-il un moyen de le mettre avec Google chrome ? :s

Merci milles fois ! :D
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 18:35
Ah justement je ne comprenais pas pourquoi tu insistais tant sur les arrondis alors que je les avais mis ^^"
Je n'avais pas pensé à te demander ton navigateur.
Ca devrait être bon sous Chrome maintenant, j'ai rajouté un code au CSS :)
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 18:48
Je comprends ! x) Merci, ça marche nickel ! :) Merci énormément, je suis prête à avoir le code. ^^ Tu as fait du bon boulot, comment te remercier ? :3
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 19:06
Alors le squelette à compléter est à placer dans une page HTML de ton forum:

Code:
<style type="text/css">
<!--

.paonglet
        {
        display:inline-block;
        margin-left:20px;
        margin-right:20px;
        padding:7px;
        cursor:pointer;
        background-image: url('');
        background-color: #5F1584;
        color: #000000;
        }

        .paonglet_0
        {
background-color: #AD66C2;
color: #ffffff;
box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
margin-top: 9px !important;
-moz-border-radius-topleft : 20px;
-moz-border-radius-bottomright : 20px;
-moz-border-radius-bottomleft : 20px;
-moz-border-radius-topright : 20px;
-webkit-border-top-left-radius: 20px; /* pour Chrome */
-webkit-border-top-right-radius: 20px; /* pour Chrome */       
-webkit-border-bottom-left-radius: 20px; /* pour Chrome */
-webkit-border-bottom-right-radius: 20px; /* pour Chrome */       
border-right: 2px #ffffff solid;
border-left: 2px #ffffff solid;
border-top: 2px #ffffff solid;
border-bottom: 2px #ffffff solid;
        }

        .paonglet_1
        {
box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
margin-top: 9px !important;
border: 2px #ffffff solid;
font-weight: bold;
background-color: #D0A9E4;
-moz-border-radius-topleft : 20px;
-moz-border-radius-bottomright : 20px;
-moz-border-radius-bottomleft : 20px;
-moz-border-radius-topright : 20px;
-webkit-border-top-left-radius: 20px; /* pour Chrome */
-webkit-border-top-right-radius: 20px; /* pour Chrome */       
-webkit-border-bottom-left-radius: 20px; /* pour Chrome */
-webkit-border-bottom-right-radius: 20px; /* pour Chrome */
border-right: 2px #ffffff solid;
border-left: 2px #ffffff solid;
border-top: 2px #ffffff solid;
border-bottom: 2px #ffffff solid;
        }

        .contenu_paonglet
        {-moz-border-radius-bottomleft : 20px;
-moz-border-radius-topright : 20px;
-moz-border-radius-topleft : 20px;
-moz-border-radius-bottomright : 20px;
border-right: 2px #ffffff solid;
border-left: 2px #ffffff solid;
border-top: 2px #ffffff solid;
border-bottom: 2px #ffffff solid;
-webkit-border-top-left-radius: 20px; /* pour Chrome */
-webkit-border-top-right-radius: 20px; /* pour Chrome */       
-webkit-border-bottom-left-radius: 20px; /* pour Chrome */
-webkit-border-bottom-right-radius: 20px; /* pour Chrome */
box-shadow: 0 0 5px #000000;
-moz-box-shadow: 0 0 5px #000000;
-webkit-box-shadow: 0 0 5px #000000;
margin-top: 9px !important;
background-color: #AD66C2;
color: #000000;
margin-top:-1px;
padding: 2px;
display:none;
height: 450px;
width: 600px;
text-shadow: 0.0em 0.0em 0.1em white;
        }

-->
</style>

<script type="text/javascript">
        //<!--
                function change_paonglet(name)
                {
                        document.getElementById('paonglet_'+anc_paonglet).className = 'paonglet_0 paonglet';
                        document.getElementById('paonglet_'+name).className = 'paonglet_1 paonglet';
                        document.getElementById('contenu_paonglet_'+anc_paonglet).style.display = 'none';
                        document.getElementById('contenu_paonglet_'+name).style.display = 'block';
                        anc_paonglet = name;
                }
        //-->
        </script><div class="paonglets">
            <span class="paonglet_0 paonglet" id="paonglet_moi" onclick="javascript:change_paonglet('moi');">C'est moi!</span>
<span class="paonglet_0 paonglet" id="paonglet_avatars" onclick="javascript:change_paonglet('avatars');">Avatars</span>
            <span class="paonglet_0 paonglet" id="paonglet_signatures" onclick="javascript:change_paonglet('signatures');">Signatures</span>
            <span class="paonglet_0 paonglet" id="paonglet_kits" onclick="javascript:change_paonglet('kits');">Kits</span>
            <span class="paonglet_0 paonglet" id="paonglet_autres" onclick="javascript:change_paonglet('autres');">Autres</span>
        </div>



        <div class="contenu_paonglets">
            <div class="contenu_paonglet" id="contenu_paonglet_moi">
<center><DIV style="OVERFLOW: auto; HEIGHT: 450px">
C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi! C'est moi!
</DIV>
</center>
</div>


            <div class="contenu_paonglet" id="contenu_paonglet_avatars">
<center><DIV style="OVERFLOW: auto; HEIGHT: 450px">
Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars Avatars
</DIV>
</center>
</div>


          <div class="contenu_paonglet" id="contenu_paonglet_signatures">
<center><DIV style="OVERFLOW: auto; HEIGHT: 450px">
Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures Signatures
</DIV>
</center>
</div>


            <div class="contenu_paonglet" id="contenu_paonglet_kits">
<center><DIV style="OVERFLOW: auto; HEIGHT: 450px">
Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits Kits
</DIV>
</center>
</div>


            <div class="contenu_paonglet" id="contenu_paonglet_autres">
<center><DIV style="OVERFLOW: auto; HEIGHT: 450px">
Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres Autres
</DIV>
</center>
</div>


</div>
    <script type="text/javascript">
        //<!--
                var anc_paonglet = 'moi';
                change_paonglet(anc_paonglet);
        //-->
        </script>

Pour faire apparaître l'iframe de ta galerie, il te suffit de suivre le modèle suivant et de le poster où tu veux:

Code:
<iframe src="http://adresse-de-ta-page-HTML" style="height: 530px; width: 620px; background: none repeat scroll 0% 0% transparent;" ;="" frameborder="no" scrolling="no"></iframe>

Et tu ne me dois rien, je suis là pour aider :m:
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 19:14
Oh ! Je ne sais pas comment faire de pages HTML. :$ Tu pourrais m'expliquer comment ? :3 Désolée X_X Merci ^^ :)
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 19:28
C'est tout simple, tu vas voir :)

Tu vas dans MODULES > HTML & JAVASCRIPT > Gestion des pages HTML

Tu crées une nouvelle page HTML en cliquant là:

Spoiler:

Tu choisis un titre et copies-colles le code que je t'ai donné ici:

Spoiler:

Tu valides et il ne te reste plus qu'à relever l'URL de la page que tu viens de créer:

Spoiler:

(Z)
Revenir en haut Aller en bas
Cαrαmbole

Cαrαmbole

Administratrice

Messages : 185
Date d'inscription : 26/06/2011
Age : 26

Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeMer 14 Déc - 19:34
Ohhhh !

Merci milles fois ! Je t'adore, merci ! Tu recevras un cadeau prochainement ! \o/* :) Merci, commande terminée ! ^^
Revenir en haut Aller en bas
Invité

avatar



Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitimeJeu 15 Déc - 13:24
Oh la papa Nowël va passer? *o* Hi hi!

Contente d'avoir fait ton bonheur en tout cas ;)
Puisque la commande est terminée, je me permets d'archiver!

Bisouilles ♥
Revenir en haut Aller en bas
Contenu sponsorisé




Une galerie codée *-* Empty
MessageSujet: Re: Une galerie codée *-*   Une galerie codée *-* Icon_minitime
Revenir en haut Aller en bas
 

Une galerie codée *-*

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Une signa codée [Roxy.][5]
» Signature Codée pour votre modo préféré ?
» Pitt's Galerie
» La galerie de Lucie ♥
» Galerie de Carambole x)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Blood Waya :: • Demande de partenariat. :: • Les services du forum. :: • Besoin d'un code ? [LOOK] :: Commandes Terminées-