Pour l'atelier création

[Invité]

Bienvenue, Invité. Veuillez vous connecter ou vous inscrire.

Connexion avec identifiant et mot de passe

[Zoltatem]

Bonjour Diabolo

J'aimerais avoir dans les ateliers de création, un tuto sur les menues, avec le thème pmx-black.

J'ai beaucoup de difficulté à comprendre le bon fonctionnement des menues avec pragmaMx.

J'aimerais en arriver avec un résultat comme sur ton site, si je clique sur forum, alors le bouton forum reste vert.

@++

[Diabolo]

Slt,
pas vraiment compliqué ds le fichier function du theme, y a une fonction intégrée qui permet  d'ajouter la class current sur la page active

Code:

function theme_get_navbars($number)
{
    global $themesetting;

    /* Men\FCmanager verwenden? */
    if ($themesetting['head_css_menu']) {
        return theme_get_mxmenu();
    }

    /* ansonsten eben das Array... */
    static $out;
    if (isset($out[$number])) {
        return $out[$number];
    }
    $data = theme_head_data();
    $count = count($data[$number]) - 1;
    foreach ($data[$number] as $key => $menue) {
        switch (true) {
            case ($menue['current'] && ($key == 0)):
                /* aktuelle Seite und erster Tab */
                $class = ' class="current"';
                break;
            case ($key == 0):
                /* irgendeine Seite und erster Tab */
                $class = ' class="home"';
                break;
            case ($menue['current']):
                /* aktuelle Seite und irgendein Tab */
                $class = ' class="current"';
                break;
            default:
                /* irgendeine Seite und irgendein Tab */
                $class = '';
        }
        $slogan = (empty($menue['slogan'])) ? '' : ' title="' . $menue['slogan'] . '"';
        $navbar[] = '<li><a' . $class . ' href="' . $menue['link'] . '">' . $menue['caption'] . '</a></li>';
    }
    $out[$number] = '<ul>' . implode("\n", $navbar) . '</ul>';
    return $out[$number];
}

regarde le navbar en fin <a' . $class . ' permet d'ajouter la class current sur la page active (le module doit être activé aussi)

suffit juste de définir le c ss qui va bien ensuite, ex sur notre site c'est comme le :hover mais on peut faire indépendant.

Code:

#head-menu ul li:hover a, #head-menu ul li a.current {
color: #8FAB28;
}

[Zoltatem]

Re Diabolo

Ça ne fonctionne pas chez moi !!

C'est un menue design 100% CSS que j'ai créer et je n'y arrive pas 

Voici mon code, j'ai tout enlevé mes bêta test et ligne corrent:
HTML

Code:

<div id="nav-main">
        <nav>
<!-- START headmenue -->
    <ul>

       <li><a href="./">Home</a></li>
       <li><a href="#">About</a></li>
       <li><a href="#">Services</a></li>
       <li><a href="#">Products</a></li>
       <li><a href="#">Contact</a></li>
 
    </ul>
<!-- END headmenue -->
</nav>
    </div>   

CSS

Code:

.box-12-expand nav  {
        display: block;
        width: 100%;
        overflow: hidden;
}

.box-12-expand nav ul {
        margin: 10px 0 20px 0;
        padding: .7em;
        float: left;
        list-style: none;
        background: #444;
        background: rgba(0,0,0,.2);
        -moz-box-shadow :6px 12px  6px #333;
-webkit-box-shadow :6px 12px  6px #333;
-o-box-shadow :6px 12px  6px #333;
box-shadow :6px 12px  6px #333;
padding:5px;
border:solid 2px #999;
}
.box-12-expand nav ul {
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
    color: inherit;
}
.box-12-expand nav li {
        float:left;
margin: 0 1.5em 0 1.5em;
}

