Easy-Design.Net forum




Aide générale [Réglé] organisation de mon site

benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 14/06/2011 à 18h29

Reprise du message précédent

Bonjour à tous.

Aujourd'hui ma question est:
Comment mettre tout les liens des mini connect dans mon menu de gauche en accordéon?

J'y arrive mais ils se retrouve tous en ligne. Et quand je vais dans le mini_connect .tpl il y a des conditions, comme le fait d'être connecter ou pas.......
Mais là je sais pas vraiment comment faire pour modifier :s
Même en bidouillant j'y arrive pas.

Un coup de pouce svp.

Merci, et à bientôt.
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 15/06/2011 à 13h53
Bonjour Benjah^^

Si c'est juste en ligne, c'est pas grave ! Il te suffit de rajouter des <br /> pour le saut de ligne dans ton tpl !

Pour les conditions, cela ne change rien.. N'y touche pas .


swan_signature

Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 15/06/2011 à 14h27
Merci swan.

Alors oui c'est bon avec les retour à la ligne.
Par contre en fait c'est mis en place mais quand je désactive les mini_connect dans le sub header cela m'enlève mes liens.
Du coup j'ai essayé de mettre le code qui se trouve dans le mini_connect.tpl dans mon header tpl mais cela ne marche pas. J'ai seulement les images qui apparaissent.

Là je vois plus comment faire.

Help!!!!!!

A bientôt.
   
Swan Membre non connecté

Administrateur

Rang

Avatar

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 15/06/2011 à 14h45
Non !! regarde, dans ton menu accordéon que tu as mis dans ton header.tpl (normalement ...)

Tu mets comme cela (c'est le header de CsN):

Code TPL :
 
<div id="test-accordion" class="accordion">
<div class="accordion-toggle" id="captxt">&nbsp; &nbsp; Votre espace</div>
<div class="accordion-content">
<span style="font-size: 9px;">Date/Heure actuelle :
<br />
<?php $date = date("d-m-Y"); $heure = date("H:i"); Print("Nous sommes le $date et il est $heure"); ?>
</span>
<!-- début du code pour l'ajout du connect_mini.tpl-->
<p>
# IF C_MENUS_SUB_HEADER_CONTENT #
{MENUS_SUB_HEADER_CONTENT}
# ENDIF #
</p>
<!-- Fin du code pour l'ajout du connect_mini.tpl -->
</div>
 
 


C'est le début de mon menu accordéon. Par contre dans ton header.tpl, vérifie que tu ne fais pas de doublons de code ..




swan_signature

Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 15/06/2011 à 16h28
Merci beaucoup swan.
Ce coup-ci cela fonctionne. :mimi

A bientôt.
   
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 15/06/2011 à 18h21
Re bonjour.

Encore et encore des questions :dingue

Je voudrais avoir des infos au sujet de la lightbox2.
J'ai créer des pages galerie. Sur chacune d'elle je voudrai insérer la lightbox2.
J'ai regardé le tuto, mais il faut placer les fichier dans le module adéquat de mon thème.
En l'occurence il n'y a pas de module pages.
Comment puis-je faire ?
Et une fois installé comment rajouter des images lorsque l'on veux en rajouter. Cela se passe t'il en éditant?

J'y connais pas grand chose en lightbox, donc un peu d'aide svp.
Ou peut-être une autre solution pour faire ce que je veux faire ?.

Merci à vous.
   
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 15/06/2011 à 19h44
dans pbt le light box est déjà chargée, ou dans le cas de certain modules il manque juste un lien pour le chargée.

pour ajouter le lightbox dans un module il faut la ligne :
Code TPL :
<script type="text/javascript" src="{MODULE_DATA_PATH}/images/js/lightbox.js"></script>
 


Ensuite pour faire un lien vers une image :
Code HTML :
<a title="title" rel="lightbox[]" href="liens vers la grande image">Image et/ou texte.</a>


C'est la méthode a peu près employer sur CsN, on a directement le script lightbox dans les modules qui l'utilise, et non dans le header pour ne pas le chargé pour rien. (histoire de ne pas faire des pages trop lourdes)


signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 15/06/2011 à 21h04
Merci saturnin.

Et si je veux un rendu comme çà: http://easy-design.net/ressources/lightbox2/lightbox2.html#Landscapes
Je fais comment dans une page du module page ?

Et une autre petite question. Pour les images de grand formats style fond d'écran ou encore plus grand, comment çà se gère ? Elles sont redimensionnés automatiquement ? Et si oui peut-on avoir accès à la taille originale ?


Ps: Je sais que j'en demande beaucoup, et que je m'attaque parfois à des trucs un peu compliqué pour un novice mais je monte un projet qui me tiens vraiment à coeur et j'aimerai aboutir à ce que je veux.
Je vous remercie donc de votre patience et de votre aide. :ave
   
saturnin Membre non connecté

Administrateur

Rang

Avatar

Administrateur

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 15/06/2011 à 21h54
j'aime pas les JS, et la c'est pile dedans.

mais non la taille il ne me semble pas que ce soit gerable par le js, a part par le css toutefois.
je crois que j'ai oublier ce point tout a l'heure :p

tu as deux solution, soit tu charge le css qui vas bien (galerie css, soit tu fais un css propre a ta page.

il faut dedans :
Code CSS :
/* Lightbox*/
#lightbox{position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
 
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
 
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
 
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
 
#imageData{padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;} 
 
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



signaturesaturnin


Accroche toi au clavier, je retire le shell...
Site web    
benjah Membre non connecté

EDN Intéressé(e)

Rang

Avatar

Inscrit le : 17/04/2011 à 17h56

Messages: 59

Le 15/06/2011 à 22h38
Arf j'arrive à rien.
Ya un truc qui m'échappe. :ire
   
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie