phpBB-fr.com

[Jester]

Bonjour,

je te conseille de demander conseil pour une modification éventuelle sur le sujet du Style en question : viewtopic.php?f=125&t=140624



Cependant, rapidement pour t'expliquer où se situe ton erreur :

Code: Tout sélectionner

/* Main blocks
---------------------------------------- */
#wrap {
   padding: 20px 10px;
   width: 100%px;
   margin: 0 auto;
   border: 2px dashed;
}

Tu ne peux pas mettre à la fois % et px, c'est soit l'un soit l'autre... sinon le codage n'est pas reconnu.

Le code exact est donc :

Code: Tout sélectionner

/* Main blocks
---------------------------------------- */
#wrap {
   padding: 20px 10px;
   min-width: 100%;
   width: 100%;
   margin: 0 auto;
   border: 2px dashed;
}

[Morgyanne]

Salut,

si tu veux une largeur à 100%, il te suffit de remplacer :

Code: Tout sélectionner

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

par

Code: Tout sélectionner

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

Toutefois, il vaut mieux ne pas le faire parce que tu perds la visibilité des contours à droite et à gauche, il vaut mieux privilégier une largeur plus petite par exemple 95%

Code: Tout sélectionner

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

[Edition] Sujets fusionnés

@+
Morgyanne

[eliote]

Bonjour Jester, Morgyanne

merci pour vos explications, c'est super de voir autant de professionnalisme
je vais rectifier et mettre 95% comme le dit Morgyanne
voila un soucie de régler merci beaucoup

Par contre pour mettre une bannière en flash et centrer je fait comment,
car ma bannière est en flash svp ?

ah oui et aussi changez les petits trait bleu qui encadres le forum, par une ligne le problème dans quelle fichier css ?
(Où encore à quelle ligne ce rendre svp ?)

En vous remerciant par avance ,si je ne m'abuse le thème c'est Morgyanne qui l'as fait
et ben dit donc chapeau ce thème est splendide

@plus et encore mille fois merci pour mon premier problème résolu
Amicalemnt brady

[Morgyanne]

Pour centrer la bannière regarde ma réponse à Maclosky dans la page précédente pour la "class" page_header
Ensuite pour ce qui est des bordures. Recherche les "class" contenant dashed pour les tirets et/ou dotted pour les pointillés
En ce qui concerne les fichiers, tu trouves

• dashed dans common.css, content.css, cp.css, links.css, tu auras surtout à travailler sur common.css
• dotted dans common.css, content.css, forms.css, links.css, de la même manière que précédemment, c'est sans doute dans common.css que tu travailleras le plus

@+
Morgyanne

[eliote]

Bonjour Morgyanne,

alors j’ai lue la réponse comme tu as dit de Maclosky, j’ai suivie tout à la lettre et bingo ça fonctionne nickel
J’ai mis 95% pour la largeur du forum et j’ai réussi à centrer la bannière en suivant tes explications, je n’ai
pas eu le temps encore de voir pour les petits points et la bannière en flash, mais je pense ça devrait aller
au pire si je n’arrive pas a remplacer les petits point par une ligne et mettre ma bannière en flash je ferais
un autre poste ici. En attendant un grand merci à toi Morgyanne
Et merci à Jester d'avoir pris le temps pour la précision de mon erreur sur le code.
je vous souhaite une excellente fin de journée, encore mille fois merci Morgyanne peut-être à bientôt au cas
où j'ai de la difficulté pour les petits points, et encore que les petits points ce n’est pas bien grave, le plus
important c'est que j'arrive à mettre ma bannière en flash mais la bannière en gif est centré grâce a tes
explications je pense que ca devrait aller pour le reste.

@plus et merci pour tout.
Amicalement eliote

[eliote]

Salut Morgyanne,

j'ai remplacer en allant dans: styles/sacred2light/template/overall_header.html. Code original si dessous:

Code: Tout sélectionner

<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   <div id="page-header">
      <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <div id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
         </div>

pour mettre ma bannière en flash par le code si dessous:

Code: Tout sélectionner

<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
      <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <div id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo"><embed src="{T_THEME_PATH}/images/site_logo.swf" width="1200" height="200"> </embed></a>
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
         </div>

alors ça fonctionne sauf que la bannière d'origine header.gif est toujours la
si à l'endroit de la bannière d'origine qui est bien à ça place on pouvait mettre la mienne ça serait super
car la mienne ce met dans le cadre bleu au lieu d'être comme celle d'origine au dessus de la couleur bleu
alors comment faire disparaître la bannière d'origine, pour que ma bannière prenne la place de celle d'origine stp ?
Ensuite comment changer la couleur du fond bleu désigné dans la capture d'ecran en noir stp ?
(Capture écran de la bannière que je n'arrive pas à supprimer, ainsi que la couleur du fond que j'aimerai
modifier en noir):
http://img93.imageshack.us/img93/4425/4 ... 444bh5.jpg
a moins qu'on arrive à mettre la bannière à l"endroit désigner par les flèches comme dans la
capture d'écran si dessous:
http://img20.imageshack.us/img20/1681/777777777nb5.jpg
il serait alors inutile de modifier la couleur bleu.

