Fork me on GitHub




(1) 2 3 »


H-hich
xoops_blueday : menus dynamiques
#1
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Bonjour a tous,

Je viens de me lancer dans l'adaptation du theme xoops_blueday pour mon site et j'aurai voulu faire un menu dynamiques, j'ai donc suivis la doc mais cela ne fonctionne apparement pas (xoops 2.0.16)

Je vais detailler ce que j'ai fais pour vous faire comprendre:

Citation :
1. Modification de la feuille style.css et création de la feuille navigation .css

a. Modification de la feuille style.css

Dans la feuille style.css, supprimer
les déclarations relatives au fichier
globalnav.html.



Dans un premier temps j'ai mis en commentaire ce qui concernait "/*=== Style pour l'include globalnav.html ===*/" dans ma feuille de style.

Citation :

Ajouter l’instruction d’import vers
une feuille navigation.css

/* incorporation de feuilles de styles complémentaires */
@import url(forms.css);
@import url(blocks.css);
@import url(content.css);
@import url(navigation.css);


J'ai rajouter la ligne manquante au depart de la feuille de style comme decrit.

Citation :

b. Création de la feuille navigation.css

Récupérer la feuille disponible dans la
version «Morphogenesis v1 dynamic».
Des modifications des styles seront nécessaires
pour s’adapter à votre site.


La j'ai simplement recuperer la feuille de style dans le theme.

Citation :

2. Création des sous-menus dans globalnav.html et personnalisation de theme.php

a. Création des sous-menus
<li>
<a href="<{xoAppUrl modules/news/}>" accesskey="" title="<{$smarty.const.THEME_MODULE1_
DESC}>"><img src="<{xoImgUrl icons/icons/articles.png}>" />&nbsp;<{$smarty.
const.THEME_MODULE1}></a>
<ul>
<li><a href="<{xoAppUrl modules/news/article.php?storyid=3}>" title="<{$smarty.const.THEME_
MODULE1_SUB1_DESC}>"><{$smarty.const.THEME_MODULE1_SUB1}></a></li>
<li><a href="<{xoAppUrl modules/news/article.php?storyid=4}>" title="<{$smarty.const.THEME_
MODULE1_SUB2_DESC}>"><{$smarty.const.THEME_MODULE1_SUB2}></a></li>
<li><a href="<{xoAppUrl modules/news/article.php?storyid=6}>" title="<{$smarty.const.THEME_
MODULE1_SUB3_DESC}>"><{$smarty.const.THEME_MODULE1_SUB3}></a></li>
<li><a href="<{xoAppUrl modules/news/article.php?storyid=14}>" title="<{$smarty.const.
THEME_MODULE1_SUB4_DESC}>"><{$smarty.const.THEME_MODULE1_SUB4}></a></li>
</ul>
</li>



Donc voici mon globalnav:

<div id="xo-globalnav" class="x2-nl x2-navigation">


<ul>
        <li class="x2-label"><{$smarty.const.THEME_NAVTITLE}></li>

        <!-- menu en mode anonyme -->

        <li><a href="<{xoAppUrl}>" accesskey="a"  title="<{$smarty.const.THEME_HOME_DESC}>"><img src="<{xoImgUrl icons/action/home.png}>" />&nbsp;<{$smarty.const.THEME_HOME}></a></li>
        
    
    <{if !$xoops_isuser}>


    <li><a href="<{xoAppUrl modules/news/}>" accesskey=""  title="<{$smarty.const.THEME_MODULE1_DESC}>"><img src="<{xoImgUrl icons/action/articles.png}>" />&nbsp;<{$smarty.const.THEME_MODULE1}></a>
        <ul>
        <li><a href="<{xoAppUrl modules/news/archive.php}>" title="<{$smarty.const.THEME_MODULE1_SUB1_DESC}>"><{$smarty.const.THEME_MODULE1_SUB1}></a></li>
        <li><a href="<{xoAppUrl modules/news/submit.php}>" title="<{$smarty.const.THEME_MODULE1_SUB2_DESC}>"><{$smarty.const.THEME_MODULE1_SUB2}></a></li>
        <li><a href="<{xoAppUrl modules/news/whoswho.php}>" title="<{$smarty.const.THEME_MODULE1_SUB3_DESC}>"><{$smarty.const.THEME_MODULE1_SUB3}></a></li>
        <li><a href="<{xoAppUrl modules/news/topics_directory.php}>" title="<{$smarty.const.THEME_MODULE1_SUB4_DESC}>"><{$smarty.const.THEME_MODULE1_SUB4}></a></li>
        </ul>
    </li>

        <li><a href="<{xoAppUrl modules/newbb/}>" accesskey="" title="<{$smarty.const.THEME_MODULE2_DESC}>"><img src="<{xoImgUrl icons/action/telechargement.png}>" />&nbsp;<{$smarty.const.THEME_MODULE2}></a>
                </li>

        <li><a href="<{xoAppUrl modules/mylinks/}>" accesskey="" title="<{$smarty.const.THEME_MODULE3_DESC}>"><img src="<{xoImgUrl icons/action/lien.png}>" />&nbsp;<{$smarty.const.THEME_MODULE3}></a>
                </li>
 
        <li><a href="<{xoAppUrl modules/mydownloads/}>" accesskey="" title="<{$smarty.const.THEME_MODULE6_DESC}>"><img src="<{xoImgUrl icons/action/telechargement.png}>" />&nbsp;<{$smarty.const.THEME_MODULE6}></a>
                </li>
 
        <li><a href="<{xoAppUrl modules/xcgal/}>" accesskey="" title="<{$smarty.const.THEME_MODULE4_DESC}>"><img src="<{xoImgUrl icons/action/images.png}>" />&nbsp;<{$smarty.const.THEME_MODULE4}></a>
                </li>

        <li><a href="<{xoAppUrl modules/ircmod/}>" accesskey="" title="<{$smarty.const.THEME_MODULE9_DESC}>"><img src="<{xoImgUrl icons/action/irc.png}>" />&nbsp;<{$smarty.const.THEME_MODULE9}></a>
                </li>
                
        <{else}>

         <li><a href="<{xoAppUrl modules/news/}>" accesskey=""  title="<{$smarty.const.THEME_MODULE1_DESC}>"><img src="<{xoImgUrl icons/action/articles.png}>" />&nbsp;<{$smarty.const.THEME_MODULE1}></a>
        <ul>
        <li><a href="<{xoAppUrl modules/news/archive.php}>" title="<{$smarty.const.THEME_MODULE1_SUB1_DESC}>"><{$smarty.const.THEME_MODULE1_SUB1}></a></li>
        <li><a href="<{xoAppUrl modules/news/submit.php}>" title="<{$smarty.const.THEME_MODULE1_SUB2_DESC}>"><{$smarty.const.THEME_MODULE1_SUB2}></a></li>
        <li><a href="<{xoAppUrl modules/news/whoswho.php}>" title="<{$smarty.const.THEME_MODULE1_SUB3_DESC}>"><{$smarty.const.THEME_MODULE1_SUB3}></a></li>
        <li><a href="<{xoAppUrl modules/news/topics_directory.php}>" title="<{$smarty.const.THEME_MODULE1_SUB4_DESC}>"><{$smarty.const.THEME_MODULE1_SUB4}></a></li>
        </ul>
    </li>

        <li><a href="<{xoAppUrl modules/newbb/}>" accesskey="" title="<{$smarty.const.THEME_MODULE2_DESC}>"><img src="<{xoImgUrl icons/action/forum.png}>" />&nbsp;<{$smarty.const.THEME_MODULE2}></a>
                </li>

        <li><a href="<{xoAppUrl modules/mylinks/}>" accesskey="" title="<{$smarty.const.THEME_MODULE3_DESC}>"><img src="<{xoImgUrl icons/action/lien.png}>" />&nbsp;<{$smarty.const.THEME_MODULE3}></a>
                </li>
 
        <li><a href="<{xoAppUrl modules/mydownloads/}>" accesskey="" title="<{$smarty.const.THEME_MODULE6_DESC}>"><img src="<{xoImgUrl icons/action/telechargement.png}>" />&nbsp;<{$smarty.const.THEME_MODULE6}></a>
                </li>
 
        <li><a href="<{xoAppUrl modules/xcgal/}>" accesskey="" title="<{$smarty.const.THEME_MODULE4_DESC}>"><img src="<{xoImgUrl icons/action/images.png}>" />&nbsp;<{$smarty.const.THEME_MODULE4}></a>
                </li>

                <li><a href="<{xoAppUrl modules/ircmod/}>" accesskey="" title="<{$smarty.const.THEME_MODULE9_DESC}>"><img src="<{xoImgUrl icons/action/irc.png}>" />&nbsp;<{$smarty.const.THEME_MODULE9}></a>
                </li>
                
        <{/if}>


        <{if $xoops_isadmin}>

        <!-- lien supplémentaire si je suis administrateur -->

        <li><a href="<{xoAppUrl modules/system/admin.php}>" accesskey="p" title="<{$smarty.const.THEME_ADMIN_DESC}>"><img src="<{xoImgUrl icons/action/administration.png}>" />&nbsp;<{$smarty.const.THEME_ADMIN}><!--[if IE 7]><!--></a><!--<![endif]-->
                <!--[if lte IE 6]><table><tr><td><![endif]--></li>
                <!--[if lte IE 6]></td></tr></table></a><![endif]-->

        
        <{/if}>
        <li><a href="<{xoAppUrl modules/contact/}>" accesskey="c" title="<{$smarty.const.THEME_CONTACT_DESC}>"><img src="<{xoImgUrl icons/action/contact.png}>" />&nbsp;<{$smarty.const.THEME_CONTACT}></a></li>
