Mettre le nom de son site dans le thème Ciberbill

Mettre le nom de son site dans le thème Ciberbill [Réglé]

Ne trouve pas comment il faut le configurer Créations de Thèmes

lobab Membre non connecté

Booster Mortier

Le 22/12/2012 à 12h57

#120712

Re,

Je l'ai un peu modifié afin que tu puisses l'utiliser

Lorsque tu auras fait les modifications, tu pourras changer le nom de ton site par l'admin.

Celui-ci sera affiché au centre du header

Remplaces l'image header.png qui est dans template/Cyberbill/theme/image par celle que j'ai modifié ici (clic droit sur l'image puis "enregistrer sous")

Remplacer le contenu de /template/Cyberbill/header.tpl par :

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} {TITLE}" />
        <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/{THEME}/theme/default.css" type="text/css" media="screen, print, handheld" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/framework/content/syndication/syndication.css" type="text/css" media="screen, print, handheld" />
        <!-- Theme CSS -->
        <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" />
        <link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/bbcode.css" type="text/css" media="screen, print, handheld" />
        <!-- Alternative CSS -->
        {ALTERNATIVE_CSS}
 
        <link rel="shortcut icon" href="{PATH_TO_ROOT}/favicon.ico" type="image/x-icon" />
        <link rel="alternate" href="{PATH_TO_ROOT}/syndication.php?m=news" type="application/rss+xml" title="RSS {SITE_NAME}" />
 
        <script type="text/javascript">
        <!--
            var PATH_TO_ROOT = "{PATH_TO_ROOT}";
            var TOKEN = "{TOKEN}";
        -->
        </script>
        # IF C_BBCODE_TINYMCE_MODE # <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/content/tinymce/tiny_mce.js"></script> # ENDIF #
 
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/prototype.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/scriptaculous.js"></script>
        <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/global.js"></script>
    </head>
    <body>
 
# IF C_MAINTAIN_DELAY #
# IF C_ALERT_MAINTAIN #
<div style="position:absolute;top:5px;width:99%;">
    <div style="position:relative;width:400px;margin:auto;margin-top:30px;" class="warning">
        {L_MAINTAIN_DELAY}
        <br /><br />
        <script type="text/javascript">
            document.write('<div id="release">{L_LOADING}...</div>');
        </script>
        <noscript>
            <strong>{DELAY}</strong>
        </noscript>
    </div>
</div>
# ENDIF #
 
<script type="text/javascript">
<!--
var release_timeout_seconds = 0;
function release(year, month, day, hour, minute, second)
{
    if (document.getElementById('release'))
    {
        var sp_day = 86400;
        var sp_hour = 3600;
        var sp_minute = 60;
 
        now = new Date({MAINTAIN_NOW_FORMAT}+release_timeout_seconds++);
        end = new Date(year, month, day, hour, minute, second);
        release_time = (end.getTime() - now.getTime())/1000;
 
        if( release_time <= 0 )
        {
            document.location.reload();
            release_time = '0';
        }
        else
            timeout = setTimeout('release('+year+', '+month+', '+day+', '+hour+', '+minute+', '+second+')', 1000);
 
        release_days = Math.floor(release_time/sp_day);
        release_time -= (release_days * sp_day);
 
        release_hours = Math.floor(release_time/sp_hour);
        release_time -= (release_hours * sp_hour);
 
        release_minutes = Math.floor(release_time/sp_minute);
        release_time -= (release_minutes * sp_minute);
 
        release_seconds = Math.floor(release_time);
        release_seconds = (release_seconds < 10) ? '0' + release_seconds : release_seconds;
 
        document.getElementById('release').innerHTML = '<strong>' + release_days + '</strong> {L_DAYS} <strong>' + release_hours + '</strong> {L_HOURS} <strong>' + release_minutes + '</strong> {L_MIN} <strong>' + release_seconds + '</strong> {L_SEC}';
    }
}
if ({UNSPECIFIED})
    release({MAINTAIN_RELEASE_FORMAT});
else
{
    if (document.getElementById('release'))
        document.getElementById('release').innerHTML = '<strong>{DELAY}</strong>';
}
-->
</script>
# ENDIF #
 
