Fork me on GitHub




(1) 2 »


Faire une liste des déroulante avec les sujets d'articles
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
salut,

Un liens ou je trouverais une explication svp !
Merci a toute la communauté xoopsienne pour l'aide qu'elle nous apporte!
j'aimerais aussi élargir mmon theme mais je sais pas comment

Posté le : 09/10/2008 11:16
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
logiquement c'est style.css ou theme.css et en px ! sauf chez moi :=)

Posté le : 09/10/2008 14:14

Visitez mon site siwipli:
ToutFree : Le monde du gratuit
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Salut,
Qu'appelles-tu sujets d'articles ? Les catégories ?
Ou les titres de tes articles ?
Et tu voudrais ce menu déroulant à quel endroit sur ton site ?

Posté le : 09/10/2008 14:42
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
salut,

merci d'avoir répondu!
je parlais des catégories oui !
Enfaite j'ai crée des catégories et des sous catégories j'aimerais voir apparaitre sur un bloc de gauche les catégories principales et quand je passe la souris ou je clique dessus je veux que ça me sort les sous catégories ! voila

Posté le : 09/10/2008 15:17

Visitez mon site siwipli:
ToutFree : Le monde du gratuit
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Salut,
Je viens de faire quelques tests pour ta question.
Si on prend la version récente du module news, on a cette page qui existe : /modules/news/topics_directory.php

On y trouve la liste des catégories et sous-catégories.

Le template de cette page, se trouve ici :
/modules/news/templates/news_topics_directory.html

Et le code php utilisé pour remplir les données de cette page, est ici : /modules/news/topics_directory.php

J'ai modifié le template, pour obtenir ce que tu vois dans la capture ci-jointe.
Tu peux utiliser la surcharge, en copiant le fichier modifié dans le dossier suivant :

/themes/ton_theme/modules/news/

