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

Tableau Onglet (sans javascript)
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: Entraides :: CSS & HTML
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


Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   
avatar

En savoir plus
Nombre de forum: 1
Emploi/loisir: crochet, bracelet brésilien, cuisiner, dessiner, cartonnage !
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1973
✎ PeaCPt's : 9782
✎ Musique du moment : Aucune je me passe de musique
✎ Livre du moment : Je n'arrive pas à lire en ce moment
✎ Gif :
Revenir en haut Aller en bas
MessageSujet: Re: Tableau Onglet (sans javascript) 03.03.14 12:11
Codage revu et corrigé par Oswinwho.


Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   
avatar

En savoir plus
Nombre de forum: 1
Emploi/loisir: crochet, bracelet brésilien, cuisiner, dessiner, cartonnage !
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1973
✎ PeaCPt's : 9782
✎ Musique du moment : Aucune je me passe de musique
✎ Livre du moment : Je n'arrive pas à lire en ce moment
✎ Gif :
Revenir en haut Aller en bas
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 ^^"
Invité
Invité
Revenir en haut Aller en bas
MessageSujet: Re: Tableau Onglet (sans javascript) 19.08.16 20:09
Merci d'avance
Invité
Invité
Revenir en haut Aller en bas
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 !


Soyons extraordinaires ensemble, plutôt qu’ordinaires séparément.
Je veux mourir dans tes bras à 110 ans ou plus. Voila ce que je veux.
   
avatar

En savoir plus
Nombre de forum: 1
Emploi/loisir: crochet, bracelet brésilien, cuisiner, dessiner, cartonnage !
Un peu +:
Voir le profil de l'utilisateur
Féminin

✎ Citation : Chaque personne qu’on s’autorise à aimer, est quelqu’un qu’on prend le risque de perdre.
✎ Blabla : 1973
✎ PeaCPt's : 9782
✎ Musique du moment : Aucune je me passe de musique
✎ Livre du moment : Je n'arrive pas à lire en ce moment
✎ Gif :
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-
Sauter vers: