AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



 
Bonjour Invité
Merci d'avoir choisi city of pub



→ Pour poster dans la partie "AIDES CSS" il te faut te présenter:
"Fiche de présentation"
Des jeux pour vous, pour vos pubs et pour s'amuser !
C'est par ici: Jeu du JackPot et CityGame
Bonne chance à vous !
Recherche URGENT:
Graphiste, Aide RPG, Codeur, Correcteur,
En savoir + !!
Notre forum met en place sa fiche
Vous pouvez la mettre sur votre forum
une fois votre pub poster: Fiche du forum

Partagez | 
 

 Tableau Onglet (sans javascript)

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


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
MessageSujet: Tableau Onglet (sans javascript)   25.12.13 17:46

Youhou  content j'ai enfin comprit les onglets, bon c'est sans javascript heureusement, car javascript je ne comprends pas les codages !!! Donc voici un tableau PA à onglet pour votre cher petit Forum !



et une fois que vous avez fait les modifications ça donne ça, avec rajout d'un onglet:



Voilà, pour voir le code c'est par ici... Je vais vous expliquez... Enfin essayer !
Pour voir le code, veuillez poster à la suite de ce poste. Un problème ouvrez un sujet dans la partie aide aux codes.

Codage à mettre dans la PA. Panneau >> affichage >> PA >> généralité



et voilà bien sûr le code CSS:



Alors pour ajouter un onglet:

il vous suffit de rajouter ceci:



changer "xx" par le chiffre en LETTRE de l'onglet. Placer ça après le même code.

Ensuite n'oubliez pas la suite:

Rajouter ceci:



changer x par le chiffre et xx par le chiffre en LETTRE

cherchez ceci:


et placez-y le nouveau code de votre onglet.

_______________________

Pour faire de jolie fond dans chaque bloc onglet, les agrandir et tout.

margin-top:5px;   ◄--- ne pas toucher
margin-left:5px;   ◄--- mettez 50 pour centrer
width:57%;   ◄--- mettez 700 ou plus suivit de px

dans votre code dans votre PA il y a contenue_onglet, rajouter à chaque un chiffre (1,2,3...) continue_onglet1 ça donnera ça.

Et dans votre CSS

doublez autant de fois qu'il y a de onglet ceci:



ajouter 1 ou 2 ou 3 près de contenue_onglet (ça donnerait ça: contenue_onglet1)

remplacez:

background-color:#eeeeee; par background: url('URL IMAGE') sans enlever les apostrophe.
Changez 200px par 400px pour la hauteur.
RAjouter, background-position: center; pour centrer l'image de fond

Et pour juste le onglet qui change juste au survol changer Onclick par onmouseover (onglet) dans PA.

Normalement tout est ok !

Cordialement  salut



“Vivre, c'est espérer et attendre.”


Dernière édition par Oswinwho le 03.03.14 12:10, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
MessageSujet: Re: Tableau Onglet (sans javascript)   03.03.14 12:11

Codage revu et corrigé par Oswinwho.



“Vivre, c'est espérer et attendre.”
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/
Invité

Invité

PROFIL
PETIT +
MessageSujet: Re: Tableau Onglet (sans javascript)   30.09.15 19:09

Merci !

EDIT : En fait, en voyant le code, je me suis avérée déçue parce que ça "
//
"

C'est justement du javascript :/ C'est le code qui permet de faire fonctionner "onmouseclick" et donc de donner la possibilité de cliquer sur les onglets. Donc en gros, l'intitulé est faux et je me suis bien fait avoir ^^"
Revenir en haut Aller en bas
Invité

Invité

PROFIL
PETIT +
MessageSujet: Re: Tableau Onglet (sans javascript)   19.08.16 20:09

Merci d'avance
Revenir en haut Aller en bas


Oswinwho

PROFIL Féminin

✎ Blabla : 1903
✎ PeaCPt's : 9682
✎ Musique du moment : Still loving you de Scorpion
✎ Livre du moment : Atom(ka) de Franck Thilliez
✎ Gif :
PETIT +
En savoir plus
Nombre de forum: 1
Emploi/loisir: ...
Un peu +:
MessageSujet: Re: Tableau Onglet (sans javascript)   12.09.16 18:11

Peut être mais y a pas besoin de passer par Javascript tout est dans le même poste, puisqu'il marche par chez moi et c'est surtout pour ceux/celle qui n'ont pas accès au javascript !



“Vivre, c'est espérer et attendre.”
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://xlittletenshix.tumblr.com/


Contenu sponsorisé

PROFIL
PETIT +
MessageSujet: Re: Tableau Onglet (sans javascript)   Aujourd'hui à 2:04

Revenir en haut Aller en bas
 

Tableau Onglet (sans javascript)

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

 Sujets similaires

-
» Tableau Onglet (sans javascript)
» Tableau décalé sans raison dans les posts
» Tableau à onglets coulissants
» Tableau à onglets
» tableau des onglets [URGENT]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
city of pub :: Entraides :: CSS & HTML-