Et en modifiant la source avec le code ci-dessous. (J'ai juste ajouté un formulaire pour bien voir la différence de présentation).

Voici le contenu du nouveau fichier (rendu dans la capture ci-jointe) :
<h2><{$smarty.const._AM_NEWS_TOPICS_DIRECTORY}></h2>
<
br />
<
ul>
<{foreach 
item=topic from=$topics}>
    <
li><{$topic.prefix}><a href="<{$xoops_url}>/modules/news/index.php?storytopic=<{$topic.id}>"><{$topic.title}></a> (<{$topic.news_count}>)</li>
<{/foreach}>
</
ul>

<
br />

<
form name="newstopicsdir">
<!-- <
select name="newstopicsdirselect" onchange="window.open(newstopicsdir.newstopicsdirselect.options[selectedIndex].value)"> -->
<
select name="newstopicsdirselect" onchange="location=this.options[this.options.selectedIndex].value">
<
option selected>----------</option>
<{foreach 
item=topic from=$topics}>
<
option value="<{$xoops_url}>/modules/news/index.php?storytopic=<{$topic.id}>"><{$topic.prefix}> <{$topic.title}> (<{$topic.news_count}>)</option>
<{/foreach}>
</
select>
<
input type="submit" value="Go" />
</
form>


Dans ce cas, de figure, la page appelée se charge dans la fenêtre courante, mais j'ai indiqué en commentaire, le code pour charger la page dans une nouvelle fenêtre.

Sur ce principe, et étant donné que l'on a la source php, je pense que c'est jouable assez facilement de créer un bloc avec un menu déroulant (select) contenant tes catégories.

Après pour obtenir un autre type de menu, il faudra sans doute bricoler un peu plus.

Attacher un fichier:



png  2008-10-10_121554.png (5.67 KB)
5661_48ef2b663e609.png 214X295 px

Posté le : 10/10/2008 12:16
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Toujours dans l'optique de faire un menu avec les catégories et sous-catégories du module news, je viens de faire un autre test, basé sur des travaux effectués avec Solo pour multimenu.

En modifiant de nouveau le template indiqué dans mon post précédent, j'arrive à créer un menu css gérant un niveau de sous-catégories.
Je joins une capture (les couleurs sont moches mais c'est juste pour bien distinguer les éléments).
L'encadré rouge contient le menu css avec mes catégories.
Mais nous rencontrons la même limitation que pour multimenu, à savoir, un seul sous-niveau géré.

Le plus simple reste encore le menu déroulant de base, avec ses 10 lignes de codes.

Je vais tout de même t'indiquer le code utilisé pour créer ce menu css dans le post suivant.

Attacher un fichier:



png  2008-10-10_163049.png (5.84 KB)
5661_48ef676e10e0f.png 328X286 px

png  2008-10-10_163529.png (2.11 KB)
5661_48ef68413f900.png 332X102 px

png  2008-10-10_163609.png (1.69 KB)
5661_48ef68673f510.png 186X101 px

Posté le : 10/10/2008 16:32
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Donc dans le même template que ce matin (news_topics_directory.html), je colle le code suivant
<!-- Thanks to http://www.stunicholls.myby.co.uk/ for this pure css menuhcss ! -->

<link rel="stylesheet" type="text/css" href="/modules/news/flyout.css" />
<!--[if 
lte IE 6]>
<
link rel="stylesheet" media="all" type="text/css" href="/modules/news/flyout_ie.css" />
<![endif]-->

<
style type="text/css">
*>.
menuvcss {width:145px;}
*>.
menuvcss ul li a, .menuvcss ul li a:visited {width:145px;}
*>.
menuvcss ul li:hover ul {left:145pxwidth:145px;}
*>.
menuvcss ul li a:hover ul {left:145pxwidth:145px;}
*>.
menuvcss ul li:hover ul li:hover ul {left:145px;}


</
style>

<
div class="menuvcss">
<{
assign var=ul_main value=0}>
<{
assign var=ul_sec  value=0}>

<{foreach 
item=topic from=$topics}>
<{if 
$topic.prefix == ""}>
<{if 
$ul_sec == 1}></ul><{assign var=ul_sec value=0}><{/if}>
    <{if 
$ul_sec == 1}><{assign var=ul_sec value=0}><{/if}>
        <{if 
$ul_main == 1}>
            <!--[if 
lte IE 6]></td></tr></table></a><![endif]-->
            </
li>
            </
ul>
            <{
assign var=ul_main value=0}>
        <{/if}>
        <{if 
$ul_main == 0}>
            <{
assign var=ul_main value=1}>
        <{/if}>

        <
ul>
        <
li>
        <
a href="<{$xoops_url}>/modules/news/index.php?storytopic=<{$topic.id}>"><{$topic.title}></a>
        <!--[if 
lte IE 6]>
        <
a href="<{$xoops_url}>/modules/news/index.php?storytopic=<{$topic.id}>"><{$topic.title}>
        <
table><tr><td>
        <![endif]-->

<{else}>
        <{if 
$ul_sec == 0}><ul><{assign var=ul_sec value=1}><{/if}>
        <
li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=<{$topic.id}>"><{$topic.title}></a></li>

<{/if}>
<{/foreach}>

    <{if 
$ul_main == OR $ul_sec == 1}>
    <!--[if 
lte IE 6]>
    </
td></tr></table>
    </
a>
    <![endif]-->
    </
li>
    </
ul>
    <{/if}>

</
div>


Je place également à la racine du module 'news', les 2 feuilles de style appelée au début du script.

flyout.css
/* common styling */
.menuvcss {font-familyarialsans-serifposition:relativefont-size:11pxmargin:0 0;}
.
menuvcss ul li a, .menuvcss ul li a:visited {display:blocktext-decoration:nonecolor:#000; height:20px; text-align:center; color:#fff; border:1px solid #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menuvcss ul {padding:0margin:0;list-style-typenone; }
.
menuvcss ul li {list-style-type:nonefloat:leftmargin-right:1pxposition:relative;}
.
menuvcss ul li ul {displaynone;}

/* specific to non IE browsers */
.menuvcss ul li:hover a {color:#fff; background:#36f;}
.menuvcss ul li:hover ul {display:blockposition:absolutetop:0;}
.
menuvcss ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menuvcss ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menuvcss ul li:hover ul li ul {displaynone;}
.
menuvcss ul li:hover ul li a {display:blockbackground:#eee; color:#000;}
.menuvcss ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menuvcss ul li:hover ul li:hover ul {display:blockposition:absoluteleft:105pxtop:0;}

.
menuvcss ul li:hover a.cat {
background:#ffffff; 
color:red;
}

.
menuvcss ul li:hover a.cat:hover{
background:#ffffff; 
color:blue;
}

.
menuvcss ul li:hover a.note {
background:#ffffff; 
color:green;
}

.
menuvcss ul li:hover a.note:hover {
background:#ffffff; 
color:blue;
}


flyout_ie.css
.menuvcss ul li a.hide, .menuvcss ul li a:visited.hide {display:none;}
.
menuvcss ul li a:hover ul li a.hide {display:none;}

.
menuvcss ul li a:hover {color:#fff; background:#36f;}
.menuvcss ul li a:hover ul {display:blockposition:absolutetop:0; }
.
menuvcss ul li a:hover ul li a.sub {background:#6a3; color:#fff;}
.menuvcss ul li a:hover ul li a {display:blockbackground:#eee; color:#000;}
.menuvcss ul li a:hover ul li a ul {visibility:hidden;}
.
menuvcss ul li a:hover ul li a:hover {background:#6fc; color:#000;}
.menuvcss ul li a:hover ul li a:hover ul {visibility:visibleposition:absolutetop:0color:#000; }

.menuvcss ul li a:hover ul li a.cat {
background:#ffffff; 
color:red;
}

.
menuvcss ul li a:hover ul li a.cat:hover {
background:#ffffff; 
color:blue;
}

.
menuvcss ul li a:hover ul li a.note {
background:#ffffff; 
color:green;
}

.
menuvcss ul li a:hover ul li a.note:hover {
background:#ffffff; 
color:blue;
}


Et ça génère la capture dans mon post-ci dessus.

Posté le : 10/10/2008 16:34
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Régulier
Inscrit: 09/04/2006 01:57
De france
Messages: 211
merci pour ton aide !!
c'est vraiment tres gentil je te remercie infiniment !
c'est nickel mais comment placer tous ça le site enfin a gauche du site!! la il est sur la page :

/modules/news/topics_directory.php

Pour que les visiteurs de mon site le voient faut qu'il aille à cette adresse !

On peut pas le mettre dans un menu a gauche par exemple ,

Posté le : 21/11/2008 00:44

Visitez mon site siwipli:
ToutFree : Le monde du gratuit
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Xoops accro
Inscrit: 25/02/2004 00:20
De Région parisienne
Messages: 2526
J'ai fait une chose semblable pour ce site

Posté le : 21/11/2008 02:13
Partager Twitter Partagez cette article sur GG+
Re: Faire une liste des déroulante avec les sujets d'articles
Xoops accro
Inscrit: 15/07/2004 11:16
Messages: 4763
Salut !
Ah ben cool comme ça !
Tu as fait comment ?

Posté le : 21/11/2008 08:28
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

101 Personne(s) en ligne (80 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 101 | Plus ...