<div id="global">
    <div id="header_container">
        <div id="header">
            # IF C_MENUS_HEADER_CONTENT #
            {MENUS_HEADER_CONTENT}
            # ENDIF #
        </div>
        <h1 align="center" style="display:true;font-size:48px;">{SITE_NAME}</h1>
        <div id="sub_header">
            # IF C_MENUS_SUB_HEADER_CONTENT #
            {MENUS_SUB_HEADER_CONTENT}
            # ENDIF #
        </div>
        <div class="spacer"></div>
    </div>
 
    # 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 #
 
    # IF C_MENUS_LEFT_CONTENT #
    <div id="left_menu">
        {MENUS_LEFT_CONTENT}
    </div>
    # ENDIF #
 
    # IF C_MENUS_RIGHT_CONTENT #
 
 
    <div id="right_menu">
     <div class="right_top"></div>
      <div class="right_contents">
       <div class="contenu_r">
        {MENUS_RIGHT_CONTENT}
        </div>
      </div>
 
    <div class="right_bottom">
    </div>
 </div>    
    # ENDIF #
 
    <div id="main">
    <div id="main_content">
            <div class="main_top_l"></div>            
            <div class="main_top_r"></div>
            <div class="main_top"></div>
            <div class="main_content_borderl">
            <div class="main_content_borderr">
            <div class="contenu">
 
        # IF C_MENUS_TOPCENTRAL_CONTENT #
        <div id="top_contents">
            {MENUS_TOPCENTRAL_CONTENT}
        </div>
        # ENDIF #
 
            <div id="links">
                <br/>&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>

remplacer le contenu de /template/Cyberbill/theme/design.css par :

Code CSS :

/* --------------------------------------
        design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site 
--------------------------------------*/
* {
    margin:0;
    padding:0;
    font-size:100%;
}
 
body {
    background-color: #F0F0F0;
    font-size:12px;
    font-family:"trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
    color:#878787;
    margin:0;
    padding:0;
 
}
 
/* Conteneurs 
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
    /* Extensible
    margin:auto 5px;
    margin-bottom:15px;
    */
    width:1000px;
    margin:auto;
}
 
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
    background: url(images/header.png) no-repeat;
    background-position:20px 0px;
    margin-bottom:8px;
    height:200px;
    padding-left: 50px;
    padding-top:5px;
}
 
/* ##### Entéte de la page ###### */
div#header{
   height:50px;
    margin-top:0px;
}
#header_admin {
margin-top:-95px;
 height:90px;
}
 
/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header,div#sub_header_admin {
    height:27px;
    padding:0;
    padding-top:10px;
    padding-left:5px;
}
 
div#sub_header p a {
    color:#000;
}
 
div#sub_header{
margin-top:80px;
 
height:50px;
background: none;
 
}
 
/* Lien du subheader */
div#header .dynamic_menu h5.links {
    background:none;
    border:none;
    color:#edfff0;
    width:135px;
    background:none;
    padding:5px 0px;
    font-size:11px;
    margin-right:1px;
 
}
 
div#header .dynamic_menu h5.links:hover {
    color:#000;
    cursor:default;
    background:url(images/hover.png) no-repeat;
    width:135px;
}
 
div#header .dynamic_menu h5 a {
    color:#FFFFFF;
    text-decoration:none;
}
 
/* ##### Compteur de visites  ###### */
div#compteur {
    color:#E9ECD9;
    position:absolute;
    top:50px;
    right:0;
    font-size:11px;
    margin-right:15px;
    text-align:right;
}
 
/* ##### Menu de gauche ###### */
div#left_menu {
    float:left;
    width:200px;
    margin:0;
    margin-top:30px;
    margin-left:20px !important;
    margin-left:-1px;
    padding:0;
 
 
}
 
/* ##### Menu droit ###### */
div#right_menu {
    float:right;
    width:190px;
    margin:0;
    margin-top:10px;
    margin-left:0px !important;
    margin-right:20px;
    margin-left:7px;
    background: none;
}
.contenu_r {
 
    /*background: url(images/menuy.png) repeat-y ;*/
    width:240px;
    padding:0px;
    padding-top:25px;
    margin-top:-8px;
 
 
 
}
 
.right_top {
   /* height:120px;
    width:225px;
    font-weight:bold;
    text-align:center;
    padding-top:25px;
    background: url(images/menutop.png) no-repeat top;
    margin-top:-10px;
    margin-left:6px;*/
 
 
 
}
 
.right_contents {/*
    border-top:none;
    border-bottom:none;
    text-align:center;
    padding:4px;
    padding-top:5px;
    padding-bottom:0px;*/
}
 
.right_bottom { /* Bordure inférieure des modules minis 
    height:100px;
    width:260px;
    background: url(images/bottomr.png) no-repeat ;
    margin-left:6px;*/
}
 
/* #####  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;
    margin-top:40px;
}
 
/* ##### Contenu central ###### */
div#main_content {
    width:auto;
    margin-right:0px;
    margin-left:0px;
    padding-left:3px;
    padding-right:0px;
 
 
}
.main_content_borderl{
    background:url(images/left_left.png) repeat-y left;
    padding-left:8px;
    padding-right:8px;
    overflow:hidden !important;
    height:auto !important;
    overflow:visible;
    height:1%;
    clear:both;    
}
.main_content_borderr{
    background:url(images/right_right.png) repeat-y right;
    margin-left:0px;
    padding-left:0px;
    padding-right:0px;
    overflow:hidden !important;
    height:auto !important;
    overflow:visible;
    height:1%;
    clear:both;    
 
}
.main_top_l{
    margin-right:22px !important;
 
    width:22px;
    height:41px;
    background:url(images/top_l.png) no-repeat left;
    float:left;
}
.main_top_r{
    margin-left:0px !important;
    margin-left:-5px;
    width:21px;
    height:41px;
    background:url(images/top_r.png) no-repeat right;
    float:right;
}
.main_top{
    height:35px;
    background: url(images/top_top.png) repeat-x;
    padding-top:6px;
    padding-left:5px;
        margin-left:22px !important;
    margin-left:0px;
    margin-right:21px !important;
    margin-right:0px;
}
.main_bottom_l{
 
    width:22px;
    height:25px;
    background:url(images/bottom_l.png) no-repeat left;
    float:left;
    margin-top:-20px;
}
.main_bottom_r{
    width:22px;
    height:25px;
    background:url(images/bottom_r.png) no-repeat right;
    float:right;
    margin-top:-20px;
    margin-right:8px;
}
.main_bottom{
    height:31px;
    background: url(images/bottom_bottom.png) repeat-x bottom;
    margin-right:5px;
    margin-left:22px !important;
    margin-left:0px;
    margin-right:28px !important;
    margin-right:0px;
    margin-top:-26px;
}
.contenu { /* pour la couleur du contenu */
 
    background:#ffffff;
    margin-left:14px;
    margin-right:15px;
    margin-bottom:3px;
}
 
/* ##### 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-top:8px;
    margin-bottom:8px;
}
 
/* ##### 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:30px;
    clear:both;
    margin:auto;
    margin-top:0px;
    padding:0px;
    padding-top:36px;
    padding-right:20px;
    text-align:right;
    background:#327DB0;
    border-top:5px solid #BCBCBC;
    -moz-border-radius:0px 0px 5px 5px;
    -khtml-border-bottom-right-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-radius:5px;
}
div#footer span {
    color:#ffffff;
    font-size:10px;
}
div#footer span a {
    color:#ffffff;
    font-size:10px;
}
 
/* ##### Liens rapides ###### */
div#links_vertical {
    display:block !important;
    display:none;
    position:fixed;
    background:url(images/vertical_menu_repeat.png) repeat-y;
    top:45%;
    margin-left:989px;
    width:27px;
    text-align:center;
    padding-left:2px;
}
 
div#links_vertical_top {
    width:29px;
    background:url(images/vertical_menu_top.png) no-repeat;
    text-align:center;
    margin-left:-2px;
    padding-top:8px;
}
 
div#links_vertical_central {
    width:27px;
    text-align:center;
    margin-left:-2px;
    padding:4px 0px;
}
 
div#links_vertical_bottom {
    width:29px;
    background:url(images/vertical_menu_bottom.png) no-repeat;
    text-align:center;
    height:32px;
    margin-left:-2px;
}
 
.bglinks {
    background:url(images/bgmenu_links.jpg) no-repeat bottom right;
    margin:0px;
    padding:0px;
    list-style-type:none;
    padding-bottom:7px;
    margin-bottom:5px;
}

Édité par lobab Le 22/12/2012 à 14h35

La puissance est un sommet de connaissances et l'intelligence est le moyen d'y accéder ... Est-ce pour ça qu'il y a tant de cons en bas des pistes ???
Heureux celui qui est sourd, lui au moins, peut écouter le silence

Répondre

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

sch Membre non connecté

lobab Membre non connecté

sch Membre non connecté

lobab Membre non connecté

sch Membre non connecté

lobab Membre non connecté

sch Membre non connecté

lobab Membre non connecté