insérer une horloge

[Timo L]

Bonjour,
j'ai mis un logo sur mon site, avec comme place le centre de la page.
j'aimerai insérer une horloge à coté à gauche du logo.
c'est à dire en fait au lieu d'avoir un seul logo en plein milieu que cette espace puisse servir d'une part à l'horloge et à l'autre du logo.
En vous remerciant pour votre aide
Timo L

[Timo L]

up je remonte un peu car pas encore trouvé mon bonheur !

[Timo L]

un ptit up pour pas tomber aux oubliettes !

[Timo L]

personne pour m'aiguiller ?

[● Shadow.]

Si, moi !
Alors c'est simple, tu vas dans le Template appelé Overall_Header_New et tu cherches ça :

Code:


<!-- BEGIN switch_logo_center -->
   <td align="center" width="100%" valign="middle">
      <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
      <div class="maintitle">{MAIN_SITENAME}</div>
      <br />
      <span class="gen">{SITE_DESCRIPTION}</span>
   </td>
<!-- END switch_logo_center -->


Lorsque tu l'as trouvé, tu le remplaces par ça :

Code:


<!-- BEGIN switch_logo_center -->
   <td align="center" width="100%" valign="middle">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr align="center" width="100%" valign="middle">
   <td align="center" width="120px" valign="middle">
      <script type="text/javascript" src="http://www.service-gratuit-fr.com/horloges.php?id=255610&w=120&h=120"></script>
   </td>
   <td align="center" width="640px" valign="middle">
      <a href="{U_INDEX}">
         <img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />
      </a>
   </td>
   <td align="center" width="120px" valign="middle">
   </td>
</tr>
</table>
      <div class="maintitle">{MAIN_SITENAME}</div>
      <br />
      <span class="gen">{SITE_DESCRIPTION}</span>
   </td>
<!-- END switch_logo_center -->


Maintenant je vais t'expliquer un peu ce second code, que tu ne sois pas perdu

Dans le 1^er « td align="center" width="120px" valign="middle" », « 120px » correspond à la largeur en Pixels de ton horloge, tu devras donc modifier cette valeur.

Juste en dessous tu as un script (« <script type="text/javascript" src="http://www.service-gratuit-fr.com/horloges.php?id=255610&w=120&h=120"></script> »), il devra être remplacé par le script qui insère ton horloge.

Ensuite, dans le « td align="center" width="640px" valign="middle" », « 640px » correspond à la largeur en Pixels de ta bannières, tu n'auras donc pas à modifier cette valeur car je suis allé regarder sa largeur.