(Sinon pour info, j'ai réussi à mettre des lignes à la place des petits tirets, c'est chouette maintenant )

En te remerciant par avance, bonne continuation à toi
Amicalement eliote

[Morgyanne]

Comme déjà précisé ici, je n'utilise pas le logo d'origine.
L'image du header se trouve dans common.css, c'est d'ailleurs un oubli de ma part, que j'avais oublié de noter, il faut que je le change de place pour le mettre dans colours.css, mais, ce sera pour la prochaine mise à jour
Donc pour l'instant, ouvre common.css,
Cherche :

Code: Tout sélectionner

#page-header {
   clear: both;
   background: url("{T_THEME_PATH}/images/header.gif") 12px 0 no-repeat;
   padding-top: 210px;
}

Après, je ne sais pas trop ce que tu peux en faire
Ne connaissant pas du tout le flash

@+
Morgyanne

[eliote]

Bonsoir,

pas de soucie Morgyanne, tu as fais un boulot colossal en faisant ce style, et ça c'est déja très fort
Alors ce que l’on peu faire...

Ouvrir common.css,
puis chercher:

Code: Tout sélectionner

#page-header {
   clear: both;
   background: url("{T_THEME_PATH}/images/header.gif") 12px 0 no-repeat;
   padding-top: 210px;
}

et supprimer:

Code: Tout sélectionner

#page-header {
   clear: both;
   background: url("{T_THEME_PATH}/images/header.gif") 12px 0 no-repeat;
   padding-top: 210px;
}

Ensuite ouvrir overall_header.html
Chemin = styles/ sacred2light/ template/ overall_header.html
Chercher:

Code: Tout sélectionner

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   <div id="page-header">
      <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>

         <div id="site-description">
            <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
         </div>

Remplacer par :

Code: Tout sélectionner

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   <div id="page-header">
     <div align="center">
       <embed src="{T_THEME_PATH}/images/site_logo.swf" width="1200" height="200"> </embed>
      </div>
     <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>
         <div id="site-description">
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
     </div>

Ensuite on peu modifier le chemin, ou le nom du swf "site_logo.swf", a condition de guider convenablement vers la cible,
on peut aussi modifier la taille du swf "width="1200" height="200" par celle de son choix, on peut aussi le mettre sur la gauche, ou la droite, dans l'exemple il est centré.

Mine de rien tu m'as bien aidé Morgyanne
Bonne continuation, et encore merci pour ton aide @plus
Amicalement eliote

[Morgyanne]

Le problème c'est que la balise embed n'est pas valide xhtml strict : regarde ici pour corriger, si cela te convient

@+
Morgyanne

[eliote]

Bonjour Morgyanne,
Bien vue je n’avais même pas pensé à ça j’étais tellement content que ça fonctionne
Alors j’ai donc remplacé:

Code: Tout sélectionner

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   <div id="page-header">
     <div align="center">
       <embed src="{T_THEME_PATH}/images/site_logo.swf" width="1200" height="200"> </embed>
      </div>
     <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>
         <div id="site-description">
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
     </div>

par:

Code: Tout sélectionner

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
   <a id="top" name="top" accesskey="t"></a>
   <div id="page-header">
     <div align="center">
       <object type="application/x-shockwave-flash" data="site_logo.swf" width="1200" height="200">
        <param name="movie" value="site_logo.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="transparent" />
        <p>Installez le plugin Flash pour voir l'animation : <a href="http://www.adobe.com/go/gntray_dl_getflashplayer_fr" title="LienPlugin">Cliquez ici pour le télécharger</a></p>
      </object>
      </div>
     <div class="headerbar">
         <div class="inner"><span class="corners-top"><span></span></span>
         <div id="site-description">
            <h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p>
            <p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
     </div>

et ça fonctionne parfaitement bien, et la validation xhtml strict devrait être correcte maintenant
par contre le chemin du swf change, il faut le mettre à la racine du forum.
Merci Morgyanne pour tes conseilles précieux
Si tu vois autre chose qui cloche n'hésite pas à me le dire.
Bonne continuation et encore merci Morgyanne
@plus Amicalement eliote

[Morgyanne]

As-tu essayé ainsi, de façon à ce que ton flash soit compris dans theme/images/ ?
Cherche :

Code: Tout sélectionner

<object type="application/x-shockwave-flash" data="site_logo.swf" width="1200" height="200">

Remplace par :

Code: Tout sélectionner

<object type="application/x-shockwave-flash" data="{T_THEME_PATH}/images/site_logo.swf" width="1200" height="200">

Pour la validation, vérifie ici : http://validator.w3.org/

@+
Morgyanne

[eliote]

Bonsoir Morgyanne,

tout dabort merci d'avoir déplacer le poste ou il fallait
en attendant je voudrais modifier les petits gifs qui porte tous le meme nom,
j'ai voulu remplacer le gif de l'arcade par l'original mais pas moyen, enfin si
mais en modifiant toute la ligne de commande, alors j'ai pas envie de rajouter
des erreurs pour la validation, si tu peux jeter un oeil dans la capture d'écran
si dessou stp:
http://img360.imageshack.us/img360/3248/screengo8.jpg
je voudrai modifié les gif désigner par les flêches rouge,

en te remerciant par avance pour ta patience et ton aide
@plus età bientôt
Amicalement eliote

[Morgyanne]

Je ne vois trop ce qui pose problème exactement
Si tu veux mettre des icônes différentes, tu les mets dans le dossier theme/images/ puis ensuite tu vas dans common.css et tu modifies ce que tu as besoin de modifier.
Par exemple pour le panneau de l'utilisateur :
tu mets une icône (icon_ucp.gif nom dans prosilver mais tu peux mettre ce que tu veux du moment que tu modifies correctement ensuite dans common.css), puis dans common.css
Cherche :

Code: Tout sélectionner

.icon-ucp                  { background-image: url("{T_THEME_PATH}/images/icon_mini.gif"); }

remplace par :

Code: Tout sélectionner

.icon-ucp                  { background-image: url("{T_THEME_PATH}/images/icon_ucp.gif"); }

Tu procèdes de même pour la FAQ et pour les membres.

Après pour l'arcade, il faut voir ce que dit le fichier d'install du MOD (?) et pour le bouton déconnexion, voir si tu veux garder un bouton pour chaque état connexion/déconnexion ou uniquement modifier le bouton de déconnexion.

@+
Morgyanne

[eliote]

Bonjour Morgyanne,

alors finalement je change pas connexion déconnexion ils sont très bien
les autres je n'etait probablement pas très bien réveillé
Mais tout est rentré dans l'ordre, appart le petit problème de validation
mais ça fonctionne c'est déja pas mal, sinon j'ai un gros problème de chargement
depuis que j'ai modifier le code de ma bannière, je sais pas pourquoi ça ralenti
autant je vais bien fini par trouver un jours, assez rapidemnt je pense que
en 2012 ou 2015 j'aurai trouvé la solution de ces petits problèmes

Merci pour ton aide c'est très sympa en tout les cas, bon ben j'y retourne je
chaume pas, bonne continuation Morgyanne si j'ai un autre petit soucie je
te tiens au courant et encore félicitation pour ton thème
@plus amicalement eliote

[Morgyanne]

Mise à jour du 11/07/08 : Modifications concernant IE et mise à jour en 3.0.2

• template/overall_header.html
  
  Cherchez
  

  Code: Tout sélectionner

  <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

  
  Remplacez par
  

  Code: Tout sélectionner

  <a href="{U_INDEX}" title="{L_INDEX}" id="logo"></a>

• theme/bidi.css
  
  Cherchez
  

  Code: Tout sélectionner

  .rtl #logo {
   float: right;
   padding: 10px 10px 0 13px;
}

  
  Remplacez par
  

  Code: Tout sélectionner

  .rtl #logo {
   float: right;
}

• theme/common.css
  
  Cherchez
  

  Code: Tout sélectionner

  #logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
}

  
  Remplacez par
  

  Code: Tout sélectionner

  #logo {
   float: left;
   width: auto;
}

Pour effectuer la mise à jour manuelle du style de la version 3.0.1 vers la version 3.0.2, référez-vous à ce message.

Pour aller plus vite, vous pouvez "copier-coller", les fichier 3.0.2 suivants

• prosilver/template/mcp_ban.html vers sacred2light/template/mcp_ban.html
• prosilver/template/mcp_queue.html vers sacred2light/template/mcp_queue.html
• prosilver/template/memberlist_view.html vers sacred2light/template/memberlist_view.html
• prosilver/template/message_body.html vers sacred2light/template/message_body.html
• prosilver/template/ucp_main_subscribed.html vers sacred2light/template/ucp_main_subscribed.html
• prosilver/template/ucp_pm_history.html vers sacred2light/template/ucp_pm_history.html

MAIS vous devez effectuer manuellement les modifications sur

• sacred2light/template/viewforum_body.html
• sacred2light/theme/bidi.css

Archive mise à jour
N.B. Elle inclut aussi les modifications du 14 mai 2008

@+
Morgyanne