</ul>
</div>


Et voici un extrait de mon theme.php :
define("THEME_MODULE1",                    "Articles");
define("THEME_MODULE1_DESC",            "Voir les news");

define("THEME_MODULE1_SUB1",            "Archives"); //*** les SUB correspondent aux sous-menus dans le globalnav.html 'dynamic'
define("THEME_MODULE1_SUB1_DESC", "Voir nos archives");
define("THEME_MODULE1_SUB2",            "Proposer un article"); //*** les SUB correspondent aux sous-menus dans le globalnav.html 'dynamic'
define("THEME_MODULE1_SUB2_DESC", "Proposer un article");
define("THEME_MODULE1_SUB3",            "Annuaire des auteurs"); //*** les SUB correspondent aux sous-menus dans le globalnav.html 'dynamic'
define("THEME_MODULE1_SUB3_DESC", "Annuaire des auteurs");
define("THEME_MODULE1_SUB4",            "Repertoire des sujets"); //*** les SUB correspondent aux sous-menus dans le globalnav.html 'dynamic'
define("THEME_MODULE1_SUB4_DESC", "Repertoire des sujets");
define("THEME_MODULE1_SUB5",            "Cat&eacute;gorie 5"); //*** les SUB correspondent aux sous-menus dans le globalnav.html 'dynamic'


Le resultat n'etais aps correct j'ai donc realisé quelque modification sur l'etape 1.a :

Tentative de suppession des texte concernant le glabalnav.html (a la place de la mise en commentaire)

J'ai remplacer les ligne par celle fournis dans la doc.


Et j'ai obtenu des resultats un peu chaotique:

Les menu etait remis a la ligne apres chaque element, ou encore en ce moment une ligne contenant les modules, la ligne en dessous les sous menu, puis la ligne en dessous la suis des grand menu, puis les sous menu la ligne en dessous et ainsi de suite.


Si quelqu'un voit mon erreur j'aimerai vraiment comprendre :/

Merci d'avance.

Posté le : 11/01/2008 14:03

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: xoops_blueday : menus dynamiques
#2
Guest_
b'jour,

Pour css/navigation.css

/* Thanks to Snow77, Skalpa and Leostotch for the initial work  */
/* Mor.pho.GEN.e.sis version 1.2 by kris (http://www.xoofoo.org and https://www.frxoops.org) */
/* file name : navigation.css (version 1.0) - 04 avril 2007 */


