phpBB-fr.com

[abble]

• Nom du Style : Coffee Time Olympus
• Auteur : CoSa NoStrA DeSiGn
• Descriptif du Style : dans les tons bordeaux, gris et blanc.
  taille fixe de 850px, centré, grande bannière.
• Compatibilité : 3.0.2
• Fichier(s) HTML modifié(s) du Style : overall_header, overall_footer, simple_header, simple_footer, index_body, forumlist_body, viewforum_body, viewtopic_body
• Forum de démo : Voir une démo - selectionner le style dans la liste déroulante
• Téléchargement du Style : Coffee Time
• Capture d'écran :
  
• Psd header: site_logo
• Psd Language et big icon :
  Language et grosse icone header

[Jester]

Validé

[elibb]

Bonjour à tous !

J'ai installé le style COFFEE_TIME qui est vraiment à mon goût !
Mais j'ai un problème avec les onglets tout en haut du forum...
J'ai modifié le fichier overall_header.htm dans cofee_time/templates afin de remplacer le mot "à propos" par "cahier de textes" (je suis prof !) et y ai associé un lien...
Et pourtant, après avoir reloadé le fichier, ça ne modifie absolument rien !
Savez-vous où se trouvent les réelles commandes de ces onglets ???

Je vous remercie par avance !

M@nu

[Morgyanne]

Salut,

as-tu pensé à rafraîchir le composant Templates du style dans le panneau d'admin ?

@+
Morgyanne

[elibb]

Merci beaucoup ! C'était un problème de cache en effet !
Que d'histoires !

J'ai encore une petite requête et après j'essaye d'arrêter de vous embêter !

Comment peut-on changer la taille des onglets ? (je voudrais du 150px au lieu des 92px actuels)
J'ai modifié la taille de l'image qui porte l'onglet (gris clair ou gris foncé) mais évidemment, l'image s'adapte à autre chose...
Il y a une largeur imposée visiblement... 92 px !
Savez-vous où celà se joue-t-il ?

J'ai modifié 2 petites choses dans coffee_add.css mais visiblement ça ne change rien

Merci d'avance !

[Jester]

Re, collègue prof

Regarde dans coffe_add.css, et trouve :

Code: Tout sélectionner

#header ul li a {
   width: 92px;
   height: 30px;
   display: block;
   background: url("{T_THEME_PATH}/images/bg_inactive.gif") 0 0 no-repeat #66605B;
   color: #FDFDFD; 
   text-decoration: none;
   text-align: center;
}


et

Code: Tout sélectionner

#header ul li.active {
   width: 92px;
   height: 30px;
   display: block;
   background: url("{T_THEME_PATH}/images/bg_active.gif") 0 0 no-repeat #FDFDFD;
   color: #1A1917;
   text-align: center;

Tu as les valeurs des boutons du menu, donc change les pour les mettre à convenance

[elibb]

Alors ça c'est incroyable car c'est bien ça que j'ai modifié... et nada, il ne se passe rien... !
J'avoue que j'en reste sans voix !!!

Des idées ?
Merci en tous cas pour vos coups de main !

[Morgyanne]

Dans ce cas-là, il faut rafraîchir le composant Thèmes du style

@+
Morgyanne

[elibb]

Ahh ! Merci Morgyanne, tu m'as sauvé !
Un grand merci à chacun !

[abble]

salut
je suis en train de faire une nouvelle version de ce style car celui ci a pas mal de bug notamment sur IE.
mais il n'y aura que peu de fichiers à écraser

edit
nouveau zip du style
celui-ci passe en version 1.0.2

bugs corrigés :
compatibilité ie6
- ajout fix_ie6.css
- bordures index
- forabg, forumbg
- différence login/logout
- titre des catégories

tous navigateurs
- images tabs de l'ucp
- common.css

il est préférable d'écraser tous les fichiers et de rafraichir dans le panneau d'administration "thème" et "template" du style.

[abble]

salut
pour éviter le clignotement des grosses icones au chargement de la page.
ouvrez coffee_add.css et trouvez:

Code: Tout sélectionner

#icon_10 a:hover {
   background: url("{T_THEME_PATH}/images/icon_10_hover.jpg") 0 0 no-repeat;
   width: 100px;
   height: 95px;
}

ajoutez après:

Code: Tout sélectionner

.cache { display: none; }

fermez le fichier

ouvrez overall_header.html et trouvez:

