It is currently Sat 1 Oct 2016 - 22:36 - créer un forum

[Tuto] Lien "Retour en haut de la page"

Skip to content

Post new topic Reply to topic Goto page: <  1, 2, 35, 6, 79, 10, 11  >

[Tuto] Lien "Retour en haut de la page"
Author Message
Yskander


Joined: 26 Jan 2008
Posts: 1,558

PostPosted: Wed 11 Feb 2009 - 10:46    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

PublicitéSupprimer les publicités ?
Previous post review:

Parce que vous n'avez pas mis ce qu'il faut dans le footer.
Dans le overall footer.tpl vous mettez au tout début :


 
Code: Sélectionner - Agrandir


<a name="top1"></a> 


Tout ca dans le thème de test
Ensuite vous vérifiez si cela marche et si cela vous convient
Si c'est le cas vous faites les mêmes manip dans le thème normal

Pour mettre des flèches remplacez Retour en haut de la page et Aller en bas de page par des images

Wink
Cordialement
Forum
Author Message
Yala


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 10:51    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Yskander wrote:
Parce que vous n'avez pas mis ce qu'il faut dans le footer. Dans le overall footer.tpl vous mettez au tout début :




Code: Sélectionner - Agrandir

<a name="top1"></a> 




Tout ca dans le thème de test Ensuite vous vérifiez si cela marche et si cela vous convient
Si c'est le cas vous faites les mêmes manip dans le thème normal

Pour mettre des flèches remplacez Retour en haut de la page et Aller en bas de page par des images

Wink
Cordialement




n'importe où dans le template ?
aussi dans le overall_header.tpl ?

pour mettre des images à la place, je vais dans : modifier les images ?

bien cordialement Okay


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 11 Feb 2009 - 10:53    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Comme je vous l'ai indiqué vous mettez au tout début ce code :


 
Code: Sélectionner - Agrandir
<a name="top1"></a>  
Pour le overall header ne faites rien car le code y est déjà
Pour mettre des images non, vous devez trouver des images de flèches sur le net et ensuite les ajouter au code
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 11 Feb 2009 - 10:57    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

bonjour

si tu veux mettre une image ici

Code: Sélectionner - Agrandir
<a href="#top" class="postlink">Retour en haut de la page</a>


remplaces par

Code: Sélectionner - Agrandir
<a href="#top" class="postlink"><img src="lien de ton image" border="0"></a>


tu fais de même avec le code pour aller en bas de page
_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 11:00    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

undecided  ouh la la

Je vais essayer tout cela, ça parait si simple pour vous, mais moi je galère

je vais piquer les flèches d'ici et en retourner une pour descendre Rolling Eyes

Je files dans le thème test

merci pour vos conseils et aide.

Merci


Author Message
Yskander
Modérateur


Offline
Modérateur

Joined: 26 Jan 2008
Posts: 1,558
Point(s): 1,654
Moyenne: 1.06
Masculin

PostPosted: Wed 11 Feb 2009 - 11:02    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Regardez ici : http://images.google.fr/images?q=flèche&um=1&hl=fr&cr=countryFR…
Vous trouverez votre bonheur
Sinon passez une commande ici : http://www.magicgraphic.info/supgraph/index.php
Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Yala


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 11:07    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

themalin wrote:
bonjour
si tu veux mettre une image ici


Code: Sélectionner - Agrandir
<a href="#top" class="postlink">Retour en haut de la page</a>

remplaces par


Code: Sélectionner - Agrandir
<a href="#top" class="postlink"><img src="lien de ton image" border="0"></a>

tu fais de même avec le code pour aller en bas de page


Je mets ça overall-footer à la place de :
Code: Sélectionner - Agrandir
<a name="top1"></a>
 

ou à la suite ?

merci pour le lien vers les flèches


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 11 Feb 2009 - 11:08    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

non tu remplaces le code que je te donne pas celui la

Code: Sélectionner - Agrandir
<a name="top1"></a>


tu changes celui la

Code: Sélectionner - Agrandir
<a href="#top1" class="postlink"><img src="lien de ton image" border="0"></a>

_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 11:14    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Crying or Very sad

là je coule maintenant Embarassed

je ne sais plus ni où ni quoi faire, changer, supprimer, modifier

je suis perdue maintenant et je me mêle les pinceaux

Vous pourriez me donner le nom du template avec la modif déjà dedans ? svp ?

sinon j'abandonne undecided


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 11 Feb 2009 - 11:16    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

dans ton viewtopic body ici