/*============= Style pour l'include globalnav.html ================*/
#xo-globalnav {
  height:                                    30px;
    border:                                    none;
    background-color:                        transparent;
    font-size:                                .9em;
}

* html #xo-globalnav { height:         30px; }

#xo-globalnav img {
    padding: 5px 0 0 5px;
}

#xo-globalnav .x2-label {display:    none;}
#xo-globalnav ul {
list-style-type:    none;
}
#xo-globalnav ul li {
    float:                                    left;
    position:                                relative;
    z-index:                                    auto !important /*Non-IE6*/;
    z-index:                                    1000 /*IE6*/;
}
#xo-globalnav ul li a {
    float:                                    none !important /*Non-IE6*/;
    float:                                    left /*IE-6*/;
    display:                                    block;
    color: #666;
    height:                                    25px;
    line-height:                            2em;
    padding:                                 0 10px 0 10px;
    text-decoration:                        none;
    font-weight:                            bold;
}
#xo-globalnav ul li a:hover {
    color:                                    #3366cc;
    background-color:                     #fff !important;
    font-style:                             normal;
    text-decoration:                        none;
    /*border:solid #99b3e6 1px;*/
}
#xo-globalnav ul li ul {
    display:                                    none;
    border:                                    none;
    margin-left: 10px;
}

/*Non-IE6 hovering*/
#xo-globalnav ul li:hover a {} 
#xo-globalnav ul li:hover ul {
    display:                                block;
    width:                                130px;
    position:                            absolute;
    z-index:                                999;
    top:                                    25px;
    margin-top:                            0em;
    left:                                    0;
}
#xo-globalnav ul li ul li {}
#xo-globalnav ul li:hover ul li a {
    display:                                block;
    width:                                130px;
    height:                                auto;
    /*line-height:                        1.3em;*/
    margin-left:                        0;
    padding:                        4px 10px 4px 10px;
    border-right:                     1px solid #99b3e6;
    border-left:                     1px solid #99b3e6;
    border-bottom:                     1px solid #99b3e6;
    background-color:                 #fff;
    /*background-image:url(../img/nav_out.png);*/
    font-weight:                        normal;
}
#xo-globalnav ul li:hover ul li a:hover {
    color:                                #666;
    background-color:                 #99b3e6 !important;
    /*background-image:url(../img/nav_over.png);*/
    text-decoration:                    none;
}

/*Paramètres spécifiques pour IE6*/
#xo-globalnav table {
    position:                            absolute;
    top:                                    -1px;
    left:                                    0;
    border-collapse:                    collapse;
}
#xo-globalnav ul li a:hover {
    background-color:                 #fff;
    text-decoration:                    none;
}
#xo-globalnav ul li a:hover ul {
    display:                                block;
    width:                                90px;
    position:                            absolute;
    z-index:                                999;
    top:                                    25px;
    left:                                    0;
    margin-top:                            0.1em;
}
#xo-globalnav ul li a:hover ul li a {
    display:                                block;
    width:                                90px;
    height:                                1px;
    line-height:                        1.3em;
    padding:                                4px 10px 4px 10px;
    border-right:                     1px solid #99b3e6;
    border-left:                         1px solid #99b3e6;
    border-bottom:                     1px solid #99b3e6;
    background-color:                 #fff;
    font-weight:                        normal;
}
#xo-globalnav ul li a:hover ul li a:hover {
    background-color:                 #99b3e6 !important;
    /*background-image:url(../img/nav_over.png);*/
    text-decoration:                    none;
}

Posté le : 11/01/2008 14:15
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: xoops_blueday : menus dynamiques
#3
Guest_
Pour css/style.css

/* Thanks to Snow77, Skalpa and Leostotch for the initial work, Dugris for help  */
/* Mor.pho.GEN.e.sis version 2.0 by kris (http://www.xoofoo.org and https://www.frxoops.org) */
/* file name : style.css (version 2.0) - 22 mai 2007 */

/* incorporation de feuilles de styles complémentaires */
@import url(forms.css);
@import url(blocks.css);
@import url(content.css);
@import url(navigation.css);

