Personnaliser le menu horizontal

Personnaliser le menu horizontal [Réglé]

numeriks Membre non connecté

Booster Fronde

Le 25/05/2009 à 11h58

Voila...

<!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}" />

<meta name="Robots" content="index, follow, all" />

<meta name="classification" content="tout public" />

<link rel="stylesheet" href="../templates/{THEME}/design.css" type="text/css" media="screen" />

<link rel="stylesheet" href="../templates/{THEME}/global.css" type="text/css" media="screen, print, handheld" />

<link rel="stylesheet" href="../templates/{THEME}/generic.css" type="text/css" media="screen, print, handheld" />

<link rel="stylesheet" href="../templates/{THEME}/content.css" type="text/css" media="screen, print, handheld" />

<link rel="stylesheet" href="../templates/{THEME}/bbcode.css" type="text/css" media="screen, print, handheld" />

{ALTERNATIVE_CSS}

<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />

<link rel="alternate" type="application/rss+xml" href="../index/rss.php" title="RSS {SITE_NAME}" />

<link rel="alternate" type="application/rss+xml" href="../forum/rss.php" title="RSS Forum" />

<script type="text/javascript" src="../templates/{THEME}/images/global.js"></script>

</head>

<body>

<div id="global">

<div id="global2">

<div id="header">

PHPBoost

</div>

<div id="sub_header">

<div id="sub_header_left">

<a href="../news/news.php" title="Accueil du site" class="button">Accueil</a><a href="../pages/pages.php?title=l-equipe" title="L'équipe" class="button">L'équipe</a><a href="../articles/articles.php" title="Articles" class="button">Articles</a><a href="../gallery/gallery.php" title="Galerie" class="button">Galerie</a><a href="../download/download.php" title="Téléchargements" class="button">Téléch</a><a href="../articles/articles.php" title="Articles" class="button">Articles</a>

</div>

</div>

# START compteur #

<div id="compteur_position">

<div id="compteur">

<span class="text_strong">{L_VISIT}:</span> {compteur.COMPTEUR_TOTAL}

<span class="text_strong">{L_TODAY}:</span> {compteur.COMPTEUR_DAY}

</div>

</div>

# END compteur #

# START start_left #

<div id="left_menu">

# END start_left #

et ce que ca donne...

rendu

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 25/05/2009 à 17h46

#57751

essaye :

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}" />
<meta name="Robots" content="index, follow, all" />
<meta name="classification" content="tout public" />
<link rel="stylesheet" href="/templates/{THEME}/design.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/templates/{THEME}/global.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="/templates/{THEME}/generic.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="/templates/{THEME}/content.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="/templates/{THEME}/bbcode.css" type="text/css" media="screen, print, handheld" />
{ALTERNATIVE_CSS}
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="alternate" type="application/rss+xml" href="/index/rss.php" title="RSS {SITE_NAME}" />
<link rel="alternate" type="application/rss+xml" href="/forum/rss.php" title="RSS Forum" />
<script type="text/javascript" src="/templates/{THEME}/images/global.js"></script>
</head>
<body>
 
<div id="global">
<div id="global2">
<div id="header">
<img src="/templates/{THEME}/images/header_boost.jpg" alt="PHPBoost" />
</div>
 
<div id="sub_header"></div>
<div id="sub_header_left">
<a href="/news/news.php" title="Accueil du site" class="button">Accueil</a><a href="/pages/pages.php?title=l-equipe" title="L'équipe" class="button">L'équipe</a><a href="/articles/articles.php" title="Articles" class="button">Articles</a><a href="/gallery/gallery.php" title="Galerie" class="button">Galerie</a><a href="/download/download.php" title="Téléchargements" class="button">Téléch</a><a href="/articles/articles.php" title="Articles" class="button">Articles</a>
 
</div>
 
# START compteur #
<div id="compteur_position">
<div id="compteur">
<span class="text_strong">{L_VISIT}:</span> {compteur.COMPTEUR_TOTAL}
 
 
<span class="text_strong">{L_TODAY}:</span> {compteur.COMPTEUR_DAY}
</div>
</div>
# END compteur #
 
# START start_left #
<div id="left_menu">
# END start_left #

numeriks Membre non connecté

Booster Fronde

Le 25/05/2009 à 21h22

#57769

Pour mon site : www.numeriks.fr

et le design.css est celui d'origine. Pour le .tpl j'ai juste ajouté ma case... c'est un probleme de nombre de caracteres on dirait...