.box-12-expand nav a  {
        float:left;
        padding: .8em 1.5em;
        text-decoration: none;
        color: #555;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
        letter-spacing: 1px;
        text-transform: uppercase;
        border-width: 1px;
        border-style: solid;
        border-color: #fff #ccc #999 #eee;
        background: #c1c1c1;
        background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
        background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
        background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
        background: -o-linear-gradient(#f5f5f5, #c1c1c1);
        background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
        background: linear-gradient(#f5f5f5, #c1c1c1);
 }

.box-12-expand nav a:hover,.box-12-expand  nav a:focus {
        outline: 0;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        background: #fac754;
        background: -moz-linear-gradient(#fac754, #f8ac00);
        background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
        background: -webkit-linear-gradient(#fac754, #f8ac00);
        background: -o-linear-gradient(#fac754, #f8ac00);
        background: -ms-linear-gradient(#fac754, #f8ac00);
        background: linear-gradient(#fac754, #f8ac00);
}

.box-12-expand nav a:active {
        -moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
-o-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}

.box-12-expand nav li:first-child a {
        border-left: 0;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
}

.box-12-expand nav li:last-child a {
        border-right: 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
}

[Diabolo]

Ben oui car tu n'as pas la class current
Ex pour ton code si tu veux la même apparence en :hover qu'en current (page active) on rajoute un sélecteure.

ce qui donne

Code:

.box-12-expand nav a:hover,
.box-12-expand  nav a:focus,
.box-12-expand  nav a.current,
 {
        outline: 0;
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,.2);
        background: #fac754;
        background: -moz-linear-gradient(#fac754, #f8ac00);
        background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
        background: -webkit-linear-gradient(#fac754, #f8ac00);
        background: -o-linear-gradient(#fac754, #f8ac00);
        background: -ms-linear-gradient(#fac754, #f8ac00);
        background: linear-gradient(#fac754, #f8ac00);
}

Sinon ton css est un peu lourd, tu peux virer tous les .box-12-expand et mettre #nav-main à la place et virer le nav

ce qui donne pour le début par ex:

Code:

#nav-main  {
        display: block;
        width: 100%;
        overflow: hidden;
}

http://fr.wikibooks.org/wiki/Le_langage_CSS/Les_s%C3%A9lecteurs

[Zoltatem]

Re Diabolo

Je n'y arrive pas 
Le menue fonctionne que sur l'accueil et 2 autres modules 

Voici le thème: www.pragmamx.ca/pmx-love.zip c'est un design 100% CSS, vraiment ultra rapide...

PS: j'aimerais le proposer chez pragmamx.org, possible pour toi de traduire le texte dans le HTML du header ?

@++

[icebreaker]

Bonjour Zoltatem

Voila la traduction francais-allemand-anglais:

Comment utiliser ce texte
Le code CSS de ces mises en forme est dans le fichier layout.fixed.css ligne: 10.
Vous pouvez éditer ou supprimer ces commentaires dans le fichier theme.html ligne: 24 a 29.
Besoin d'aide ? : http://www.pragmamx.fr.


Wie verwende ich diesen Text
Den CSS Code finden Sie in der Datei layout.fixed.css in Zeile:10
Sie können diesen Text editieren, oder löschen in der Datei theme.html in den Zeilen: 24 bis 29
Wenn Sie Hilfe brauchen: http://www.pragmamx.fr.

How to use these text
You'll find the CSS code in the layout.fixed.css file at line 10
You can edit or delete the text at the lines 24-29 in the theme.html file.
If you need help: http://www.pragmamx.fr.

Cordialement
icebreaker

[Zoltatem]

Merci icebreaker pour cette traduction. 
Beaucoup plus pro que google traduction 

@++

[Zoltatem]

Re Diabolo

Je n'y arrive pas  
Le menue fonctionne que sur l'accueil et 2 autres modules  

Voici le thème: www.pragmamx.ca/pmx-love.zip c'est un design 100% CSS, vraiment ultra rapide...
Ou en démo ici: http://pragammx.goldzoneweb.info/
Clique sur les boutons du menue.

@++

[Diabolo]

Oui car y a une erreur dans le theme.setting.php du theme

ex pour news:

Code:

       $themesetting['headnav'][] = array(/* Newsmodul */
            'menu' => 1,
            'caption' => _NEWSSHORT,
            'link' => 'modules.php?name=Stories_Archive',
            'case' => array(
                MX_MODULE == 'Topics',
                MX_MODULE == 'News' && !defined('MX_HOME_FILE'),
                ));

Pour récupérer la class .current il faut que le premier MX_MODULE corresponde au module de la page (link), ici Stories_Archive

donc remplacer ce code par

Code:

       $themesetting['headnav'][] = array(/* Newsmodul */
            'menu' => 1,
            'caption' => _NEWSSHORT,
            'link' => 'modules.php?name=Stories_Archive',
            'case' => array(
                MX_MODULE == 'Stories_Archive',
                MX_MODULE == 'News' && !defined('MX_HOME_FILE'),
                ));

pareil pour la galerie ce qui donne

Code:

       $themesetting['headnav'][] = array(/* Bildergalerie */
            'menu' => 1,
            'caption' => _GALLERY,
            'link' => 'modules.php?name=My_eGallery',
            'case' => array(
                MX_MODULE == 'My_eGallery',
                // MX_MODULE == 'coppermine',
                ));

 

[Diabolo]

Sinon,

Pour un site en ligne je préconise l'utilisation du gestionnaire de menu qui permet de faire son menu en ligne sans toucher au code 

[Zoltatem]

Merci Diabolo

J'ai une autre question pour toi.

Pourquoi qu'il n'y a pas de mise à jour des corrections ?
Exemple:
Tu as donné la solution qui corrige le problème de date de naissance invalide à l'inscription.
Et aussi dans le  settings.php pour le nom du eboard qui demande un B majuscule, ça fait 4 ans que je corrige ce problème manuellement pour les autres sites web...
Plus ceux que tu as donnés dans le message précédant...

Ce sont des corrections importantes qui devraient être corrigées le plus rapidement possible.

Sans oublier qu'après l'installation de pragmaMx, le site est en Allemand...

Ces bugs peuvent faire peur aux nouveaux membres.
En une semaine j'ai aidé 2 sites web de clan à construire leur site web et si je n’étais pas présent, ils partaient pour un autre CMS.

@++

[Diabolo]

Slt,

Les corrections seront intégré à un futur fixpack 

[Zoltatem]

L'attente est longue pour le fixpack.

Il y a des nouveaux membres a chaque semaine 
En 1 mois j'ai perdu 5 sites web gamer 

@++

[Diabolo]

Sinon propose sur ton site un pack 1.12 avec les corrections ci dessus incluses.
Le fixpack qui possera pas un problème.

Pour l'instant je préfère présenter la version sourceforge car commune à tous les utilisateurs.

[Zoltatem]

Sinon propose sur ton site un pack 1.12 avec les corrections ci dessus incluses.

Non! Ce n'est pas à moi d’améliorer ce processus, cette tâche revient à pragmaMx.org.

Moi je donne que mon avis 

PS: Tu as une nouvelle proposition en téléchargement 

@++