Le Deal du moment : -10%
PC Portable Gamer ASUS TUF Gaming F15 | 15,6″ ...
Voir le deal
599.99 €

P'tites questions (j'aurais dit plus grandes questions, mais bon)

P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Jeu 23 Juin - 6:45
Bonjour Skaemp :) J'aurais une question pour toi ^^ Lorsque tu seras de nouveau disponible, j'aurais deux commandes à te passer, mais je ne sais pas si elles rentrent dans une des catégories, alors je te décris ce que j'ai besoin et tu me diras. Ensuite je reviendrai lorsque je le pourrai, si évidemment tu peux me les faire :)

Voilà, j'aurais besoin d'une fiche avec des onglets sur le côté. ce qui fait que je ne sais pas si c'est possible, c'est qu'elle ne rentre dans aucune des catégories que tu fais. Ce n'est ni un prédèf, ni une fiche de prez, ni une fiche de rp ... bref, je suis bloquée :o En fait je monte un forum rpg typé mmorpg et j'ai besoin d'une fiche qui recense : les herbes disponibles, les potions, les armes et armures, les drops de monstres, etc. Alors je voulais savoir si c'était faisable ou pas ?

Ma deuxième demande, c'est une fiche un peu plus complexe. Je m'explique : j'ai six classe (métier) jouable sur mon forum et chacune a trois évolutions. Alors ça me prendrait une fiche où il y aurait les six images. Au survol tu aurais la description et tout, mais en dessous de l'image tu aurais trois petits boutons (25*25 environs) qui changerait de ... bon on va dire "bloc" de description, puisque je sais pas comment appelé ça xD Ça nous montrerait alors, selon le bouton d'appuyé (voire image, je sais pas encore), tu aurais une des trois évolutions qui s'afficheraient avec ses statistiques, etc. Est-ce que c'est faisable également, ou pas ?


Voilà voilà, j'suis désoler pour mon pavé :/
Revenir en haut Aller en bas
P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Ven 24 Juin - 5:50
Bonjour,

A la lecture de sa description, un système d'infobulles semblerait plus adapté à votre première fiche. L'ensemble ainsi présenté ne soulève de difficultés particulières cependant l'apport de schémas sera fortement apprécié afin de pouvoir respecter au mieux vos exigences quant à la disposition des divers éléments. Suspendant l'indisponibilité pour le week-end, je vous convie ainsi à remplir les formulaires correspondants :
Code:
<b>Largeur maximale :</b> <i>500px, 600px, etc...</i>
<b>Hauteur maximale :</b> <i>Si aucune = auto</i>
<b>Schéma :</b> <i>Sous forme de lien</i>
<b>Éléments :</b> <i>Si impossibilité absolue de produire une esquisse imagée ou pour affiner cette dernière</i>
<b>Images :</b> <i>Si images particulières à afficher, les placer ici sous forme de liens</i>
<b>Animations :</b> <i>Glissement, redimensionnement, niveaux de gris, changement d'opacité, etc...</i>
<b>Informations supplémentaires :</b> <i>A votre appréciation</i>
Revenir en haut Aller en bas
P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Ven 24 Juin - 8:19
Coucou :) Donc du coup, voici pour moi ^^ Sinon ma deuxième demande n'était pas possible ?


