rendre le message d'accueil retractable

Page 2 sur 2 Précédent  1, 2

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

Résolu rendre le message d'accueil retractable

Message par Exces lence le Dim 16 Aoû 2015 - 20:13

Rappel du premier message :

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://csegw2.forumactif.org/

Description du problème

salut à vous,

je me sert du message d'accueil pour placer mon agenda de team en Iframe.

je voudrais savoir si il est possible de rendre le message d'accueil rétractable de façon à l'afficher que sur demande vue la taille du calendrier.

Gamerement ExcEs


Dernière édition par Exces lence le Dim 23 Aoû 2015 - 9:43, édité 1 fois

Exces lence
*

Masculin
Messages : 41
Inscrit(e) le : 05/11/2009

http://guilde-oups.forumactif.org
Exces lence a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre le message d'accueil retractable

Message par Milouze14 le Mar 18 Aoû 2015 - 20:24

Salut Exces lence,

On peut cacher la page d'accueil en faisant une intervention dans le template concerné et en ajoutant un script.
Ta page d'accueil sera donc masquée et le fait de cliquer sur le petit + affichera le contenu.
De ce fait, un petit - s'affichera afin de fermer cette dernière.

Je te donne l'astuce Wink .

Dans le template index_body:
Affichage/Templates/Général/index_body

Recherches ceci:
Code:

<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">


Supprimes et remplaces par:

Code:

<!-- BEGIN message_admin_index -->
<table id="M14_Index"class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">


Penses a enregistrer les modifications en cliquant respectivement sur et


Pour le script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur l'index.

déposes ceci:


Code:

$(function(){
$('#M14_Index').before('
<div class="M14_Btn_Open_index"title="Ouvrir l\'agenda">+</div>
<div class="M14_Btn_Close_index"style="display:none;"title="Fermer l\'agenda">-</div>
');

$(function(){
$('.M14_Btn_Open_index').click(function(){
$(this).fadeOut();
$('.M14_Btn_Close_index').fadeIn();
$('#M14_Index').fadeIn(800);
});
});
$(function(){
$('.M14_Btn_Close_index').click(function(){
$(this).fadeOut();
$('.M14_Btn_Open_index').fadeIn();
$('#M14_Index').fadeOut(800);
});
});



});






Penses à cliquer sur le bouton

Puis le style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style


Déposes ceci et agrémentes les couleurs comme bon te semble:
Déposes ceci:

Code:

/*On cache le message d accueil*/
#M14_Index{display:none;}
/*Les boutons d ouvertures et fermeture*/
.M14_Btn_Open_index ,.M14_Btn_Close_index
{
font-size:15px;/*taille de police*/
position:absolute;
color:red;/*couleur du texte*/
width:20px;/*on définie une largeur*/
height:20px;/*on définie une hauteur*/
margin-top:-20px;/*on remonte a l identique sur la hauteur*/
cursor:pointer;/*on donne un style au curseur*/
 
}





Penses à cliquer sur le bouton

a++



Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre le message d'accueil retractable

Message par Exces lence le Mer 19 Aoû 2015 - 11:55

merci milouze14,

c'est en place et je voudrais savoir si il y a une possibilité qu'il soit fermer par défaut a la première connexion, et si je peut replacer les petit +/- par un texte du genre "afficher le calendrier ou fermer le calendrier.

et je vient aussi de remarquer que le premier clique sur + est inactif peut être parce que par défaut le calendrier devrai être fermer

Cdl,

ExcEs

Exces lence
*

Masculin
Messages : 41
Inscrit(e) le : 05/11/2009

http://guilde-oups.forumactif.org
Exces lence a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre le message d'accueil retractable

Message par Milouze14 le Mer 19 Aoû 2015 - 12:01

Salut Exces lence,

cette partie est fermée d'office si tu as bien fait les modifications dans le template et bien publié Wink .
et aussi la C.S.S associée:
Code:
#M14_Index{display:none;}

Ensuite tu peux changer le texte dans cette partie du script:
Code:

$(function(){
$('#M14_Index').before('
<div class="M14_Btn_Open_index"title="Ouvrir l\'agenda">+</div>
<div class="M14_Btn_Close_index"style="display:none;"title="Fermer l\'agenda">-</div>
');


Il deviendra comme ceci:
Code:

$(function(){
$('#M14_Index').before('
<div class="M14_Btn_Open_index"title="Afficher le calendrier">Afficher le calendrier</div>
<div class="M14_Btn_Close_index"style="display:none;"title="Fermer le calendrier">Fermer le calendrier</div>
');



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre le message d'accueil retractable

Message par Exces lence le Dim 23 Aoû 2015 - 9:43

Salut tous le mondes,

je passe clôturer le sujets en vous remerciant de votre aides à tous.

à très vite.

ExcEs

Exces lence
*

Masculin
Messages : 41
Inscrit(e) le : 05/11/2009

http://guilde-oups.forumactif.org
Exces lence a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre le message d'accueil retractable

Message par AenigmA le Dim 23 Aoû 2015 - 9:51

Bonjour,

J'espère que tu verras avant le vérouillage

Ceci dans ton css
--------------------------------------------------------------------------------------------------------------
L'empêche de fonctionner Smile Il ne voit pas la suite à cause de ça

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum