Fork me on GitHub


 Bas   Précédent   Suivant

« 1 ... 10 11 12 (13) 14 15 16 ... 253 »


montuy337513
Re: Ajout de liens menus dans le thèmes XAnd
#121
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
"Menu Principal" est un block, tu peux modifier le template de celui-ci si tu le désire. ce bloc affiche les menus par défaut, en fonction des droits utilisateurs de chaque module (le menu est dans xoops_version.php de chaque module).
Par défaut les templates de page et blocs sont dans le répertoire /templates de chaque module.
Idéalement il est conseillé d'utiliser la surcharge de template. c'est à dire utiliser le gestionnaire de template de Xoops qui copiera les templates directement dans le thème, de cette façon tu ne perd pas les modifications lors d'une prochaine mise à jour. (admin->modèles, là tu choisis le theme que tu utilise et tu valide). Ensuite tu modifie les templates présents dans le répertoire themes/ton_theme/modules

Pour les menus du haut, les modifications sont à faire dans les templates du thème, directement. (En général /themes/ton_theme/tpl). Dans ces menus tu indique directement les liens vers les pages souvent de type <a href="URL_VERS_PAGE" title="Titre de la page">Titre de la page</a>

Posté le : 28/12/2021 18:51
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#122
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
une bonne chose de faite.
Pour info, oui, un import fonctionne, mais à éviter si possible, cela te rallongera le temps de ta page d'au moins 200ms (vu qu'un import fait une requête http supplémentaire vers le serveur).

Posté le : 13/12/2021 14:51
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#123
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
je suis occuper à m'installer un new xoops 2.5.11 pour des tests.
A priori, si tu prend la partie équivalent de dropdown_submenu dans xbootstrap et que tu l'incorpore dans le style.css de xwatch puis tu adapte le menu de xwatch pour qu'il ressemble, ça devrai aller

Je dois écrire un thème avec des menus de toutes façons pour mon client

Posté le : 12/12/2021 16:35
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#124
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
et faisant peut-être quelques modifs dans le fichier nav-menu.tpl

Posté le : 12/12/2021 14:07
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#125
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
recupère la partie de css manquante .dropdown-submenu et insère là dans le css de xwatch

Posté le : 12/12/2021 14:07
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#126
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
pour mettre dans un autre bloc à coté comme tu appelle, il faut normalement appliquer une marge gauche positive (pour la figure que tu as montré) de la largeur de ton menu. Tu peux aussi adjoindre un marge haute négative pour que le bloc "sous-menu" se centre par rapport au "menu principal". Mais attention qu'avec la marge négative tu te retrouve pas avec une partie hors écran.
Demain, ce serai journée off pour moi donc j'aurais un peu plus de temps

Posté le : 11/12/2021 23:06
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#127
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
Regarde ça : https://getbootstrap.com/docs/5.0/components/navbar/

ca t'expliquera comment faire des navbar.

Perso je les ai réécrit pour que ça fonctionne correctement en me basant sur cette page.
Là je suis pris pour la journée, je te répond en coup de vent.
Je regarderai plus attentivement demain

Posté le : 11/12/2021 18:01
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#128
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
la première partie correspond au menu burger (quand l'écran est rétréci).
Sinon, tu as une structure plus ou moins classique de <ul><li>menu</li>
<li><ul><li>sous-menu</li>/<ul></li></ul>

Posté le : 10/12/2021 18:14
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#129
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
Toute les constantes commençant par THEME sont dans /language/english ou /language/french

Posté le : 10/12/2021 18:11
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer


montuy337513
Re: theme xwatch4 - nav-menu.tpl
#130
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2837
salut JJDai

le menu est géré par un tpl à part. J'ai eu un peu de mal à trouver où tout été rangé, trop l'habitude des anciens thèmes, ahah.

<div class="navbar navbar-default global-nav">
        <div class="container">
            <div class="navbar-header">
                <button data-target="#main-navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="<{$xoops_url}>" class="navbar-brand xlogo" title="<{$xoops_sitename}>">
                    <img src="<{$xoops_url}>/uploads/logo/logo-150.png" alt="<{$xoops_sitename}>">
                </a>
            </div>
            <div class="navbar-collapse collapse"  id="main-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="<{$xoops_url}>"><{$smarty.const.THEME_HOME}></a></li>
                    <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><{$smarty.const.THEME_ACCOUNT}><b
                                    class="caret"></b></a>
                        <ul id="xswatch-account-menu" class="dropdown-menu">
                            <{if $xoops_isuser|default:false}>
                            <li><a href="<{$xoops_url}>/user.php"><{$smarty.const.THEME_ACCOUNT_EDIT}></a></li>
                            <li><a href="<{$xoops_url}>/viewpmsg.php"><{$smarty.const.THEME_ACCOUNT_MESSAGES}> <span class="badge"><{xoInboxCount}></span></a></li>
                            <li><a href="<{$xoops_url}>/notifications.php"><{$smarty.const.THEME_ACCOUNT_NOTIFICATIONS}></a></li>
                            <li><a href="<{$xoops_url}>/user.php?op=logout"><{$smarty.const.THEME_ACCOUNT_LOGOUT}></a></li>
                            <{if $xoops_isadmin|default:false}>
                            <li><a href="javascript:xswatchToolbarToggle();"><{$smarty.const.THEME_ACCOUNT_TOOLBAR}> <span id="xswatch-toolbar-ind"></span></a></li>
                            <{/if}>
                            <{else}>
                            <li><a href="<{$xoops_url}>/user.php"><{$smarty.const.THEME_ACCOUNT_LOGIN}></a></li>
                            <li><a href="<{$xoops_url}>/register.php"><{$smarty.const.THEME_ACCOUNT_REGISTER}></a></li>
                            <{/if}>
                        </ul>
                    </li>
                    <!-- begin custom menus - customize these for your system -->
                    <li><a href="javascript:;"><{$smarty.const.THEME_MODULE1}></a></li>
                    <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><{$smarty.const.THEME_MODULE2}><b
                                    class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:;">Topic 1</a></li>
                            <li><a href="javascript:;">Topic 2</a></li>
                            <li><a href="javascript:;">Topic 3</a></li>
                            <li><a href="javascript:;">Topic 4</a></li>
                            <li><a href="javascript:;">Topic 5</a></li>
                        </ul>
                    </li>
                    <li><a href="<{$xoops_url}>/modules/newbb"><{$smarty.const.THEME_MODULE3}></a></li>
                    <li><a href="<{$xoops_url}>/modules/contact"><{$smarty.const.THEME_MODULE4}></a></li>
                    <!-- end custom menus -->
                </ul>
                <{if $xoops_search|default:false}>
                <form class="navbar-form navbar-right" role="search" action="<{xoAppUrl search.php}>" method="get">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="<{$smarty.const.THEME_SEARCH_TEXT}>" name="query">
                        <span class="input-group-btn"><button type="submit" class="btn btn-default" aria-label="<{$smarty.const.THEME_SEARCH_TEXT}>">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span></button></span>
                    </div>
                    <input type="hidden" name="action" value="results">
                </form>
                <{/if}>
            </div>
        </div>
    </div>


c'est le /tpl/nav-menu.tpl
avec des sous-menus

Posté le : 10/12/2021 17:54
_________________
Open in new window

Modules/hacks pour Xoops
Ressources pour webmaster
Transférer la contribution vers d'autres applications Transférer



 Haut
« 1 ... 10 11 12 (13) 14 15 16 ... 253 »




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

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