Vers la fin du code, tu as un second « <td align="center" width="120px" valign="middle"></td> » qui sert à laisser ta bannière centrée, ce « <td></td> » devra donc rester vide. Par contre, sa largeur (actuellement 120px devra être remplacée par celle de ton horloge – en gros tu remplacera une deuxième le 120, comme tu l'auras fait plus haut.

Voilà tout, j'espère que j'aurais été compréhensible. Si tu as des questions, n'hésite pas !

Cordialement,

● Shadow.

[Timo L]

Alors j'y ai travaillé aussi de mon coté et je voudrai cela en rendu final :
http://www.matostt.com/horloge-et-image-h2.htm
est ce que l'on peut directement insérer ce htm ou pas ?

cela fait un peu une bannière mais je ne sais pas l'insérer et j'ai beau chercher sur le forum, cela me sort tout ce que je ne veux pas !

[● Shadow.]

Bien sûr !
Remplace :

Code:

<!-- BEGIN switch_logo_center -->
  <td align="center" width="100%" valign="middle">
      <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
      <div class="maintitle">{MAIN_SITENAME}</div>
      <br />
      <span class="gen">{SITE_DESCRIPTION}</span>
  </td>
<!-- END switch_logo_center -->


Par :

Code:

<!-- BEGIN switch_logo_center -->
  <td align="center" width="100%" valign="middle">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr align="center" width="100%" valign="middle">
  <td align="center" valign="middle">
      <object width="367" height="367" data="http://moe.mabul.org/up/moe/2010/05/17/swf-1552319k50y.swf" type="application/x-shockwave-flash"><param value="http://moe.mabul.org/up/moe/2010/05/17/swf-1552319k50y.swf" name="movie"><param value="true" name="allowFullScreen"></object>
  </td>
  <td align="center" width="640px" valign="middle">
      <a href="{U_INDEX}">
        <img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />
      </a>
  </td>
</tr>
</table>
      <div class="maintitle">{MAIN_SITENAME}</div>
      <br />
      <span class="gen">{SITE_DESCRIPTION}</span>
  </td>
<!-- END switch_logo_center -->


● Shadow.

[Timo L]

J'en étais arrivé au même point avec le code que tu avais donné juste avant j'avais tout remplacé mais j'ai un souci avec l'horloge, elle est trop décalé ...

[● Shadow.]

Ça c'est un problème avec ta création flash qui a des marges transparentes si tu vois ce que je veux dire... Si c'était une image, et qu'elle faisait par exemple 500x500 pixels, la véritable image ferait par exemple 300x300 pixels il y aurait donc une sorte de marge invisible de 200px de largeur qui ferait le tour de l'image. Je pense qu'avec cet exemple tu vas mieux comprendre ce que je veux dire ^^

● Shadow.

[Timo L]

Oui je m'en suis rendu compte aussi mais je ne sais pas enlever cette marge...

[● Shadow.]

Est-ce que c'est toi qui a fait cette horloge en Flash ?

● Shadow.

[Timo L]

oui c'est bien moi !
j'ai essayé le fond transparent mais cela ne sert à rien, c'est mon jpeg de départ qui a un cadre et comme il est blanc, il faudrait que je selectionne que la balle mais j'ai pas l'impression d'avoir cette outil dans flash...

[● Shadow.]

Aurais-tu un outils permettant de sélectionner une forme carrée ?

● Shadow.

[Timo L]

oui, un outils de sélection ovale et un outil de sélection carré

[● Shadow.]

Et ne peux-tu pas sélectionner une forme carrée enfermant l'horloge au plus près ?

● Shadow.

[Timo L]

si je peux mais le souci est que cela me fait un carré de couleur et j'ai fait l'horloge sur plusieurs calques donc la je ne sais pas trop

[● Shadow.]

Sinon, n'est-il pas tout simplement possible de réduire la taille de ton document en gardant les éléments centrés, comme avec cette commande sur Adobe Photoshop ?

● Shadow.

[Timo L]

J'ai réussi à en faire un sans bord quasiment et il n'y a aucun changement ...

[● Shadow.]

Passe moi le lien de ton nouveau document Flash s'il te plaît

● Shadow.

[Timo L]

http://dl.free.fr/b9Pg9be71
je l'ai mis sur un serveur car c'est peut être l'hebergeur qui fait ca...

[● Shadow.]

Voilà ce que j'ai réussi à faire : http://the-bright-stripes.forumactif.us/index.htm.
Est-ce que ça te va ?

● Shadow.

[Timo L]

si on pouvait écarter un peu les 2 cela serait bien

[● Shadow.]

C'est assez écarté là ?

● Shadow.

[Timo L]

oui ca me parait bien ! chez qui as tu hébergé l'horloge ? parce que j'en ai fait une autre avec un fond blanc car la je ne sais pas pk c'est gris

[● Shadow.]

Ouais j'ai vu ça... Je l'ai hébergée chez l'hébergeur que tu avais utilisé pour la première n'en connaissant pas
Héberge celle avec le fond blanc que je finalise le code pour ensuite te le passer

● Shadow.

[Timo L]

http://moe.mabul.org/up/moe/2010/05/23/swf-191035ps5j0.swf
en mettant 350x350
Il faudra me dire comment écarter plus ou moins car je verrai aussi en fonction du rendu sur mon forum

http://moe.mabul.org/up/moe/2010/05/23/swf-191242s9l9z.swf
150x150

[● Shadow.]

Voilà, alors tu remplaces la même chose que tout à l'heure par ça :

Code:

<!-- BEGIN switch_logo_center -->
  <td align="center" width="100%" valign="middle">
<table width="890" cellspacing="0" cellpadding="0" border="0">
<tr align="center" width="890px" valign="middle">
  <td align="center" valign="middle" width="280">
      <object width="280" height="280" data="http://moe.mabul.org/up/moe/2010/05/23/swf-191035ps5j0.swf" type="application/x-shockwave-flash" style="margin-right: 20px;"><param value="http://moe.mabul.org/up/moe/2010/05/23/swf-1803187ssov.swf" name="movie"><param value="true" name="allowFullScreen"></object>
  </td>
  <td align="center" width="640px" valign="middle">
      <a href="{U_INDEX}">
        <img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />
      </a>
  </td>
</tr>
</table>
      <div class="maintitle">{MAIN_SITENAME}</div>
      <br />
      <span class="gen">{SITE_DESCRIPTION}</span>
  </td>
<!-- END switch_logo_center -->

Maintenant, passons aux explications :

• Si tu veux changer la taille de l'horloge, il va falloir changer les trois "280" présents là : « <td align="center" valign="middle" width="280"><object width="280" height="280" (...) ».
  
• Ensuite, si tu veux changer la taille de la marge séparant l'horloge et la bannière il faut modifier le "20" présent ici : « (...) style="margin-right: 20px;"> ».

Voilà, si tu as d'autres questions, n'hésite pas !

● Shadow.

[Timo L]

Sachant que le fond de celle-ci est blanc pourquoi ressort-il gris ?? :s

[● Shadow.]

Je ne le vois pas gris moi...
Regarde :

● Shadow.

[Timo L]

sous ie il ressort gris :s