Menu pied de page invisible

Menu pied de page invisible [Réglé]

Sur certaines configurations d'ordinateurs Créations de Thèmes

sch Membre non connecté

Booster Fusée

Le 30/11/2013 à 17h36

#134259

Je n'ai strictement rien modifié. Voilà :

header.tpl

Code TPL :

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_XML_LANGUAGE}" >
    <head>
        <title>{SITE_NAME} : {TITLE}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta name="description" content="{SITE_DESCRIPTION}" />
        <meta name="keywords" content="{SITE_KEYWORD}" />
        <meta http-equiv="Content-Language" content="{L_XML_LANGUAGE}" />
        <!-- Default CSS -->
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/framework/content/syndication/syndication.css" type="text/css" media="screen, print, handheld" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
        <!-- Theme CSS -->
        # IF C_CSS_CACHE_ENABLED #
        <link rel="stylesheet" href="{PATH_TO_ROOT}/kernel/css_cache.php?name=theme-{THEME}&files=
        /templates/{THEME}/theme/default.css;
        /templates/{THEME}/theme/design.css;
        /templates/{THEME}/theme/global.css;
        /templates/{THEME}/theme/generic.css;
        /templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
        # ELSE #
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/default.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/generic.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
        # ENDIF #
 
        <!-- Modules CSS -->
        {MODULES_CSS}
 
        # IF C_FAVICON #
        <link rel="shortcut icon" href="{FAVICON}" type="{FAVICON_TYPE}" />
        # ENDIF #
 
        <script type="text/javascript">
        <!--
            var PATH_TO_ROOT = "{PATH_TO_ROOT}";
            var TOKEN = "{TOKEN}";
            var THEME = "{THEME}";
            var LANG = "{LANG}";
        -->
        </script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/prototype.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/scriptaculous.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/phpboost/global.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/lightbox/lightbox.js"></script>
 
 
        # IF C_HEADER_LOGO #
            <style type="text/css">
                div#logo {
                       background: url('{HEADER_LOGO}') no-repeat;
                }
            </style>
        # ENDIF #
 
 
 
    </head>
    <body>
 
    # INCLUDE  MAINTAIN #
 
<div id="global">
 
    # IF C_MENUS_LEFT_CONTENT #
    <div id="left_menu">
 
                    <div id="logo"></div>    
 
            # IF C_MENUS_HEADER_CONTENT #
            {MENUS_HEADER_CONTENT}
            # ENDIF #
 
    # IF C_COMPTEUR #
    <div id="compteur">
        <span class="text_strong">{L_VISIT}:</span> {COMPTEUR_TOTAL}
        <br />
        <span class="text_strong">{L_TODAY}:</span> {COMPTEUR_DAY}
    </div>
    # ENDIF #
 
        {MENUS_LEFT_CONTENT}
    </div>
    # ENDIF #
 
    # IF C_MENUS_RIGHT_CONTENT #
    <div id="right_menu">
        {MENUS_RIGHT_CONTENT}
    </div>
    # ENDIF #
 
    <div id="main">
 
 
            # IF C_MENUS_SUB_HEADER_CONTENT #
<div id="toggle_appear"  style="display:none;">
  <div>
        <div id="sub_header">
            {MENUS_SUB_HEADER_CONTENT}
        </div>
  </div>
</div>
<p class="slide"><a href="#" onclick="Effect.toggle('toggle_appear', 'slide', { delay: 0.5 }); return false;" class="btn-slide">Connexion/D&eacute;connexion</a></p>
            # ENDIF #
 
        # IF C_MENUS_TOPCENTRAL_CONTENT #
        <div id="top_contents">
            {MENUS_TOPCENTRAL_CONTENT}
        </div>
        <div class="spacer"></div>
        # ENDIF #
 
 
        <div id="main_content">&nbsp;
            <div id="links">
                &nbsp;&nbsp;<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
                # START link_bread_crumb #
                <img src="{PATH_TO_ROOT}/templates/{THEME}/images/breadcrumb.png" alt="" class="valign_middle" /> <a class="small_link" href="{link_bread_crumb.URL}" title="{link_bread_crumb.TITLE}">{link_bread_crumb.TITLE}</a>
                # END link_bread_crumb #
            </div>

footer.tpl

Code TPL :

        </div>
        # IF C_MENUS_BOTTOM_CENTRAL_CONTENT #
        <div id="bottom_contents">
            {MENUS_BOTTOMCENTRAL_CONTENT}
        </div>
        # ENDIF #
 
        # IF C_MENUS_TOP_FOOTER_CONTENT #
    <div id="top_footer">
        {MENUS_TOP_FOOTER_CONTENT}
        <div class="spacer"></div>
    </div>
    # ENDIF #
    <div id="footer">
        # IF C_MENUS_FOOTER_CONTENT #
        {MENUS_FOOTER_CONTENT}
        # ENDIF #
        <span>
            {L_POWERED_BY} <a style="font-size:10px" href="http://www.phpboost.com" title="PHPBoost">PHPBoost {PHPBOOST_VERSION}</a> {L_PHPBOOST_RIGHT}
        </span>    
        # IF C_DISPLAY_BENCH #
        <span>
            &nbsp;|&nbsp;        
            {L_ACHIEVED} {BENCH}{L_UNIT_SECOND} - {REQ} {L_REQ}
        </span>    
        # ENDIF #
        # IF C_DISPLAY_AUTHOR_THEME #
        <span>
            | {L_THEME} {L_THEME_NAME} {L_BY} <a href="{U_THEME_AUTHOR_LINK}" style="font-size:10px;">{L_THEME_AUTHOR}</a>
        </span>
        # ENDIF #
    </div>
    </div>
 
    </body>