/* reset des sélecteurs */
* { margin: 0; padding: 0; border: 0; outline: none; text-decoration: none;font-family: sans-serif; font-size: 1em; font-weight: normal; font-style: normal;}

/* début des styles applicables */
html, body {
    margin:                            0;
    background-color:             #666;
    padding:                            0;
    color:                            #fff;
    font-family:                    "Lucida Grande", Verdana, sans-serif;
    font-size:                        10pt;
}
table { width:                     100%;}
table td {
    padding:                         0;
    border-width:                     0;
    vertical-align:                 top;
}
/* ======= encapsulage du thème dans le body ======= */
#xo-wrapper {
}
#xo-bgstatic {}
#xo-canvas {
    margin:                            0;
    background-color:             #fff;
    color:                            #333;
}
body.theme-dialog #xo-canvas {
    margin:                            0 6px;
}

/* ======= marge tournantte 13px ======= */
#leftcorner-top {
width: 13px;
height: 13px;
background: url(../img/bgpage_top_l.png) bottom;
}
#margetop {
width:auto;
background: url(../img/bgpage_top.png) repeat-x bottom;
}
#rightcorner-top {
width: 13px;
background: url(../img/bgpage_top_r.png) bottom;
}
#margedroite {
width: 13px;
background: url(../img/bgpage_right.png) repeat-y right;
}
#rightcorner-bottom {
width: 13px;
height: 13px;
background: url(../img/bgpage_bottom_r.png) top;
}
#margebas {
width:auto;
background: url(../img/bgpage_bottom.png) repeat-x top;
}
#leftcorner-bottom {
width: 13px;
background: url(../img/bgpage_bottom_l.png) top;
}
#margegauche {
width: 13px;
background: url(../img/bgpage_left.png) repeat-y left;
}


/*================= Zone de contenu ===================*/
#xo-canvas-content {
    background-color:             #fff;
    padding:                            0px 10px 10px 10px;
    color:                            #666;
}
#xo-page {
    background-color:                #fff;
    color:                            #666;
    padding: 0 7px 0 7px;
}
#xo-canvas-rightcolumn {}
#xo-content {
    clear:                            both;
    margin:                            0;
    background-color:                #fff;
    padding:                            .5em;
    color:                            #666;
}
#xo-uptop {
    margin:                             0;
    background-color:             transparent;
    padding-top:                     5px;
    color:                             inherit;
    font-size:                         .9em;
    text-align:                        center;
}
#xo-uptop a {
    background-color:             inherit;
    color:                             #666;
}
#xo-uptop a:hover {
background-color:                 inherit;
color: #3366cc;
text-decoration:underline;
}
#xo-logger-output { font-size:    .8em;}


/* ============== header ================= */
#xo-header {
background:url(../img/bghead_center.png) repeat-x;
height: 175px;
}

#xo-headerleft {
background:url(../img/bghead_left.png) repeat-x;
width: 25px;
height: 175px;
}
#xo-headerright {
background:url(../img/bghead_right.png) repeat-x;
width: 25px;
height: 175px;
}

#xo-top {
    height:                             32px;
    background-color:                transparent;
    color:                             #333;
}
/* ---------- Bannières ---------- */
#xo-banner {
    clear:                            both;
    position:                        relative;
    width:                            100%;
    height:                         140px;
    z-index:                        10;
    background-color:                transparent;
    color:                            #fff;
}
#xo-banner.commercial {
    position:                        relative;
    height: 140px;
}
body.theme-dialog #xo-banner {
    height:                            48px;
    padding-left:                    10px;
}
#xo-banner-ad {
    position:                        absolute;
    top:                                45px;
    right:                            60px;
}
#xo-banner-ad object, #xo-banner-ad img {
    display:                            block;
}
/*---------------------- Nom du site dans le header ----------------------------*/
#xo-site-title {
    position:                         relative;
    top:                                 40px;
    background-color:             transparent;    
    font-family:                     "Lucida Grande","Trebuchet MS", Verdana, sans-serif;
    font-size:                        2.2em;
    font-weight:                    bold;
}
a#xo-site-title {
    background-color:             inherit;
    color:                            #fff;
}
a:hover#xo-site-title {
    background-color:             inherit;
    text-decoration:underline;
}
#xo-site-title.commercial {
    margin:                             0 20px;

 }
 #xo-site-title.commercial a:hover {
    background-color:             inherit;
    color:                            #3366cc;
}
/*----------------------- titre du slogan du site dans le header ------------------------*/
#xo-site-slogan {
    position:                         relative;
    top:                                 40px;
    padding-left:                     70px;
    font-style:                     italic;
}
#xo-site-slogan.commercial {}
/*------------------------ Affichage du logo ----------------------------*/
#xo-main-logo {
    position:                         relative;
    top:                                 35px;
    background:                     inherit;
    padding-left:                     10px;
    color:                            #666;
    }
#xo-main-logo.commercial {}
/*-------- Affichage des champs de saisie dans le header-----------*/
#xo-banner form {
    display:                        inline;
    margin:                            0;
}
#xo-banner input {
    width:                            8em;
    margin:                            0 0 0 2px;
    background-color:                #E2E2E2;
    color:                            #333;
}

/*============== Styles pour l'include searchbar.html =================*/
#xo-searchbar {
    float:                             right;
    position:                         relative;
    top:                                 0px;
    background-color:             inherit;
    padding-left: 15px;
    color:                            #666;
}
#xo-searchbar button {
    margin-left:                     5px;
    padding:                         0 2px 2px 2px;
}
#xo-searchbar input[type=text]{
    background-color:             #fff;
    color:                            #666;
}
#xo-searchbar input[type=text]:hover {
    background-color:                #c2d1f0;
    color:                            #666;
}
#xo-searchbar img {
heiht: 22px;
width: 22px;
}


/*============== Styles pour l'include userbar.html =================*/
#xo-userbar {
    float:                             left;
    position:                         relative;
    top:                                 0px;
    background-color:             inherit;
    color:                            #fff;
    border: none;
}
#xo-userbar form {
    display:                            inline;
    padding:                            0;
}
#xo-userbar button {
    margin:                             0 -3px;
    background-color:                transparent;
    background-image:             none;
    padding:                            0;
    border:                            none;
    color:                             inherit;
}
#xo-userbar button img {
    width:                             18px;
    height:                             18px;
 }
#xo-userbar button:hover {
     border:                             0 !important;
 }
#xo-userbar img {
    width:                             18px;
    height:                             18px;
}
#xo-userbar input {
    width:                             80px;
    background-color:             #fff;
    color:                            #666;
}
#xo-userbar input:hover {
    background-color:             #c2d1f0;
    color:                            #666;
}
#xo-userbar a {
    background-color:             inherit;
    color:                             #fff;
    text-decoration:                none;
}
#xo-userbar a:hover {
    background-color:             inherit;
    text-decoration:underline;
}
a#xo-uname {
    background-color:                inherit;
    color:                             #fff;
    font-size:                        1.1em;
    font-weight:                    bold;
}
#xo-uname a:hover {
text-decoration:underline;
}

/*------------------- Affichage des drapeaux de langues ----------------*/
#xo-language {
    display:                         block;
    position: relative;
    float:                            left;
    background-color:             inherit;
    padding-right:                     1em;
    color:                            #666;
}
#xo-language img{
    width:                             18px;
    height:                             18px;
    padding-top: 5px;
}
/*============= Style pour l'include globalnav.html : se reporter à navigation.css ================*/
/*#xo-globalnav {
    min-height:                        20px;
    margin:                            0px;
    background-color:                #E2E2E2;
    padding :                        2px 0;
    color:                            #666;
    font-size:                        1.1em;
    font-weight:                     bold;
    text-align:                     center;
}
* html #xo-globalnav { height: 20px; }

#xo-globalnav .x2-label {
    display:                            none;
}
#xo-globalnav ul {
    padding:                            3px;
    list-style-type:                none;
}
#xo-globalnav li {
    display:                            inline;
    margin:                            0;
    padding-left:                    .5em;
    padding-right:                    .5em;
    font-size:                         .9em;
}
#xo-globalnav a {
    background-color:                inherit;
    color:                            #666;
    font-weight:                     bold;
    text-decoration:                none;
}
#xo-globalnav a:hover {
    background-color:                inherit;
    color:                            #3366cc;
    text-decoration:                none;
}*/
/*============= Style pour l'include breadcrumb.html ================*/
#xo-breadcrumb {
    padding-left: 7px;
    color :                             #fff;
    font-size:                        .8em;
    height:16px;
