Logo Twitter dans la marge

par Olsen Mer 15 Fév 2012 - 14:44

Bonjour voilà j'aimerais placer un lien vers le compte Twitter du forum juste au dessus de ces flèches j'aimerais savoir si quelqu'un saurait me dire comment faire ^^

Capture d'écran Forum:

Spoiler:

Logo Twitter: (la taille n'est pas bonne mais je pourrais la modifier si nécessaire :/)

Lien vers mon Forum:

http://iforum.macsboard.com

Lien vers le compte twitter:

https://twitter.com/iForum_Apple

Réponse reçu:

Final-Blonde a écrit:Moi je vois aussi ceci :
Code:
<div class="navigation_up_down"> <div class="navigation_up_down_up" onclick="window.scrollTo(0,1);window.scrollTo(0,0);"/> <div class="navigation_up_down_down" onclick="window.scrollTo(document.body.scrollWidth,document.body.clientHeight*100000);"/> </div> </div>
Dans ce code qui a aussi son CSS, rien ne t'empêche d'ajouter le logo de Twitter, ex:
Code:
<div class="navigation_up_down"> <div><a href="lien_vers_page" target="_blank"><img src="url_logo-twitter" width="??" height="??" alt="twitter" /></a></div> <div class="navigation_up_down_up" onclick="window.scrollTo(0,1);window.scrollTo(0,0);"/> <div class="navigation_up_down_down" onclick="window.scrollTo(document.body.scrollWidth,document.body.clientHeight*100000);"/> </div> </div>
A la place des ?? pour le width et le height tu y mets les valeurs des dimensions souhaitées du logo.

Si ça ne fonctionne pas, il faudrait que tu fournisses le HTML de cette partie dans le template et le CSS qui y correspond.

Aperçu du forum avec le code:

par kheino Mer 15 Fév 2012 - 15:59

Bonjour Olsen,

Où as-tu mis les flèches up/down ?
En gros, il suffirait de mettre ce logo au-dessus, non ?
Je vois qu'il y a même un id et un class pour cette navigation, donc du CSS, dans des "div"...

par Olsen Mer 15 Fév 2012 - 16:45

Bonjour, voilà j'ai modifier le template overall_header après la balise <head>

Code:: <div id="navigation_up_down_23270"><noscript>Javascript est desactivé - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-navigation-haut-bas-scroll-defilement-racourcis-page-monter-descendre-up-down.html">Generateur boutons de navigateur html</a></noscript><script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script></div>

Un bout de code trouvé sur un autre topic du forum des forums ... :/

par kheino Mer 15 Fév 2012 - 17:33

Moi je vois aussi ceci :

Code:: <div class="navigation_up_down"> <div class="navigation_up_down_up" onclick="window.scrollTo(0,1);window.scrollTo(0,0);"/> <div class="navigation_up_down_down" onclick="window.scrollTo(document.body.scrollWidth,document.body.clientHeight*100000);"/> </div> </div>

Dans ce code qui a aussi son CSS, rien ne t'empêche d'ajouter le logo de Twitter, ex:

Code:: <div class="navigation_up_down"> <div><a href="lien_vers_page" target="_blank"><img src="url_logo-twitter" width="??" height="??" alt="twitter" /></a></div> <div class="navigation_up_down_up" onclick="window.scrollTo(0,1);window.scrollTo(0,0);"/> <div class="navigation_up_down_down" onclick="window.scrollTo(document.body.scrollWidth,document.body.clientHeight*100000);"/> </div> </div>

A la place des ?? pour le width et le height tu y mets les valeurs des dimensions souhaitées du logo.

Si ça ne fonctionne pas, il faudrait que tu fournisses le HTML de cette partie dans le template et le CSS qui y correspond.