Mon design.css :

Code CSS :

/* --------------------------------------        design.cssContient les conteneur, fortement dépendant du design.--------------------------------------*//* Corps du site --------------------------------------*/*{    margin:0;    padding:0;    font-size:100%;}body{    background:#BCBABB;    font-size:12px;    font-family:Verdana,Arial,Helvetica,sans-serif;    color:#000000;    margin:0;    padding:0;}/* Rollover des boutons de la speed barre--------------------------------------*/a.button{    display:block;    float:left;    color:#FEFEFE;    height:22px;    text-decoration:none;    background:url("images/sub_header.gif") repeat-x;            text-align:center;    padding:0px 20px;    padding-top:9px;}a:hover.button{    background:url("images/sub_header2.gif") repeat-x;        color:#FEFEFE;    text-decoration:none;    border-left:1px solid #000000;    border-right:1px solid #000000;    padding:0px 19px;    padding-top:9px;} div#connect{    position:relative;    height:150px;    width:210px;    left:0px !important;    left:-5px;    font-size:10px;    color:#000000;    text-align:center;    padding:4px;    padding-top:40px;    padding-left:10px;    background:url("images/header_boost.jpg") no-repeat;}div#connect a{    color:#FEFEFE;}div#disconnect{    position:relative;    height:155px;    left:0px !important;    left:-5px;    padding:4px;    padding-top:35px;    padding-left:40px;    background:url("images/header_boost.jpg") no-repeat;}div#disconnect a{    color:#2A3030;}/* Conteneurs --------------------------------------*/div#global {    background:#E0DCDD;    border-bottom:1px solid #878586;}div#header{    background:url("images/bg_header.gif") repeat-x;    text-align:left;}div#sub_header{    height:31px;        background:url("images/sub_header.gif") repeat-x;    margin-top:-2px;}div#sub_header_left{    background:url("images/sub_header.gif") repeat-x;    height:31px;    margin:auto;    width:500px;}div#sub_header_right{    background:url("images/sub_header.gif") repeat-x;    height:31px;    width:10.75em;    float:right;}div#compteur{    position:absolute;    color:#FFFFFF;    width:130px;}div#compteur_position{    position:absolute;    z-index:100;    right:130px;    top:10px;}div#left_menu{    background:url("images/main.gif") repeat-x;    float:left;    width:220px;    margin:0;    margin-right:0px !important;    margin-right:-3px;    padding-left:4px;    padding-top:15px;}div#main{    background:url("images/main.gif") repeat-x;    overflow:hidden !important;    height:auto !important;    overflow:visible;    height:1%;    padding-bottom:30px;    padding:3px;}div#right_menu{    background:url("images/main.gif") repeat-x;    float:right;    width:220px;    margin-left:0px !important;    margin-left:-3px;        padding-top:15px;}div#links{    width:96%;    margin:auto;    margin-top:10px;    margin-bottom:10px;    padding-top:2px;    padding-bottom:4px;    color:#FFFFFF;    font-weight:bold;}div#footer{    background-color:#587B9B;    text-align:center;    border-top:1px solid #878586;    padding:0.75em;    clear:both;}div#footer span{    font-size:10px;    color:#FFFFFF;}div#footer span a{    font-size:10px;    color:#FFFFFF;}

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 25/05/2009 à 21h24

#57770

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}" />
        <meta name="Robots" content="index, follow, all" />
        <meta name="classification" content="tout public" />
        <link rel="stylesheet" href="/templates/{THEME}/design.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="/templates/{THEME}/global.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="/templates/{THEME}/generic.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="/templates/{THEME}/content.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="/templates/{THEME}/bbcode.css" type="text/css" media="screen, print, handheld" />
        {ALTERNATIVE_CSS}
        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="alternate" type="application/rss+xml" href="/index/rss.php" title="RSS {SITE_NAME}" />
        <link rel="alternate" type="application/rss+xml" href="/forum/rss.php" title="RSS Forum" />
        <script type="text/javascript" src="/templates/{THEME}/images/global.js"></script>    
    </head>
    <body>
 