Code: Sélectionner - Agrandir
<tr>
    <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
    <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} <a href="#top" class="postlink">Retour en haut de la page</a></center> <center><a href="#top1" class="postlink">Aller en bas de page</a> {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
   </tr>

_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 12:32    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

J'ai mis dans viewtopic_bodytpl

Code: Sélectionner - Agrandir
<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
 <td align="left" valign="bottom" colspan="2"><a class="maintitle" href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><br />
   <span class="gensmall"><b>{PAGINATION}</b><br />
   &nbsp; </span></td>
  </tr>
</table>
<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
 <td align="left" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
 <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
   -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
  </tr>
</table>
<table width="100%" cellspacing="1" cellpadding="3" border="0">
 <tr align="right">
  <td class="catHead" colspan="2" height="28"><span class="nav"><a href="{U_VIEW_OLDER_TOPIC}" class="nav">{L_VIEW_PREVIOUS_TOPIC}</a> :: <a href="{U_VIEW_NEWER_TOPIC}" class="nav">{L_VIEW_NEXT_TOPIC}</a> &nbsp;</span></td>
 </tr>
 {POLL_DISPLAY}
 <tr>
  <th class="thLeft" width="150" height="26" nowrap="nowrap">{L_AUTHOR}</th>
  <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
 </tr>
 <!-- BEGIN postrow -->
 <tr>
  <td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}"><span class="name"><a name="{postrow.U_POST_ID}"></a><b>{postrow.POSTER_NAME}</b></span><br /><span class="postdetails">{postrow.POSTER_RANK}<br />{postrow.RANK_IMAGE}{postrow.POSTER_AVATAR}<br /><br />{postrow.POSTER_JOINED}<br />{postrow.POSTER_POSTS}<br />{postrow.POSTER_FROM}</span><br /></td>
  <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
    <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} <a href="#top" class="postlink">Retour en haut de la page</a></center> <center><a href="#top1" class="postlink">Aller en bas de page</a> {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
   </tr>
   <tr>
    <td colspan="2"><hr /></td>
   </tr>
   <tr>
    <td colspan="2"><span class="postbody">{postrow.MESSAGE}{postrow.SIGNATURE}</span><span class="gensmall">{postrow.EDITED_MESSAGE}</span></td>
   </tr>
  </table></td>
 </tr>
 <tr>
  <td class="{postrow.ROW_CLASS}" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
  <td class="{postrow.ROW_CLASS}" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
   <tr>
    <td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!--
 if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
  document.write(' {postrow.ICQ_IMG}');
 else
  document.write('</td><td>&nbsp;</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
   
    //--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
   </tr>
  </table></td>
 </tr>
 <tr>
  <td class="spaceRow" colspan="2" height="1"><img src="http://img1.xooimage.com/files/_/ti/_-2f2a.gif" alt="" width="1" height="1" /></td>
 </tr>
 <!-- END postrow -->
 <tr align="center">
  <td class="catBottom" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
   <tr><form method="post" action="{S_POST_DAYS_ACTION}">
    <td align="center"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
   </form></tr>
  </table></td>
 </tr>
</table>
<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
  <tr>
 <td align="left" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
 <td align="left" valign="middle" width="100%"><span class="nav">&nbsp;&nbsp;&nbsp;<a href="{U_INDEX}" class="nav">{L_INDEX}</a>
   -> <a href="{U_VIEW_FORUM}" class="nav">{FORUM_NAME}</a></span></td>
 <td align="right" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{PAGINATION}</span>
   </td>
  </tr>
  <tr>
 <td align="left" colspan="3"><span class="nav">{PAGE_NUMBER}</span></td>
  </tr>
</table>
<table width="100%" cellspacing="2" border="0" align="center">
  <tr>
 <td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}</span><br />
   &nbsp;<br />
   {S_TOPIC_ADMIN}</td>
 <td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
  </tr>
</table> 
 et où dois je insérer les liens par imageshak pour les flèches ?





Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 11 Feb 2009 - 12:34    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

themalin wrote:
dans ton viewtopic body ici

Code: Sélectionner - Agrandir
<tr>
    <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
    <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} <a href="#top" class="postlink">Retour en haut de la page</a></center> <center><a href="#top1" class="postlink">Aller en bas de page</a> {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
   </tr>


ici

tu mets comme ça


Code: Sélectionner - Agrandir
<tr>
    <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
    <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} <a href="#top" class="postlink"><img src="lien de ton image top" border="0"></a></center> <center><a href="#top1" class="postlink"><img src="lien de ton image bas" border="0"></a> {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
   </tr>

_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 12:40    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

je ne comprends plus rien

c'est le boxon maintenant

j'ai bien mis dans thème test mais les 2 phrases s'affichent sur le vrai forum

Crying or Very sad


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 11 Feb 2009 - 12:42    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

tu penses bien à changé le premier code par le second et à modifier le lien des images ici

Code: Sélectionner - Agrandir
<img src="lien de ton image bas" border="0">

_______________________


Forum
Author Message
Yala


Offline
Guest




PostPosted: Wed 11 Feb 2009 - 12:46    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Crying or Very sad  c'est bon j'abandonne

je suis un cas désespérant

comme enlever maintenant ces 2 phrases ?

http://lestomac.xooit.org/t1133-maigrir-a-quel-prix.htm#p9980

juste sous l'image à droite

je ne sais plus où elles sont et ce que je dois ôter


Author Message
themalin
Membre


Offline
Membre

Joined: 19 Apr 2006
Posts: 8,897
Point(s): 9,101
Moyenne: 1.02
Mac Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...)

PostPosted: Wed 11 Feb 2009 - 12:47    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

ici
Code: Sélectionner - Agrandir

<tr>
    <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
    <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} <a href="#top" class="postlink"><img src="lien de ton image top" border="0"></a></center> <center><a href="#top1" class="postlink"><img src="lien de ton image bas" border="0"></a> {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
   </tr>


mets comme ça
Code: Sélectionner - Agrandir


<tr>
    <td width="100%"><a href="{postrow.U_MINI_POST}"><img src="{postrow.MINI_POST_IMG}" width="12" height="9" alt="{postrow.L_MINI_POST_ALT}" title="{postrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">{L_POSTED}: {postrow.POST_DATE}<span class="gen">&nbsp;</span>&nbsp; &nbsp;{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
    <td valign="top" nowrap="nowrap">{postrow.QUOTE_IMG} <a href="#top" class="postlink"><img src="http://img237.imageshack.us/img237/2171/top71675za8.gif" border="0"></a></center> <center><a href="#top1" class="postlink"><img src="http://img237.imageshack.us/img237/9378/copiedetop71675mw1.gif" border="0"></a> {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
   </tr>

_______________________


Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 22:36    Post subject: [Tuto] Lien "Retour en haut de la page"

Display posts from previous:   
Reply to topic Page 6 of 11 Goto page: <  1, 2, 35, 6, 79, 10, 11  >




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401