phpBB-fr.com

[Morgyanne]

Salut Marsouin,

tu souhaites que l'image en entier (image origine + logo) semble plus transparente ou seulement ton logo ?
Note : L'image de fond d'origine peut parfaitement être remplacée, tu n'es pas dans l'obligation de la conserver .

@+
Morgyanne

[Marsouin]

Merci, je suis arrivé à faire la modification de l'image de fond ... par contre, maintenant c'est la couleur du fond qui me pose problème, je souhaiterai la remplacer par #333333 (au lieu de #000000) si c'était possible.

merci encore une fois.

[Morgyanne]

Tu n'arrives pas à modifier la couleur du fond ou tu ne sais pas où cela se trouve ?

Dans le premier cas, n'oublie pas de rafraichir les composantes du style et de vider le cache.
Dans le deuxième cas, ouvre colours.css
Cherche :

Code: Tout sélectionner

html, body {
   color: #D3A39B;
   background-color: #000000;
}

et remplace la valeur de background-color et... rafraichis et vide le cache .

@+
Morgyanne

[Marsouin]

Merci beaucoup, en fait, c'est ce que j'avais fais mais j'avais pas rafraichi.


Par contre j'ai toujours ce problème avec l'image de fond "centrée", il faudrait que je réduise l'opacité de moitié mais impossible d'enregistrer l'image en .GIF opacité 50%, ça s'enregistre à chaque fois opacité 100% ... et lorsque je l'enregistre en BMP et que je renomme en .gif, l'image apparait sur fond blanc.
Bon là, je pense que le problème s'adresse plutôt aux pro photoshop.

mais merci encore pour les infos, elle m'ont beaucoup aidé.

[Marsouin]

Promis dernière question :

j'ai vu qu'il était possible de modifier la largeur du header dans common.css, mais peut on aussi modifier la hauteur (j'ai une bannière de 236 px).

merci

[Morgyanne]

Merci de ne pas poster plusieurs messages à la suite! La fonction EDITER permet d'y remédier.

Pour le gif, il faut tricher ...
Est-ce que tu peux me fournir un lien vers ton logo seul, je te ferais un montage avec plusieurs "opacités" différentes, cela sera plus propre que de retravailler l'image actuelle

Pour la hauteur du header, il faudra juste modifier dans common.css

Code: Tout sélectionner

#page-header {
   clear: both;
   padding-top: 210px;
}

par

Code: Tout sélectionner

#page-header {
   clear: both;
   padding-top: 246px;
}

@+
Morgyanne

[Marsouin]

merci pour ton aide.

Voici le lien vers le gif : http://img410.imageshack.us/img410/4184/fondyl9.gif

par contre j'ai bien modifié padding-top: 246px; dans le fichier texte que j'ai ensuite rebasculé sur mon ftp, j'ai vidé le cache et actualisé ... mais aucun changement, je dois mal m'y prendre c'est sûr. Désolé pour mon newbisme

[Morgyanne]

Le zip pour les fonds : http://dl.free.fr/uNZovjecO

Comme tu édites un fichier .css, il faut rafraîchir la composante Thème du style et vider le cache .

@+
Morgyanne

[Marsouin]

Yessss !

Merci, tout fonctionne à merveille ... je me coucherai moi c*n ce soir.

merci encore.

[Morgyanne]

Mise à jour 3.0.5