Largeur maximale : C'est possible de l'adapter à la largeur du bloc des messages ? Mon forum fait 900px de largeur, alors je ne sais pas combien je dois demander :o
Hauteur maximale : automatique, s'il te plait :)
Schéma : ici sans onglet ouvert[/url et [url=https://nsa37.casimages.com/img/2016/06/24/160624080953480380.png] avec l'onglet ouvert
Éléments : Les images sont légèrement plus grande que la taille demandé, alors est-ce que c'est possible de faire en sorte qu'elle se redimensionne à la taille demandée ? Si non, j'irai les mettre à la bonne taille sur photoshop, c'est pas grave :) Ensuite, concernant l'aspect visuel, comme j'ai dis sur l'image de l'onglet actif, j'ai commandé un design et je suis en attente de l'image de background pour ceci, alors en attendant mettre n'importe quelle image c'est ok, je vais même vous en fournir une, tient. Pour l'image de fond, j'entends par-là le fond blanc derrière les icônes et le bloc de texte. Là encore, si vous pouviez mettre un code pour une taille automatique, sinon je peux redimensionner selon la taille nécessaire demandé.

Pour le texte lorsque l'on clique sur l'onglet, serait-ce possible que le nom du-dit onglet apparaisse avec un texte à 90° sur le côté gauche du bloc de texte ? (comme illustré ci-dessus) ... et je crois que c'est tout
Images : elle, elle, elle, elle et elle
fond temporaire
Animations : Alors redimensionnement des images, un changement d'opacité pour les images (elles passent plus brillante lorsque l'onglet est actif), l'icône tourne sur elle-même également lorsqu'on l'active, si c'est possible. Une scrollbar sur le côté (je ne sais pas si ça fait partie des animations ?) Puis un texte à 90° décrivant la boite de texte (exemple, l'onglet potion sur mon schéma) Puis image qui s'agrandit pour celles de 25*25 (les images dans les onglets)
Informations supplémentaires : J'ai oublié de l'inclure sur le schéma, mais dans tout les onglets, il y aura des images. Au survol, une description de ce que c'est s'afficherait (par exemple champignonale, un champignon rare que seul Mavek, le boss du monde trois, laisse tomber). Par exemple, lorsque cliqué sur l'onglet potion, une description de l'onglet s'affichera. Ensuite dessous, par rangé et de taille 25*25 seront mit les potions par ordre normale et à effet d'altération (par exemple potion de poison). Si huit icônes font trop sur le haut (pour les deux autres icônes que je pourrais avoir besoin, mais c'est pas certains, j'attends ma co-admin qui revient dans deux semaines), vous pouvez en mettre quatre en haut et quatre en bas .. enfin, si c'est faisable évidemment.

En vous remerciant d'avance :) Et je suis désolé de cette énormissimme commande :o J'ai partie tout petit et finalement j'arrive à un gros truc dont je me rends compte de l'énorme travail qui devra être fournit :/ Je comprendrais si vous refusiez en faite ^^'
Revenir en haut Aller en bas
P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Ven 24 Juin - 8:21
mince je suis désoler, le code pour les images a bugué :/ le voici sans bug :

icône sans onglet d'actif et ici pour l'onglet actif

voilà, encore navrée :\
Revenir en haut Aller en bas
P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Dim 26 Juin - 14:39
I. Créer une page html :
P'tites questions (j'aurais dit plus grandes questions, mais bon) PARTHTML