</html>

design.css

Code CSS :

/* --------------------------------------
        design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site 
--------------------------------------*/
* {
    margin:0;
    padding:0;
    font-size:100%;
}
 
body {
    background:#161719;
    font-size:12px;
    font-family: 'Open Sans',Arial,sans-serif;
    color:#3F5164;
    margin:0;
    padding:0;
}
 
html, body{
    height: 100%;
}
 
/* Conteneurs 
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
    width:100%;
    margin:auto;
    min-height: 95%;
}
 
/* ##### Entête de la page ###### */
div#header_container {
    background-position:20px 0px;
    margin-bottom:8px;
    height:170px;
}
 
div#logo {
        margin:5px 3px 5px 3px;
    background: url('images/logo.png') no-repeat;
    height: 90px;
    width: 244px;
}
div#site_name {
    float:left;
    max-width: 600px;
    font-size: 40px;
    margin-top: 50px;
    text-shadow: #e8edf3 1px 1px 20px;
    font-family:"Trebuchet MS";
}
 
/* ##### Entête de la page ###### */
div#header{
    height:139px;
}
 
 
/* #####  Conteneur en dessous de l'entète ###### */
div#sub_header {
    height: 35px;
}
 
 
div#sub_header p a {
    color:#FFF;
}
 
/* Lien du subheader */
div#header .dynamic_menu h5.links {
    background:none;
    border:none;
    color:#edfff0;
    width:134px;
    background:url(images/button.png) no-repeat;
    padding:5px 0px;
    font-size:11px;
    margin-right:1px;
}
 
div#header .dynamic_menu h5.links:hover {
    color:#edfff0;
    cursor:default;
    background:url(images/button_click.png) no-repeat;
}
 
div#header .dynamic_menu h5 a {
    color:#FFFFFF;
    text-decoration:none;
}
 
/* ##### Compteur de visites  ###### */
div#compteur {
    color:#E9ECD9;
    top:50px;
    right:0;
    font-size:11px;
    margin-right:15px;
    text-align:right;
}
 
/* ##### Menu de gauche ###### */
div#left_menu {
    float:left;
    width:250px;
    margin:0;
    margin-top:5px;
    margin-right:2px !important;
    margin-right:-1px;
    padding:0;
}
 
/* ##### Menu droit ###### */
div#right_menu {
    float:right;
    width:250px;
    margin:0;
    margin-top:10px;
    margin-left:10px !important;
    margin-left:7px;
}
 
/* #####  Contenu de la page ###### */
div#main {
    width:auto;
    min-width:450px;
    overflow:hidden !important;
    height:auto !important;
    overflow:visible;
    height:1%;
    padding:0;
    margin:0;
    float:none;
    border-left:5px #0AA solid;
    background:#ffffff;
}
 
/* ##### Contenu central ###### */
div#main_content {
    width:auto;
    margin-top:-10px;
    padding:20px 10px;
    padding-top:5px;
    border-spacing:1px;
 
}
 
/* ##### Barre de lien rapide ###### */
div#links { /*width:96%;*/
    text-indent:10px;
    margin-bottom:20px;
}
 
/* ##### Emplacement au dessus de contenu de la page ###### */
div#top_contents {
    margin: 10px auto;
}
 
/* ##### Emplacement en dessous de contenu de la page ###### */
div#bottom_contents {
    margin-top:8px;
    margin-bottom:8px;
}
 
/* ##### Bloc au dessus du pied de page ###### */
div#top_footer {
    clear:both;
    padding:0.75em;
}
 
/* ##### Pied de page ###### */
div#footer {
    height:40px;
    clear:both;
    margin-top:0px;
    padding:10px 20px 0px 0px;
    text-align:right;
    min-width:800px;
}
div#footer span {
    color:#0AA;
    font-size:10px;
}
div#footer span a {
    color:#0AA;
    font-size:10px;
}
 
 
 
 
#toggle_appear {
    border-bottom: solid 2px #00aaaa;
    background: #ffffff;
}
 
.slide {
    margin: 0;
    padding: 0;
    border-top: solid 0px #422410;
    background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
    background: url(images/white-arrow.gif) no-repeat right -50px;
    text-align: center;
    width: 200px;
    height: 31px;
    padding: 5px 10px 0 0;
    margin: 0 auto;
    display: block;
    font-family: 'Open Sans',Arial,sans-serif;
    color: #fff;
    text-decoration: none;
}
.active {
    background-position: right 12px;
}

Sébastien Chauveau : journaliste, producteur, réalisateur

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

sch Membre non connecté

ElenWii Membre non connecté

sch Membre non connecté

babsolune Membre non connecté

sch Membre non connecté