1. Pour effectuer la mise à jour manuelle du style de la version 3.0.4 vers la version 3.0.5, référez-vous à ce message.
   
   Pour aller plus vite, vous pouvez "copier-coller", les fichiers 3.0.5 suivants
   
   • prosilver/template/attachment.html
   • prosilver/template/editor.js
   • prosilver/template/forum_fn.js
   • prosilver/template/mcp_notes_user.html
   • prosilver/template/mcp_topic.html
   • prosilver/template/mcp_warn_user.html
   • prosilver/templates/memberlist_body.html
   • prosilver/template/posting_buttons.html
   • prosilver/template/posting_editor.html
   • prosilver/template/posting_review.html
   • prosilver/template/posting_topic_review.html
   • prosilver/template/simple_header.html
   • prosilver/template/ucp_main_bookmarks.html
   • prosilver/template/ucp_main_subscribed.html
   • prosilver/template/ucp_pm_viewmessage.html
   • prosilver/template/ucp_register.html
   • prosilver/template/viewtopic_print.html
   MAIS vous devez effectuer manuellement les modifications sur
   
   • sacred2dark/template/overall_header.html
   • sacred2dark/template/viewforum_body.html
   • sacred2dark/template/viewtopic_body.html
   • sacred2dark/theme/bidi.css
   • sacred2dark/theme/colours.css
   • sacred2dark/theme/common.css
   • sacred2dark/theme/content.css
   • sacred2dark/theme/links.css
   • sacred2dark/theme/tweaks.css
   /!\ Pour la modification n°2 dans colours.css /!\
   
   • Cherchez :
     

     Code: Tout sélectionner

     select {
   border-color: #990906;
   background-color: #FFEBEB;
}

     
     Remplacez par :
     

     Code: Tout sélectionner

     select {
   border-color: #990906;
   background-color: #000000;
   color: #FFEBEB;
}

Archive du style mise à jour.

@+
Morgyanne

[Jester]

L'archive est à jour en 3.0.5 sur le 1er message, merci Morgyanne

[Xinao]

Bonsoir à toutes et à tous !

J'ai ce thème, que j'ai modifié mais j'aimerais qu'il prenne toute la largeur de la page. Je dois changer une feuille de style ou autre ?

D'avance je vous remercie de vos réponses.

Xinao

[Sheronz]

Salut Xinao,

Dans votre fichier common.css vous avez (ligne 105) :

Code: Tout sélectionner

#wrap {
   padding: 20px 10px;
   min-width: 650px;
   width: 875px;
   margin: 0 auto;
   border: 2px dashed;
}

Remplacez 875px par 95% par exemple.

@ +

[Xinao]

Merci bien =)

[Morgyanne]

Salut,

Mise à jour du 06 décembre 2009

1. Pour effectuer la mise à jour manuelle du style de la version 3.0.5 vers la version 3.0.6, référez-vous à ce message.
   
   Pour aller plus vite, vous pouvez "copier-coller", les fichiers 3.0.6 suivants
   
   • prosilver/template/captcha_default.html
   • prosilver/template/captcha_qa.html
   • prosilver/template/captcha_recaptcha.html
   • prosilver/template/drafts.html
   • prosilver/template/editor.js
   • prosilver/template/faq_body.html
   • prosilver/template/forum_fn.js
   • prosilver/template/forumlist_body.html
   • prosilver/template/index_body.html
   • prosilver/template/login_body.html
   • prosilver/template/mcp_forum.html
   • prosilver/template/mcp_logs.html
   • prosilver/template/mcp_notes_user.html
   • prosilver/template/mcp_post.html
   • prosilver/template/mcp_reports.html
   • prosilver/template/mcp_topic.html
   • prosilver/template/memberlist_body.html
   • prosilver/template/memberlist_im.html
   • prosilver/template/memberlist_view.html
   • prosilver/template/posting_editor.html
   • prosilver/template/posting_preview.html
   • prosilver/template/posting_smilies.html
   • prosilver/template/posting_topic_review.html
   • prosilver/template/quickreply_editor.html
   • prosilver/template/search_body.html
   • prosilver/template/search_results.html
   • prosilver/template/styleswitcher.js
   • prosilver/template/ucp_agreement.html
   • prosilver/template/ucp_avatar_options.html
   • prosilver/template/ucp_groups_manage.html
   • prosilver/template/ucp_main_front.html
   • prosilver/template/ucp_pm_history.html
   • prosilver/template/ucp_pm_viewmessage.html
   • prosilver/template/ucp_profile_signature.html
   • prosilver/template/ucp_register.html
   • prosilver/template/viewtopic_print.html
   • prosilver/theme/print.css
   • prosilver/theme/tweaks.css
   MAIS vous devez effectuer manuellement les modifications sur
   
   • sacred2dark/template/mcp_front.html
   • sacred2dark/template/overall_footer.html
   • sacred2dark/template/overall_header.html
   • sacred2dark/template/ucp_pm_message_header.html
   • sacred2dark/template/ucp_pm_viewfolder.html
   • sacred2dark/template/viewforum_body.html
   • sacred2dark/template/viewtopic_body.html
   • sacred2dark/theme/bidi.css
   • sacred2dark/theme/colours.css
   • sacred2dark/theme/common.css
   • sacred2dark/theme/content.css
   • sacred2dark/theme/cp.css
   • sacred2dark/theme/links.css
   N'oubliez pas d'ajouter l'image suivante (contenue dans la nouvelle archive)
   
   • sacred2dark/theme/images/feed.gif