II. Code à personnaliser :
Code:
<meta charset="UTF-8"><style type="text/css">
/* FICHE */
.INV {
margin:auto; width:625px;
}
/* ICÔNES INVENTAIRE HAUT */
.TICON {
text-align:center;
}
/* ICÔNE INVENTAIRE */
.onglet {
display:inline-block; margin:5px;
width:120px; height:120px; border-radius:120px; overflow:hidden;
opacity:0.8; filter:grayscale(0.7); -webkit-filter:grayscale(0.7);
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.onglet img{
width:120px; height:120px; border-radius:120px;
}
/* ICÔNE INVENTAIRE SELECTIONNEE */
.onglet_1 {
opacity:1; transform:rotate(360deg); -webkit-transform:rotate(360deg); filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC CONTENU INVENTAIRE */
.OBJETS {
margin:5px auto; width:535px; height:300px; padding-top:10px; border-radius:25px; overflow:auto; text-align:center;
background:url(https://s-media-cache-ak0.pinimg.com/564x/ee/65/9b/ee659b32c1d46228f9f476fa3e8a6db5.jpg); /* MODIFIABLE */
}
/* ICÔNES INVENTAIRE BAS */
.BICON {
margin:auto; text-align:center;
}
/* NOM CATEGORIE INVENTAIRE */
.nameINV {
position:absolute; margin-top:140px; margin-left:-190px;
width:310px; height:15px; text-align:center;
color:black; /* MODIFIABLE */
transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
}
/* DESCRIPTION CATEGORIE INVENTAIRE SELECTIONNEE */
.descINV {
margin:auto; width:90%; padding:10px; border-radius:10px;
background:white; color:black; /* MODIFIABLE */
text-align:justify;
}
/* ICÔNES ITEMS */
.iTEM {
display:inline-block; margin:10px;
}
.iTEM img {
width:25px; height:25px; filter:grayscale(1); -webkit-filter:grayscale(1);
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.iTEM:hover img{
filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* DESCRIPTION ITEM */
.iTEM p{
position:absolute; margin-left:-35px; margin-top:-90px;
width:150px; height:50px; padding:5px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
.iTEM:hover p{
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
.contenu_onglet {
display:none;
}
</style>

<!-- FICHE INVENTAIRE --><div class="INV"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script><!-- ICÔNES HAUT --><div class="TICON"><!-- CATEGORIE 1 --><span class="onglet_0 onglet" id="onglet_eins" onclick="javascript:change_onglet('eins');"><!-- IMAGE --><img src="http://nsa38.casimages.com/img/2016/06/24/16062408145796657.png" /></span><!-- CATEGORIE 2 --><span class="onglet_0 onglet" id="onglet_zwei" onclick="javascript:change_onglet('zwei');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457213664.png" /></span><!-- CATEGORIE 3 --><span class="onglet_0 onglet" id="onglet_drei" onclick="javascript:change_onglet('drei');"><!-- IMAGE --><img src="http://nsa38.casimages.com/img/2016/06/24/160624081457334333.png" /></span><!-- CATEGORIE 4 --><span class="onglet_0 onglet" id="onglet_vier" onclick="javascript:change_onglet('vier');"><!-- IMAGE --><img src="http://nsa38.casimages.com/img/2016/06/24/160624081457513139.png" /></span></div>
   
<!-- CONTENUS --><div class="OBJETS"><!-- CONTENU CATEGORIE 1 --><div class="contenu_onglet" id="contenu_onglet_eins"><!-- NOM --><div class="nameINV">Potions</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div><!-- CONTENU CATEGORIE 2 --><div class="contenu_onglet" id="contenu_onglet_zwei"><!-- NOM --><div class="nameINV">Sorts</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div><!-- CONTENU CATEGORIE 3 --><div class="contenu_onglet" id="contenu_onglet_drei"><!-- NOM --><div class="nameINV">Drops - Armes - Armures</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div><!-- CONTENU CATEGORIE 4  --><div class="contenu_onglet" id="contenu_onglet_vier"><!-- NOM --><div class="nameINV">Crafts & métiers</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div><!-- CONTENU CATEGORIE 5  --><div class="contenu_onglet" id="contenu_onglet_funf"><!-- NOM --><div class="nameINV">Items & matériaux</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div><!-- CONTENU CATEGORIE 6  --><div class="contenu_onglet" id="contenu_onglet_sechs"><!-- NOM --><div class="nameINV">Autres</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div><!-- CONTENU CATEGORIE 7  --><div class="contenu_onglet" id="contenu_onglet_sieben"><!-- NOM --><div class="nameINV">Autres</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div><!-- CONTENU CATEGORIE 8  --><div class="contenu_onglet" id="contenu_onglet_acht"><!-- NOM --><div class="nameINV">Autres</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div></div>
   
<!-- ICÔNES BAS --><div class="BICON"><!-- CATEGORIE 5 --><span class="onglet_0 onglet" id="onglet_funf" onclick="javascript:change_onglet('funf');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457802388.png" /></span><!-- CATEGORIE 6 --><span class="onglet_0 onglet" id="onglet_sechs" onclick="javascript:change_onglet('sechs');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457802388.png" /></span><!-- CATEGORIE 7 --><span class="onglet_0 onglet" id="onglet_sieben" onclick="javascript:change_onglet('sieben');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457802388.png" /></span><!-- CATEGORIE 8 --><span class="onglet_0 onglet" id="onglet_acht" onclick="javascript:change_onglet('acht');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457802388.png" /></span></div></div>
   
<script type="text/javascript">
                //<!--
                        var anc_onglet = 'eins';
                        change_onglet(anc_onglet);
                //-->
</script>

III. Iframe à modifier [ Lien | Width | Height ] :
Code:
<center><iframe src="lien" scrolling="no" style="width:665px; height:580px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></center>

Si vous devez supprimer des icônes :
Code:
<!-- CATEGORIE 8 --><span class="onglet_0 onglet" id="onglet_acht" onclick="javascript:change_onglet('acht');"><!-- IMAGE --><img src="" /></span>

Supprimez également les contenus correspondants :
Code:
<!-- CONTENU CATEGORIE 8  --><div class="contenu_onglet" id="contenu_onglet_acht"><!-- NOM --><div class="nameINV">Autres</div><!-- DESCRIPTION --><div class="descINV">Texte texte texte</div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><br/><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div><!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div></div>

Ajout d'item = ajout de :
Code:
<!-- ITEM --><div class="iTEM"><!-- IMAGE --><img src="http://www.aht.li/2816853/2525.png" /><!-- --><p>Texte</p></div>
Revenir en haut Aller en bas
P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Dim 26 Juin - 20:36
O.M.G o.o Merci, c'est parfait :D J'aurais une dernière question, ça concerne ma deuxième demande :) Est-ce qu'elle est réalisable ou pas ? Car vous ne m'avez pas répondu :)
Revenir en haut Aller en bas
P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Lun 27 Juin - 13:40
Certainement.

I. Créer une page html

P'tites questions (j'aurais dit plus grandes questions, mais bon) PARTHTML

II. Code à personnaliser :
Code:
<meta charset="UTF-8"><style type="text/css">
/* FICHE */
.JOB {
margin:auto; width:625px;
}
/* BLOC ICÔNES */
.TMICON {
text-align:center;
}
/* ICÔNE METIER */
.TMICON .onglet {
display:inline-block; margin:0 5px;
width:80px; height:80px; border-radius:80px; overflow:hidden;
opacity:0.8; filter:grayscale(0.7); -webkit-filter:grayscale(0.7);
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.TMICON img{
width:80px; height:80px; border-radius:80px;
}
/* ICÔNE METIER SELECTIONNEE */
.TMICON .onglet_1 {
opacity:1; filter:grayscale(0); -webkit-filter:grayscale(0);
}
/* BLOC DESCRIPTIONS METIERS */
.METIERS {
margin:5px auto; width:535px; height:300px; padding-top:10px; border-radius:25px; overflow:hidden; text-align:center;
background:url(https://s-media-cache-ak0.pinimg.com/564x/ee/65/9b/ee659b32c1d46228f9f476fa3e8a6db5.jpg); /* MODIFIABLE */
}
.contenu_onglet {
display:none;
}
/* DESCRIPTION METIER */
.descJOB {
margin:auto; width:90%; height:75px; padding:10px; border-radius:10px; overflow:auto;
background:white; color:black; /* MODIFIABLE */
text-align:justify;
}
/* BLOC EVOLUTION */
.EVO{
margin:10px auto 0;
width:344px; height:160px; text-align:center;
background:white; /* MODIFIABLE */
}
/* BLOC CONTENU EVOLUTION */
.EVO ul {
position:relative; margin:0 auto;
width:330px; height:150px; padding:5px; overflow:hidden;
font-size:0; line-height:0; white-space: nowrap;
}
/* CONTENU EVOLUTION */
.EVO ul li {
position: relative; display:inline-block; vertical-align:top;
width:100%;  height:100%; overflow:hidden;
line-height: normal; white-space:normal;
text-transform:uppercase; color:black; /* MODIFIABLE */
transition: all 0.35s linear; -webkit-transition: all 0.35s linear;
}
/* IMAGE EVOLUTION */
.EVO ul li img{
float:left; margin:5px; width:140px; height:140px; border-radius:140px;
}
/* NUMERO EVOLUTION */
.EVO ul li span{
display:block; margin:10px auto 5px; text-align:center; font-size:24px;
}
.EVO ul li p{
float:right; margin-top:0; width:175px; height:100px; overflow:auto; text-align:justify; font-size:10px;
}
/* NAVIGATION SLIDE */
.EVO .bullJOB {
position:absolute; margin-top:5px; width:360px; text-align:center; 
font-size:0; line-height:0; text-align:center;
}
/* BULLE EVOLUTION */
.EVO .bullJOB label {
position:relative; display:inline-block; margin:0 5px;
padding:9px; border-radius:50%;
background:white; /* MODIFIABLE */
}
/* SURVOL BULLE EVOLUTION */
.EVO .bullJOB label:after {
position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px;
content:''; padding:10px; border-radius:50%; opacity: 0;
background:coral; /* MODIFIABLE */
}
.EVO .bullJOB label:hover:after {
opacity:1;
}
.EVO > input:nth-of-type(1):checked ~ .bullJOB label:nth-of-type(1):after,
.EVO > input:nth-of-type(2):checked ~ .bullJOB label:nth-of-type(2):after,
.EVO > input:nth-of-type(3):checked ~ .bullJOB label:nth-of-type(3):after,
.EVO > input:nth-of-type(4):checked ~ .bullJOB label:nth-of-type(4):after,
.EVO > input:nth-of-type(5):checked ~ .bullJOB label:nth-of-type(5):after,
.EVO > input:nth-of-type(6):checked ~ .bullJOB label:nth-of-type(6):after,
.EVO > input:nth-of-type(7):checked ~ .bullJOB label:nth-of-type(7):after,
.EVO > input:nth-of-type(8):checked ~ .bullJOB label:nth-of-type(8):after,
.EVO > input:nth-of-type(9):checked ~ .bullJOB label:nth-of-type(9):after,
.EVO > input:nth-of-type(10):checked ~ .bullJOB label:nth-of-type(10):after,
.EVO > input:nth-of-type(11):checked ~ .bullJOB label:nth-of-type(11):after,
.EVO > input:nth-of-type(12):checked ~ .bullJOB label:nth-of-type(12):after,
.EVO > input:nth-of-type(13):checked ~ .bullJOB label:nth-of-type(13):after,
.EVO > input:nth-of-type(14):checked ~ .bullJOB label:nth-of-type(14):after,
.EVO > input:nth-of-type(15):checked ~ .bullJOB label:nth-of-type(15):after,
.EVO > input:nth-of-type(16):checked ~ .bullJOB label:nth-of-type(16):after,
.EVO > input:nth-of-type(17):checked ~ .bullJOB label:nth-of-type(17):after,
.EVO > input:nth-of-type(18):checked ~ .bullJOB label:nth-of-type(18):after {
opacity: 1;
}
.EVO > input {
display:none;
}
.EVO > input:nth-of-type(3):checked ~ ul li:first-of-type {
margin-left:-200%;
}
.EVO > input:nth-of-type(2):checked ~ ul li:first-of-type {
margin-left:-100%;
}
.EVO > input:nth-of-type(1):checked ~ ul li:first-of-type {
margin-left:0%;
}
</style>

<!-- FICHE --><div class="JOB"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>
<!-- ICÔNES - IMAGES EN 80*80 --><div class="TMICON"><!-- METIER 1 --><span class="onglet_0 onglet" id="onglet_mun" onclick="javascript:change_onglet('mun');"><!-- IMAGE --><img src="http://nsa38.casimages.com/img/2016/06/24/16062408145796657.png" /></span><!-- METIER 2 --><span class="onglet_0 onglet" id="onglet_mdeux" onclick="javascript:change_onglet('mdeux');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457213664.png" /></span><!-- METIER 3 --><span class="onglet_0 onglet" id="onglet_mtrois" onclick="javascript:change_onglet('mtrois');"><!-- IMAGE --><img src="http://nsa38.casimages.com/img/2016/06/24/160624081457334333.png" /></span><!-- METIER 4 --><span class="onglet_0 onglet" id="onglet_mquatre" onclick="javascript:change_onglet('mquatre');"><!-- IMAGE --><img src="http://nsa38.casimages.com/img/2016/06/24/160624081457513139.png" /></span><!-- METIER 5 --><span class="onglet_0 onglet" id="onglet_mcinq" onclick="javascript:change_onglet('mcinq');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457802388.png" /></span><!-- METIER 6 --><span class="onglet_0 onglet" id="onglet_msix" onclick="javascript:change_onglet('msix');"><!-- IMAGE --><img src="http://nsa37.casimages.com/img/2016/06/24/160624081457802388.png" /></span></div>
   
<!-- DESCRIPTIONS --><div class="METIERS"><!-- CONTENU METIER 1 --><div class="contenu_onglet" id="contenu_onglet_mun"><!-- DESCRIPTION -->
<div class="descJOB">Description de la classe</div><!-- EVOLUTIONS --><div class="EVO"><!-- NAVIGATION SLIDE --><input type="radio" name="slides" id="slides_1" checked /><input type="radio" name="slides" id="slides_2" /><input type="radio" name="slides" id="slides_3" /><!-- CONTENUS --><ul><!-- EVOLUTION I --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution I</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION II --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution II</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION III --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution III</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li></ul><div class="bullJOB"><div><label for="slides_1"></label><label for="slides_2"></label><label for="slides_3"></label></div></div></div></div><!-- CONTENU METIER 2 --><div class="contenu_onglet" id="contenu_onglet_mdeux"><!-- DESCRIPTION --><div class="descJOB">Description de la classe</div><!-- EVOLUTIONS --><div class="EVO"><!-- NAVIGATION SLIDE --><input type="radio" name="slides" id="slides_4" checked /><input type="radio" name="slides" id="slides_5" /><input type="radio" name="slides" id="slides_6" /><!-- CONTENUS --><ul><!-- EVOLUTION I --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution I</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION II --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution II</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION III --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution III</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li></ul><div class="bullJOB"><div><label for="slides_4"></label><label for="slides_5"></label><label for="slides_6"></label></div></div></div></div><!-- DESCRIPTION METIER 3 --><div class="contenu_onglet" id="contenu_onglet_mtrois"><!-- DESCRIPTION --><div class="descJOB">Description de la classe</div><!-- EVOLUTIONS --><div class="EVO"><!-- NAVIGATION SLIDE --><input type="radio" name="slides" id="slides_7" checked /><input type="radio" name="slides" id="slides_8" /><input type="radio" name="slides" id="slides_9" /><!-- CONTENUS --><ul><!-- EVOLUTION I --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution I</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION II --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution II</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION III --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution III</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li></ul><div class="bullJOB"><div><label for="slides_7"></label><label for="slides_8"></label><label for="slides_9"></label></div></div></div></div><!-- CONTENU METIER 4  --><div class="contenu_onglet" id="contenu_onglet_mquatre"><!-- DESCRIPTION --><div class="descJOB">Description de la classe</div><!-- EVOLUTIONS --><div class="EVO"><!-- NAVIGATION SLIDE --><input type="radio" name="slides" id="slides_10" checked /><input type="radio" name="slides" id="slides_11" /><input type="radio" name="slides" id="slides_12" /><!-- CONTENUS --><ul><!-- EVOLUTION I --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution I</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION II --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution II</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION III --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution III</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li></ul><div class="bullJOB"><div><label for="slides_10"></label><label for="slides_11"></label><label for="slides_12"></label></div></div></div></div><!-- CONTENU METIER 5  --><div class="contenu_onglet" id="contenu_onglet_mcinq"><!-- DESCRIPTION --><div class="descJOB">Description de la classe</div><!-- EVOLUTIONS --><div class="EVO"><!-- NAVIGATION SLIDE --><input type="radio" name="slides" id="slides_13" checked /><input type="radio" name="slides" id="slides_14" /><input type="radio" name="slides" id="slides_15" /><!-- CONTENUS --><ul><!-- EVOLUTION I --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution I</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION II --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution II</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION III --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution III</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li></ul><div class="bullJOB"><div><label for="slides_13"></label><label for="slides_14"></label><label for="slides_15"></label></div></div></div></div><!-- CONTENU METIER 6  --><div class="contenu_onglet" id="contenu_onglet_msix"><!-- DESCRIPTION --><div class="descJOB">Description de la classe</div><!-- EVOLUTIONS --><div class="EVO"><!-- NAVIGATION SLIDE --><input type="radio" name="slides" id="slides_16" checked /><input type="radio" name="slides" id="slides_17" /><input type="radio" name="slides" id="slides_18" /><!-- CONTENUS --><ul><!-- EVOLUTION I --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution I</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION II --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution II</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li><!-- EVOLUTION III --><li><!-- --><!-- IMAGE 150*150 --><img src="" /><!-- TITRE --><span>Evolution III</span><!-- STATISTIQUES --><p>- Statistique<br/>- Statistique</p></li></ul><div class="bullJOB"><div><label for="slides_16"></label><label for="slides_17"></label><label for="slides_18"></label></div></div></div></div></div></div>
   
<script type="text/javascript">
                //<!--
                        var anc_onglet = 'mun';
                        change_onglet(anc_onglet);
                //-->
</script>

III. Iframe à modifier [ Lien | Width | Height ] :
Code:
<center><iframe src="lien" scrolling="no" style="width:665px; height:580px;" marginwidth="0" marginheight="0" frameborder="0"></iframe></center>
Revenir en haut Aller en bas
P'tites questions (j'aurais dit plus grandes questions, mais bon) Empty Lun 27 Juin - 19:14
Wow merci beaucoup :D vous êtes un ange x) J'adore votre travail, Skaemp **
Revenir en haut Aller en bas
Revenir en haut Aller en bas
Vous ne pouvez pas répondre aux sujets dans ce forum