background: url(../img/bloctop.png) repeat-x top;
    font-family:                    Verdana, sans-serif;
    font-size:                        0.8em;
    border:solid #3366CC 1px;
    margin: 0 2px 0 2px;
}
#xo-breadcrumb a {
color:#fff;
text-decoration:none;
font-weight:bold;
}
#xo-breadcrumb a:hover {
text-decoration:underline;
}
/*=============== Affichage Pied de page - Footer  ====================*/

/*======= **** DECLARATION POUR BACKGROUND FOOTER (tableau dans theme.html) **** =====*/
#xo-footerleft {
background:url(../img/bgfooter_left.png) no-repeat right;
width: 25px;
height: 49px;
padding-left:                         10px;
}
#xo-footerright {
background:url(../img/bgfooter_right.png) no-repeat left;
width: 25px;
height: 49px;
padding-right:                         10px;
}

#xo-footer {
margin:                            0;
background:url(../img/bgfooter_center.png) repeat-x center;
height: 49px;
    padding:                         0 0 20px 0;
    color:                            #fff;
    font-size:                        .8em;
}
body.theme-dialog #xo-footer { padding: .2em .5em; font-size:    .8em;}
#xo-footer a {
    background-color:                inherit;
    color:                             #fff;
    text-decoration:                 none;
}
#xo-footer a:hover {
    background-color:                inherit;
    color:                             #fff;
    text-decoration:                 underline;
}
#xo-footer .validw3c {
    float:                             left;
    left:                             2px;
    background-color:             transparent;
    padding-top: 26px;
    color:                             inherit;
}
#xo-footer .copyright {
    float:                             left;
    left:                             2px;
    background-color:             transparent;
    padding-top: 26px;
    color:                             inherit;
}
#xo-footer span.design {
    background-color:                transparent;
    padding-right :                 15px;
    color:                             inherit;
    font-size:                         0.9em;
    font-weight:                     normal;
    text-decoration:                 none;
    line-height:                     15px;
        padding-top: 26px;
}
#xo-footer span.design a:hover {
text-decoration:underline;
}
#xo-footer .rss {
    float:                             right;
    right:                             2px;
    background-color:             transparent;
        padding-top: 26px;
    color:                             inherit;
}
/* nota : la mise en forme des liens se trouve dans la feuille de style content-data.css */

/*========== Menu principal dans bloc =============*/
#mainmenu a {
font-size: 0.9em;    
    color: #666;
    display:                         block;
    margin:                             0;
    padding:                         5px 1px 5px 1px;
    font-weight:bold;
}
#mainmenu a:hover {
    color: #3366cc !important;
    text-decoration:                underline;
    font-weight:bold;
}
#mainmenu a.menuTop, #mainmenu a.menuMain {padding-left: 8px; }
#mainmenu a.menuSub {
    background-color:                inherit;
    padding-left:                     20px;
    color:                            #666 !important;
    font-size:                        .8em;
    font-style:                     italic;
    font-weight:bold;
}
#mainmenu a.menuSub:hover {
    background-color:             inherit;
    color:                            #3366cc !important;
    text-decoration:                underline;
    font-weight:bold;
}

/*============ Menu utilisateur dans bloc ============*/
#usermenu a {
    display:                         block;
    background-color:             inherit;
    padding:                         2px;
    color:                            #666;
    font-size:                         0.8em;
    font-weight:                     normal;
    line-height:                     1em;
}
#usermenu a:hover {
    background-color:             inherit;
    padding-left:                     1em;
    color:                            #3366cc;
    font-style:                     italic;
    text-decoration:                underline;
}
#usermenu a.menuTop {}
#usermenu a.highlight {
    background-color:             #333;
    color:                             #ccc;
}