2. Voici les points qui diffèrent par rapport à la mise à jour manuelle pour prosilver et qui sont propres à sacred2dark
   
   • sacred2dark/template/overall_header.html
     
     • Pour la modification 4, chercher
       

       Code: Tout sélectionner

                      <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><li class="icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN and not S_REGISTER_ENABLED --><li class="icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
               <!-- IF S_USER_LOGGED_IN --><li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->

       
       Remplacer par
       

       Code: Tout sélectionner

                      <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
               <!-- IF not S_USER_LOGGED_IN and not S_REGISTER_ENABLED --><li class="icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->
               <!-- IF S_USER_LOGGED_IN --><li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li><!-- ENDIF -->

   • sacred2dark/template/ucp_pm_message_header.html
     
     • Pour la modification 1, chercher
       

       Code: Tout sélectionner

       <form id="viewfolder" method="post" action="{S_PM_ACTION}">

<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>

   <!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p>{FOLDER_STATUS}</p><!-- ENDIF -->
   
      <!-- IF U_POST_REPLY_PM or U_POST_NEW_TOPIC or U_FORWARD_PM -->
      <div class="buttons">
         <!-- IF U_POST_REPLY_PM --><div class="pmreply-icon"><a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}"><span></span><br /><br />{L_POST_REPLY_PM}</a></div>
         <!-- ELSEIF U_POST_NEW_TOPIC --><div class="newpm-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}"><span></span><br /><br />{L_UCP_PM_COMPOSE}</a></div><!-- ENDIF -->
         <!-- IF U_FORWARD_PM --><div class="forwardpm-icon"><a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}"><span></span><br /><br />{L_FORWARD_PM}</a></div><!-- ENDIF -->
      </div>
      <!-- ENDIF -->

      <!-- IF TOTAL_MESSAGES or S_VIEW_MESSAGE -->
   <ul class="linklist">

       
       Remplacer par
       

       Code: Tout sélectionner

       <div class="panel clearfix pm-panel-header<!-- IF S_VIEW_MESSAGE --> pm<!-- ENDIF -->">
   <div class="inner"><span class="corners-top"><span></span></span>

   <!-- IF FOLDER_STATUS and FOLDER_MAX_MESSAGES neq 0 --><p>{FOLDER_STATUS}</p><!-- ENDIF -->

      <!-- IF U_POST_REPLY_PM or U_POST_NEW_TOPIC or U_FORWARD_PM -->
      <div class="buttons">
         <!-- IF U_POST_REPLY_PM --><div class="pmreply-icon clearfix"><a title="{L_POST_REPLY_PM}" href="{U_POST_REPLY_PM}"><span></span><br /><br />{L_POST_REPLY_PM}</a></div>
         <!-- ELSEIF U_POST_NEW_TOPIC --><div class="newpm-icon"><a href="{U_POST_NEW_TOPIC}" accesskey="n" title="{L_UCP_PM_COMPOSE}"><span></span><br /><br />{L_UCP_PM_COMPOSE}</a></div><!-- ENDIF -->
         <!-- IF U_FORWARD_PM --><div class="forwardpm-icon"><a title="{L_POST_FORWARD_PM}" href="{U_FORWARD_PM}"><span></span><br /><br />{L_FORWARD_PM}</a></div><!-- ENDIF -->
      </div>

      <!-- IF U_POST_REPLY_PM and S_PM_RECIPIENTS gt 1 -->
         <div class="reply-all"><a title="{L_REPLY_TO_ALL}" href="{U_POST_REPLY_ALL}">&raquo; {L_REPLY_TO_ALL}</a></div>
      <!-- ENDIF -->

   <!-- ENDIF -->

      <!-- IF TOTAL_MESSAGES or S_VIEW_MESSAGE -->
   <ul class="linklist pm-return-to">

   • sacred2dark/template/ucp_pm_viewmessage.html
     
     • Pour la modification 1,chercher
       

       Code: Tout sélectionner

       <!-- INCLUDE ucp_pm_message_header.html -->

   <span class="corners-bottom"><span></span></span></div>
