En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 
 

GuppY, le CMS de référence sans base de données

 

telecharger.png

 
Vous êtes ici :   Accueil » Forum » Guppy 5 » onglets
 
 
 
    Imprimer la page...
    Imprimer la section...

Attention : GuppY 5.03.00

Sortie de GuppY 5.03.00 :
 

Les zips du pack, du patch cumulatif et du patch non-cumulatif sont mis à jour et en téléchargement le 17.01.2020 à 18h00.


Le patch CKEditor v4121 pour GuppY 502xx (06.07.2019) est en téléchargement dans la rubrique Télécharger puis GuppY 5. Merci à Saxbar pour cette mise à jour.

Mise à jour des listes de blocage des spams (24.09.2019) pour Apache 2.3 et pour Apache 2.4 en téléchargement dans la rubrique Télécharger puis GuppY 5

Forum - Guppy 5 - onglets


Connectés : ( personne )
Snif !!!
 

actif  Sujet n° 130756

le 11/01/2020 @ 16:54
par Robin

Robin

319 messages

Bonjour,

Après transfert de la version 5.03.00 je n'ai plus les onglets dans le menu déroulant Activités/Planning du sitehttps://www.abc-chamalieres.fr/

Merci de m'aider sur ce sujet.

Cordialement

Robin

GuppY 5.03.00 Système d'exploitation du serveur : Linux 3.10.0-962.3.2.lve1.5.26.3.el7.x86_64 PHP : 7.3.13 / MET=120 - ML=512M - UMF=16M - PMS=16M - MFU=20 URL du site : https://www.abc-chamalieres.fr/ Plugins : Horloge, Glossaire[3.1.5], Devinette, OpenFiches, Quizz Plus[5.1.1], Vitesse de Connexion UA: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.117 Safari/537.36 Device: computer Résolution écran : 1536x864   

Robin

Site web Robin
Poster une réponse Haut  

Réponse n° 1
--------
le 11/01/2020 @ 18:07
par Lavachequireve

Lavachequireve

Secrétaire
1027 messages

Bonjour Robin.

Le code source des onglets a changé avec le passage à la V5.03.00.

Il y aura qqs corrections à faire.

Si tu as un guppy pack 5.03.00 avec le contenu de démo, tu verras ceci pour l'article onglets.

<style type="text/css">.tab-content div.container { padding-top: 8px; }
ul.nav-tabs { padding-bottom: 0px; }
li.nav-item { margin-left: 0; }
</style>
<div class="width60 marginAuto">
<ul class="nav nav-tabs" role="tablist">
	<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#menu1">Onglet 1</a></li>
	<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu2">Onglet 2</a></li>
	<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu3">Onglet 3</a></li>
	<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu4">Mise en place</a></li>
</ul>

<div class="tab-content">
<div class="container tab-pane active" id="menu1">
<h2>Contenu 1</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>

<div class="container tab-pane fade" id="menu2">
<h2>Contenu 2</h2>

<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

<div class="container tab-pane fade" id="menu3">
<h2>Contenu 3</h2>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
</div>

<div class="container tab-pane fade" id="menu4">
<h2>Mise en place</h2>

<p><strong>On ne peut plus simple, il suffit d'examiner le code de cet article.</strong></p>
</div>
</div>
</div>

Bonne contnuation

Bonne continuation

Cordialement Lavachequireve

Site web Lavachequireve
Poster une réponse Haut  
Réponse n° 2
--------
le 12/01/2020 @ 18:31
par Robin

Robin

320 messages

Bonsoir,

effectivement le code source a été changé. Je m'y suis employé à effectuer les corrections mais j'ai des spécificités que je n'arrive pas à résoudre. J'ai transmis hier les codes par nous contacter.

Merci pour l'info

Cordialement

Robin

Robin

Site web Robin
Poster une réponse Haut  
Réponse n° 3
--------
le 22/01/2020 @ 05:32
par Grouillot

Grouillot

12 messages

Bonjour,

Sympa le site de Robin, tant le contenant que le contenu !

Pour les onglets, comment fait-on pour obtenir un espace ou l'alignement tel que présent sur la page indiquée ? Là je sais pas faire.

Merci d'une aide éventuelle.

Le grouillot

Site web Grouillot
Poster une réponse Haut  
Nouveau Réponse n° 4
--------
le 22/01/2020 @ 15:37
par JeanDenis

JeanDenis

1446 messages

Bonjour,

Tu peux mettre quelque chose comme cela dans ton fichier styleplus accessible via Config Style :

.nav-tabs .nav-link { /*onglets*/
border: 1px solid #000000; /*bordure*/
border-radius: 8px; /*arrondis*/
margin: 10px 20px; /*marges extérieures HB DG*/
width:150px; /*largeur*/
text-align:center; /*centrage texte*/
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover { /*onglet actif et onglet survolé*/
border: 1px solid #000000;
border-radius: 8px;
}

Bien sûr tu ajustes les valeurs à ton goût. Ajoute le moins de chose possible pour régler au maximum avec Config Look, mais les quelques lignes ci-dessus paraissent être le minimum pour obtenir l'effet souhaité.

Cordialement,

Jean-Denis

www.71site.fr

Site web JeanDenis
Poster une réponse Haut  
Nouveau Réponse n° 5
--------
le 22/01/2020 @ 15:50
par Grouillot

Grouillot

13 messages

Bonjour,

Merci pour l'aide.

Tester en local et ça semble convenir mais comme dit, je vais tout de même limiter les interventions hors config ; je fais déjà suffisamment de c...!

Bonne journée.

Le grouillot

Site web Grouillot
Poster une réponse Haut  
Nouveau Réponse n° 6
--------
le 22/01/2020 @ 17:08
par Papinou

Papinou

Administrateur
884 messages

Bonjour,

Comme je l'avais mis en place sur le site de Robin, je viens de reprendre une variante pour le lisez-moi de freeguppy.

Sur ce lien, une copie d'écran du contenu de la partie concernée de Onglets - Accordéons - Fenêtre modale.

Ensuite dans le styleplus.css, j'ai ajouté :

/********** Début Onglets **********/
ul.nav-tabs { margin: 0 auto !important;}
.nav-tabs .nav-link {margin: 0.5rem;text-align: center;border: 0.15rem solid #60C4EA;}
/********** Fin Onglets **********/

Si tu suis bien cette page du tuto de Config Look et le contenu de la copie d'écran, tu n'auras pas de problème.

Tu n'as que 2 modifications à faire pour ton site:

1- margin : 0.5rem; 0.5rem peut varier en fonction du nombre d'onglets, tu peux essayer margin: 0.5rem 1rem; par exemple soit 0.5rem en haut et en bas et 1rem à droite et à gauche.

2- border: 0.15rem solid #60C4EA; tu peux modifier la couleur #60C4EA pour adapter pour ton site.

Aucune raison que tu ne réussisses pas !

EDIT : Sur cette page, le résultat pour la page en français et la page en anglais.

Cordialement, Papinou

Site web Papinou
Poster une réponse Haut  
Nouveau Réponse n° 7
--------
le 22/01/2020 @ 19:01
par Grouillot

Grouillot

14 messages

Bonsoir,

Tout bien tout ça. J'ai testé les 2 solutions et j'ai mis en place la plus simple.

Faut dire que je cherche un peu la difficulté car sur une page j'ai 21 onglets vu que je n'ai pas trouvé de solution plus pratique...

C'est là : http://jarvillehier.free.fr/articles.php?lng=fr&pg=135&mnuid=3&tconfig=0#z2

Merci pour tout.

Le grouillot

Site web Grouillot
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum