Feuille de style

Feuille de style [Réglé]

griggione Membre non connecté

Booster Fuzil

Le 18/06/2014 à 17h50

Bonjour tous

Je suis ce tuto : http://www.phpboost.com/wiki/personnaliser-un-theme

Je suis bien sur template > montheme > design.css, par exemple pour replacer ce menu

220

Si je regarde header.tpl, c'est normalement :

Code :

<div id="header_container">
    <div id="header">
      <h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
      # IF C_MENUS_HEADER_CONTENT #
      {MENUS_HEADER_CONTENT}
      # ENDIF #
    </div>
    <div id="sub_header">
      # IF C_MENUS_SUB_HEADER_CONTENT #
      {MENUS_SUB_HEADER_CONTENT}
      # ENDIF #
    </div>

Pareil, dessous un slide-show, impossible de le faire descendre par rapport au menu.

Rien ne bouge, on dirait le CSS inactif.

Faut-il avant de modifier, faire quelque chose dans l'admin ? rien n'est marqué dans le tuto.

griggione Membre non connecté

Booster Fuzil

Le 19/06/2014 à 09h45

#137363

Bonjour janus57

Le theme est around_the_world, le site est en local bien sur, et j'ai modifié l'image de l'en-tete

224

Comme on peut le constater, le menu doit descendre et j'aimerais aussi passer la hauteur du slide de 120 à 160.

Si on regarde template > around_the_world > header.tpl

Code :

<div id="header_container">
    <div id="header">
      <h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
      # IF C_MENUS_HEADER_CONTENT #
      {MENUS_HEADER_CONTENT}
      # ENDIF #
    </div>
    <div id="sub_header">
      # IF C_MENUS_SUB_HEADER_CONTENT #
      {MENUS_SUB_HEADER_CONTENT}
      # ENDIF #
    </div>
    <div id="slide-show">
        <ul id="slide-images">
          <li><img src="{PATH_TO_ROOT}/templates/{THEME}/js/images/1.png" alt="1" title="1" /></li>
          <li><img src="{PATH_TO_ROOT}/templates/{THEME}/js/images/2.png" alt="2" title="2" /></li>
        </ul>
      </div>
    <div class="spacer"></div>
  </div>

Et la feuille de style template > around_the_world > desing.css

Code :

/* ##### Entete de la page ###### */
div#header_container,div#header_admin_container {
    background: url(images/header.png) no-repeat;
    background-position:0px 20px;
    margin-bottom:8px;
}
/* ##### Entete de la page ###### */
div#header,div#header_admin {
    height: 126px;
}
/* ##### SlideShow ###### */
div#slide-show {
    height: 120px;
}
/* #####  Conteneur en dessous de l'entéte ###### */
div#sub_header,div#sub_header_admin {
    height:22px;
}
/* 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:12px;
    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;
}

Pour le menu Mon profil, etc., c'est la div id="sub_header", mais voila dans le css je vois des balises h5 ou une class .dynamic_menu mais pas dans le .tpl ?

Comment faire pour agir sur ce menu ?

En régle générale, quand je modifie dans la feuille de style, rien ne se passe sur le fofo.

Mais aussi, dans cette feuille de style, on voit :

background:url(images/button.png) no-repeat;

background:url(images/button_click.png) no-repeat;

des images qui peuvent permettre de se situer sur le FO, hors je ne trouve nulle part ces images dans les dossiers images ?