/*=========== Règles nécessaires pour les anciens templates des modules ============*/
#usermenu a, #mainmenu a {    display: block;}
.xo-canvas-column .menuSub { padding-left: 1em;}


/*============== Styles pour system_siteclosed.html =================*/
#xo-siteclose {
    width:                            400px;
    margin:                            100px auto;
    background-color:                #e6ecf9;
    padding:                            30px;
    color:                            #666;
    font-size:                         1.2em;
    font-weight:                     bold;
    text-align:                     center;
    border:                            1px solid #3060c0;
}
/*============== Styles pour system_redirect.html =================*/
#xo-redirect {
    width: auto;
    min-height: 144px;
    font-weight:                    bold;
    text-align:                        center;
    background: url(../img/redirection_bg.png) repeat-y center;
}

#redirecttop {
    background: url(../img/redirection_bg_top.png) no-repeat bottom;
    height: 39px;
    width: auto;
}

#redirectbottom {
background: url(../img/redirection_bg_bottom.png) no-repeat top;
height: 39px;
width: auto;
}

#xo-redirect .notreload {
    background-color:             inherit;
    color:                            #fff;
    text-align:center;
    padding-bottom: 15px;
}
#xo-redirect .notreload a {
    background-color:             inherit;
    color:                            #fff;
    font-weight:                    bold;
    text-decoration:                 none;
}
#xo-redirect .notreload a:hover {
    text-decoration:                 underline;
}
#xo-redirect .message {
    background: inherit;
    color:                            #fff;
    font-size:                        1.1em;
    font-weight:bold;
    text-align:                        center;
    padding-top: 15px;
}
#xo-redirect .message img{    padding: 20px;}


... tiens-nous au courant

Posté le : 11/01/2008 14:17
Partager Twitter Partagez cette article sur GG+
Rapport Haut
H-hich
Re: xoops_blueday : menus dynamiques
#4
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Que dire a par WOW, es-tu humain burning pour repondre si vite et si bien surtout ? ^^

Je te remerci beaucoup!

Edit mince ya un detail qui deconne :image ya juste un petit eclatement de quelque px dans les header et footer. J'imagine que je finirai par trouver d'ou viens, mais si tu le sait tout de suite je veux bien l'info :p
Je vais aussi tenter de recentrer le menu si cela est possible.

Posté le : 11/01/2008 14:30

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: xoops_blueday : menus dynamiques
#5
Guest_
...

Pour solidariser les cellules de tes tableaux, tu peux essayer d'ajouter

Citation :

table { width: 100%; border-collapse: collapse;}


... soit dans la feuille xoops.css qui se trouve à la racine du site soit dans css/style.css (le tout c'est de ne pas avoir d'instructions contradictoires)

@+

Posté le : 11/01/2008 14:51
Partager Twitter Partagez cette article sur GG+
Rapport Haut
H-hich
Re: xoops_blueday : menus dynamiques
#6
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Genial cela fonctionne au poil! Je crois qu'on peut classer ce topic en resolu, un grand merci a toi.

Posté le : 11/01/2008 14:58

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
H-hich
Re: xoops_blueday : menus dynamiques
#7
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Je crois qu'on va dire que je fais pas d'efforts mais je trouve vraiment pas a quel endroit du css remettre le menu en center, depuis qu'il est dynamique il est callé a gauche :/

Posté le : 14/01/2008 21:05

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: xoops_blueday : menus dynamiques
#8
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

navigation.css
#xo-globalnav {
height: 30px;
border:    none;
background-color: transparent;
font-size: .9em;
text-align : center;
}


@++

Posté le : 14/01/2008 21:28

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
H-hich
Re: xoops_blueday : menus dynamiques
#9
Régulier
Inscrit: 16/08/2006 03:07
Messages: 308
Bonjour,

Merci pour le coup de main, malheuresement cela ne change rien :'(

Posté le : 14/01/2008 22:02

Open in new window
hinsolite.com
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: xoops_blueday : menus dynamiques
#10
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
tu as vidé le templates_c, activer la mise à jour du thème à partir de répertoire dans les préférences générales de l'admin ?

Posté le : 14/01/2008 22:33

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut

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



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

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