It is currently Sat 1 Oct 2016 - 09:00 - 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, 3, 4, 5, 69, 10, 11  >

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





PostPosted: Sat 1 Mar 2008 - 22:49    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

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

pour moi le retour en haut de page fonctionne mais le retour en bas de page ne fonctionne pas je clic dessus et j'ai "monsite/index.php#top1" qui s'affiche dans la barre d'adresse mais ca ne bouge pas ce reste à la même place

quelqu'un peut m'aider svp

Ps: je cherche le code pour les boutons messages "nouveau message" "pas de nouveaux message" "Connectez vous pour voir vos message privé"

une image à chaque fois xD

merci à tous
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: Sun 2 Mar 2008 - 09:51    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

bonjour

pour ta première question regardes ici


http://xooit.xooit.com/p138750.htm

il faut bien que tu mettes le premier code dans ton overall footer

pour ta deuxième

http://xooit.xooit.com/t16865-tuto-avoir-deux-images-pour-les-mp.htm
_______________________


Forum
Author Message
Dabiz59


Offline
Guest




PostPosted: Sun 2 Mar 2008 - 11:22    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Merci beaucoup themalin maintenant ca fonctionne
c'est parce que j'avait pris le code de sheitan que ca fonctionner pas Embarassed Mr. Green


Author Message
Raiden99


Offline
Guest




PostPosted: Tue 1 Apr 2008 - 21:24    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Bonjour, je voudrais réduire la taille du "Retour en haut de la page". Comment fait-on ?

Merci d'avance !


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 2 Apr 2008 - 12:34    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

bonjour

tu veux réduire la taille??

mets ça

Code: Sélectionner - Agrandir
<small>ton texte</small>
 

_______________________


Forum
Author Message
Raiden99


Offline
Guest




PostPosted: Thu 3 Apr 2008 - 06:54    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Merci beaucoup ^^ ! Et peut-on changer aussi la couleur ?

Merci encore pour la taille ^^ !


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: Thu 3 Apr 2008 - 12:29    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

tu mets ça

Code: Sélectionner - Agrandir
<font color=red>ton texte</font>
 

_______________________


Forum
Author Message
Raiden99


Offline
Guest




PostPosted: Thu 3 Apr 2008 - 13:15    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Merci beaucoup themalin ^^ !!!

Author Message
Alex88
Membre


Offline
Membre

Joined: 03 Sep 2008
Posts: 20
Niveau:
Point(s): 19
Moyenne: 0.95
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin Poissons (20fev-20mar) 馬 Cheval

PostPosted: Sat 24 Jan 2009 - 23:26    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Merci super  Cool
_______________________


Forum
Author Message
Yala


Offline
Guest




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

Bonjour

Je souhaite également mettre un  lien pour remonter en haut des pages et en bas des pages

afin qu'ils soient à côté des boutons citer, comme ici.

C'est un peu undecided  de toujours scroller avec la souris

Comment faire ? Quel template ?

Je peux vous le donner ici afin que vous m'aidiez ?

Merci d'avance


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:28    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Bonjour
Dans votre template viewtopic_body.tpl
Cherchez : {postrow.IP_IMG}
Et postez juste après les codes donnés dans le tuto soit :

 
Code: Sélectionner - Agrandir

<center><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></center>


Ensuite ajoutez les code que l'on vous donne dans le template overall header et le overall footer


Wink
Cordialement
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Yala


Offline
Guest




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

Mad  oy undecided

Iskander ? vous auriez la gentillesse de m'insérer les codes pour les 2 flèches dans le template ?

avant que je ne refasse une catastrophe Embarassed

Très sincèrement merci d'avance
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} {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>

 


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:36    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

Mettez comme ça

Toutefois n'oubliez pas aussi de mettre comme indiqué dans le tuto le code dans l'overall footer et le code dans l'overall header

Wink

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> 

A faire dans le thème de test

 
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Yala


Offline
Guest




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

merci beaucoup

donc ça je mets dans viewtopic_body.tpl (thème test)

et je mets quoi dans les 2 overall ? Embarassed


Author Message
Yala


Offline
Guest




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

parce que là je n'ai que les 2 phrases et pas de flèches Sad


et celle pour descendre ne fonctionne pas undecided


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:46    Post subject: [Tuto] Lien "Retour en haut de la page" Reply with quote

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
_______________________
Pour les mp injurieux >> Ezéchiel 25 verset 17


Forum
Author Message
Contenu Sponsorisé





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

Display posts from previous:   
Reply to topic Page 5 of 11 Goto page: <  1, 2, 3, 4, 5, 69, 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