Code: Tout sélectionner

   <div id="<!-- IF S_USER_LOGGED_IN -->nav_icons_login<!-- ELSE -->nav_icons_logout<!-- ENDIF -->">
      <div id="icon_1"><a href="{U_INDEX}" title="{L_INDEX}" accesskey="h">Index</a></div>
      <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
      <!-- IF S_DISPLAY_PM --><div id="icon_3"><a href="{U_PRIVATEMSGS}" title="{L_PM}">{PRIVATE_MESSAGE_INFO}</a></div><!-- ENDIF -->
          <div id="icon_5"><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></div>
          <div id="icon_7"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGOUT}</a></div>
          <div id="icon_10"><a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}">{L_SEARCH_SELF}</a></div>
      <!-- IF U_RESTORE_PERMISSIONS --><div id="icon_9"><a href="{U_RESTORE_PERMISSIONS}" title="{L_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></div><!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF not S_IS_BOT -->
      <!-- IF not S_USER_LOGGED_IN -->
          <div id="icon_6"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN}</a></div>
      <!-- IF S_REGISTER_ENABLED --><div id="icon_8"><a href="{U_REGISTER}" title="{L_REGISTER}">{L_REGISTER}</a></div><!-- ENDIF -->
      <!-- ENDIF -->
      <!-- IF S_DISPLAY_MEMBERLIST --><div id="icon_2"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></div><!-- ENDIF -->
      <!-- ENDIF -->
          <div id="icon_4"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></div>
   </div>
   </div>

remplacez par:

Code: Tout sélectionner

   <div id="<!-- IF S_USER_LOGGED_IN -->nav_icons_login<!-- ELSE -->nav_icons_logout<!-- ENDIF -->">
      <div id="icon_1"><a href="{U_INDEX}" title="{L_INDEX}" accesskey="h">Index</a></div>
      <img class="cache" src="{T_THEME_PATH}/images/icon_1_hover.jpg" alt="" />
      <!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
      <!-- IF S_DISPLAY_PM --><div id="icon_3"><a href="{U_PRIVATEMSGS}" title="{L_PM}">{PRIVATE_MESSAGE_INFO}</a></div><!-- ENDIF -->
      <img class="cache" src="{T_THEME_PATH}/images/icon_3_hover.jpg" alt="" />
          <div id="icon_5"><a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a></div>
      <img class="cache" src="{T_THEME_PATH}/images/icon_5_hover.jpg" alt="" />
          <div id="icon_7"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGOUT}</a></div>
      <img class="cache" src="{T_THEME_PATH}/images/icon_7_hover.jpg" alt="" />
          <div id="icon_10"><a href="{U_SEARCH_SELF}" title="{L_SEARCH_SELF}">{L_SEARCH_SELF}</a></div>
      <img class="cache" src="{T_THEME_PATH}/images/icon_10_hover.jpg" alt="" />
      <!-- IF U_RESTORE_PERMISSIONS --><div id="icon_9"><a href="{U_RESTORE_PERMISSIONS}" title="{L_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a></div><!-- ENDIF -->
      <img class="cache" src="{T_THEME_PATH}/images/icon_9_hover.jpg" alt="" />
      <!-- ENDIF -->
      <!-- IF not S_IS_BOT -->
      <!-- IF not S_USER_LOGGED_IN -->
          <div id="icon_6"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN}</a></div>
      <img class="cache" src="{T_THEME_PATH}/images/icon_6_hover.jpg" alt="" />
      <!-- IF S_REGISTER_ENABLED --><div id="icon_8"><a href="{U_REGISTER}" title="{L_REGISTER}">{L_REGISTER}</a></div><!-- ENDIF -->
      <img class="cache" src="{T_THEME_PATH}/images/icon_8_hover.jpg" alt="" />
      <!-- ENDIF -->
      <!-- IF S_DISPLAY_MEMBERLIST --><div id="icon_2"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></div><!-- ENDIF -->
      <img class="cache" src="{T_THEME_PATH}/images/icon_2_hover.jpg" alt="" />
      <!-- ENDIF -->
          <div id="icon_4"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></div>
      <img class="cache" src="{T_THEME_PATH}/images/icon_4_hover.jpg" alt="" />
   </div>
   </div>

je ne mets pas à jour le zip car la prochaine version utilisera la technique du hover comme les boutons "nouveaux" "répondre" etc, qui est beaucoup moins lourde et plus efficace

[abble]

salut
le style passe en version 3.0.2 et prend en compte les changements effectués ci dessus
premier post à jour

[Patience]

Bonjour,

j'utilise ce style pour mon forum, et j'aimerais savoir comment bénéficier du mod blog, photos, etc. dont les onglets figurent en haut de la page index.

Merci

[abble]

salut
ce n'est pas des mods mais juste des liens supplémentaires.
à toi d'installer ce qu'il faut après sur ton web.

[Docdream]

Bonjour et bravo pour ce style que je trouve particulièrement réussi !
Par contre je cherche à modifier la marge du forum sans grand succès. Le remplacement des 850px par 1000 px me décale tout sytématiquement vers la droite.... Une idée ????

Bien a vous tous