Cherche extension ou solution pour faire ça...

[just7683]

Bonjour à toutes et tous,

Je me suis lancé dans un site web sous joomla 2.5 avec un template PROMA,

Aujourd'hui, je cherche une extension ou une solution pour faire comme sur ce template, les icônes sur la droite qui permettent d'ouvrir un carré de texte ou dans mon cas, je voudrais mettre un formulaire à la place.

demo.smartaddons.com/#sj-plus

Merci d'avance si vous pouvez m'aider.

- - - Mise à jour - - -

http://demo.smartaddons.com/#sj-plus

[linceb]

Re : Cherche extension ou solution pour faire ça...

Bonjour,
Je pense que tu cherches un module en affichage slider si j'ai compris ta recherche.
J'utilise un template qui propose ce genre de module, c'est une gestion css + script et une position dans ton template
Il s'agit d'un template allrounder.
Je te mets ici le code css pour l'affichage (il y a 2 types d'affichage, un slider en haut de page et qui s'ouvre en descendant, et un sur le côté comme tu l'as vu dans ton exemple)

css (à modifier selon l'affichage souhaité, ici c'est le code de base fourni avec le template) :

	/* top-panel */

#toppanel {
	width: 99.9%;
	height:auto;
	display:none;
	margin:0;
	position:relative;
	z-index:9999;
}
a#toppanel-toggle {
	width: 110px;
	height:18px;
	display:block;
	position:fixed;
	top:0;
	right:60px;
	z-index:9999;
	background-image:url('../images/toppanel-toggle.png');
	background-repeat:no-repeat;	
	background-position:left bottom;
}
a#toppanel-toggle:hover {
	height:26px;
	text-decoration:none;
	background-position: 0 -26px;
}

	/* side-panel */

#sidepanel-outer {
	position:fixed;
	left:0;
	top:30%;
	z-index:9999;
	display:inline-block;
}
#sidepanel {
	display:none;
	padding: 10px 20px;
	min-height:110px;
	float:left;	
}
a#sidepanel-toggle {
	width: 18px;
	height:110px;
	display:block;
	float:left;
	margin-top:10px;	
	background-image:url('../images/leftpanel-toggle.png');
	background-repeat:no-repeat;
	background-position: right top;
}
a#sidepanel-toggle:hover {
	width: 26px;
	text-decoration:none;
	color: #440000;
	background-position: -26px;
}

Ensuite le javascript pour l'effet slider :

	// Toppanel
//	jq('#toppanel').hide();
	jq('a#toppanel-toggle').click(function(){
		jq('#toppanel').slideToggle("middle");
		return true;
	});


	// Sidepanel
//	jq('#sidepanel').hide();
	jq('a#sidepanel-toggle').click(function(){
		jq('#sidepanel').toggle("middle");
		return false;
	});

Il faut maintenant créer la position toppanel et la position sidepanel dans ton template

Le tour est joué normalement, tu n'as plus qu'à choisir la position sidepanel ou toppanel pour le module qui doit s'afficher en slider.

Je ne l'ai pas testé sur un autre template, mais je pense que tout est là pour t'en sortir.

Bon courage !

[linceb]

Re : Cherche extension ou solution pour faire ça...

oups, il manque du code dans mon explication !

il y a 1 fichier php par position :

sidepanel.php

<?php if($this->countModules('sidepanel')) : ?>
	<div id="sidepanel-outer">
		<div id="sidepanel">
			<jdoc:include type="modules" name="sidepanel" style="lvround" />
		</div>
		<a href="#" title="Toggle in / out" id="sidepanel-toggle"></a>
	</div>
<?php endif;?>

toppanel.php :

<?php if($this->countModules('toppanel')) : ?>
	<div id="toppanel">
         <jdoc:include type="modules" name="toppanel" style="lvround" />
	</div>
	<a href="#" title="Toggle in / out" id="toppanel-toggle"></a>
<?php endif;?>

Désolée,
j'espère que tout est là maintenant !

[just7683]

Re : Cherche extension ou solution pour faire ça...

Merci bien, je vais essayer tout ça dès que possible

[240eric]

Re : Cherche extension ou solution pour faire ça...

jQuery(document).ready(function(){
// Toppanel
// jq('#toppanel').hide();
jQuery('a#toppanel-toggle').click(function(){
jQuery('#toppanel').slideToggle("middle");
return true;
});


// Sidepanel
// jq('#sidepanel').hide();
jQuery('a#sidepanel-toggle').click(function(){
jQuery('#sidepanel').toggle("middle");
return false;
});
});