<div id="global">
<div id="global2">
    <div id="header">
        <img src="/templates/{THEME}/images/header_boost.jpg" alt="PHPBoost" />
    </div>    
 
    <div id="sub_header">                        
        <div id="sub_header_left">        
            <a href="/news/news.php" title="Accueil du site" class="button">Accueil</a><a href="/forum/index.php" title="Forum" class="button">Forum</a><a href="/articles/articles.php" title="Articles" class="button">Articles</a><a href="/gallery/gallery.php" title="Galerie" class="button">Galerie</a><a href="/download/download.php" title="Téléchargements" class="button">Téléchargements</a>
        </div>
    </div>
 
    # START compteur #
    <div id="compteur_position">                    
        <div id="compteur">
            <span class="text_strong">{L_VISIT}:</span> {compteur.COMPTEUR_TOTAL}
 
 
            <span class="text_strong">{L_TODAY}:</span> {compteur.COMPTEUR_DAY}
        </div>
    </div>
    # END compteur #
 
    # START start_left #
    <div id="left_menu">
    # END start_left #

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:#BCBABB;
    font-size:12px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#000000;
    margin:0;
    padding:0;
}
 
 
/* Rollover des boutons de la speed barre
--------------------------------------*/
a.button
{
    display:block;
    float:left;
    color:#FEFEFE;
    height:22px;
    text-decoration:none;
    background:url("images/sub_header.gif") repeat-x;        
    text-align:center;
    padding:0px 20px;
    padding-top:9px;
}
a:hover.button
{
    background:url("images/sub_header2.gif") repeat-x;    
    color:#FEFEFE;
    text-decoration:none;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    padding:0px 19px;
    padding-top:9px;
}
 
div#connect{
    position:relative;
    height:150px;
    width:210px;
    left:0px !important;
    left:-5px;
    font-size:10px;
    color:#000000;
    text-align:center;
    padding:4px;
    padding-top:40px;
    padding-left:10px;
    background:url("images/header_boost.jpg") no-repeat;
}
div#connect a{
    color:#FEFEFE;
}
div#disconnect{
    position:relative;
    height:155px;
    left:0px !important;
    left:-5px;
    padding:4px;
    padding-top:35px;
    padding-left:40px;
    background:url("images/header_boost.jpg") no-repeat;
}
div#disconnect a{
    color:#2A3030;
}
 
/* Conteneurs 
--------------------------------------*/
div#global 
{
    background:#E0DCDD;
    border-bottom:1px solid #878586;
}
div#header{
    background:url("images/bg_header.gif") repeat-x;
    text-align:left;
}
div#sub_header{
    height:31px;    
    background:url("images/sub_header.gif") repeat-x;
    margin-top:-2px;
}
div#sub_header_left{
    background:url("images/sub_header.gif") repeat-x;
    height:31px;
    margin:auto;
    width:500px;
}
div#sub_header_right{
    background:url("images/sub_header.gif") repeat-x;
    height:31px;
    width:10.75em;
    float:right;
}
div#compteur{
    position:absolute;
    color:#FFFFFF;
    width:130px;
}
div#compteur_position{
    position:absolute;
    z-index:100;
    right:130px;
    top:10px;
}
div#left_menu{
    background:url("images/main.gif") repeat-x;
    float:left;
    width:220px;
    margin:0;
    margin-right:0px !important;
    margin-right:-3px;
    padding-left:4px;
    padding-top:15px;
}
div#main{
    background:url("images/main.gif") repeat-x;
    overflow:hidden !important;
    height:auto !important;
    overflow:visible;
    height:1%;
    padding-bottom:30px;
    padding:3px;
}
div#right_menu{
    background:url("images/main.gif") repeat-x;
    float:right;
    width:220px;
    margin-left:0px !important;
    margin-left:-3px;    
    padding-top:15px;
}
div#links{
    width:96%;
    margin:auto;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:2px;
    padding-bottom:4px;
    color:#FFFFFF;
    font-weight:bold;
}
div#footer{
    background-color:#587B9B;
    text-align:center;
    border-top:1px solid #878586;
    padding:0.75em;
    clear:both;
}
div#footer span{
    font-size:10px;
    color:#FFFFFF;
}
div#footer span a{
    font-size:10px;
    color:#FFFFFF;
}

faudra que tu m'explique ce que tu veux faire

Répondre

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

numeriks Membre non connecté

Gsgsd Membre non connecté

numeriks Membre non connecté

ReidLos Membre non connecté

numeriks Membre non connecté

ReidLos Membre non connecté

numeriks Membre non connecté

ReidLos Membre non connecté

numeriks Membre non connecté

ReidLos Membre non connecté

numeriks Membre non connecté

ReidLos Membre non connecté

numeriks Membre non connecté

numeriks Membre non connecté

ReidLos Membre non connecté