</div>

<!-- IF S_DISPLAY_HISTORY and (U_VIEW_PREVIOUS_HISTORY or U_VIEW_NEXT_HISTORY) -->
   <fieldset class="display-options clearfix">

       
       Remplacer par
       

       Code: Tout sélectionner

       <!-- INCLUDE ucp_pm_message_header.html -->


<!-- IF S_DISPLAY_HISTORY and (U_VIEW_PREVIOUS_HISTORY or U_VIEW_NEXT_HISTORY) -->
   <fieldset class="display-options clearfix bg3 pm-message-nav">

   • sacred2dark/template/colours.css
     
     • Pour la modification 1, chercher
       

       Code: Tout sélectionner

       blockquote blockquote {

       
       Avant, ajouter
       

       Code: Tout sélectionner

       .rtl blockquote {
   background-image: none;
}


     
     
     • Pour la modification 2, chercher
       

       Code: Tout sélectionner

       #navigation a:hover {

       
       Avant, ajouter
       

       Code: Tout sélectionner

       .rtl #navigation a {
   background-image: url("{T_THEME_PATH}/images/bg_menu.gif");
   background-position: 0 100%;
}


     
     
     • Pour la modification 3-4, chercher
       

       Code: Tout sélectionner

       /* PM Message history */
.current {
   color: #ECEEFF !important;
}

       
       Après, ajouter
       

       Code: Tout sélectionner

       /* PM panel adjustments */
.pm-panel-header, #cp-main .pm-message-nav {
   border-bottom-color: #990906;
}

3. Modifications suite à certaines remontées par des utilisateurs et mise à jour
   
   • sacred2dark/template/posting_editor.html
     
     • Chercher
       

       Code: Tout sélectionner

       <!-- IF not S_SHOW_DRAFTS and not $SIG_EDIT eq 1 -->

       
       Chercher
       

       Code: Tout sélectionner

       <div class="panel bg2">

       
       Remplacer par
       

       Code: Tout sélectionner

       <div class="panel bg3">

   • sacred2dark/template/posting_topic_review.html
     
     • Chercher
       

       Code: Tout sélectionner

       <div class="post <!-- IF topic_review_row.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">

       
       Remplacer par
       

       Code: Tout sélectionner

       <div class="post bg4">

     Meilleure lisibilité de la revue des sujets dans le panneau de modération
     
   • sacred2dark/template/ucp_pm_history.html
     
     • Chercher
       

       Code: Tout sélectionner

       <div class="post <!-- IF history_row.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">

       
       Remplacer par
       

       Code: Tout sélectionner

       <div class="post bg4">

     Meilleure lisibilité de l'historique des MP
     
   • sacred2dark/theme/colours.css
     
     • Chercher
       

       Code: Tout sélectionner

       .bg3   { background-color: #272629; }

       
       Après, ajouter
       

       Code: Tout sélectionner

       .bg4   { background-color: #3B393D; }

   • sacred2dark/theme/form.css
     
     • Chercher
       

       Code: Tout sélectionner

       fieldset.jumpbox {
   text-align: right;
   margin-top: 15px;
   height: 2.5em;
}

       
       Chercher
       

       Code: Tout sélectionner

       margin-top: 15px;

       
       Remplacer par
       

       Code: Tout sélectionner

       margin-top: 35px;

Archive du style mise à jour.
version du style : 1.0.4

@+
Morgyanne