Planète EKLABLOG Index du Forum
Planète EKLABLOG
Forum non officiel de discussion et promotion pour les utilisateurs d'Eklablog
 
Planète EKLABLOG Index du ForumFAQRechercherS’enregistrerConnexion

:: Une image cliquable... Un peu particulière. ::

 
Poster un nouveau sujet   Répondre au sujet    Planète EKLABLOG Index du Forum -> PLANÈTE ASSISTANCE -> EKLABLOGGERS Ressources -> EKLAstuces
Sujet précédent :: Sujet suivant  
Auteur Message
Xikuti Adma
Etincelle
Etincelle

Hors ligne

Inscrit le: 11 Oct 2009
Messages: 226
Mon Eklablog: URL
Blog2: URL
Masculin

MessagePosté le: Mer 23 Déc - 22:47 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Bonjour, je vais vous expliquer ici ce que un ami m'a expliqué en une vingtaines de minutes.
Ne vous inquiétez pas, c'est pas très compliqué.
Je vais vous montrer comment on fait une jolie pub pour ce forum!

Sur votre blog ouvrez la fenêtre de personnalisation du thème et cliquez sur "Ajouter du CSS" (en bas de la collone). Entrez ceci:




Code:
#coincoin{position: absolute;top: 20px; left: 0px;} 






Pour la petite info, il s'agit d'un code qui définit la position de l'élement "coincoin". Ici, Coincoin se trouvera en haut à gauche de votre blog, contre le bord gauche à 20 pixels du haut de la page. (pourquoi 20? parce que la barre de menu fait 20px de hauteur). Si vous souhaitez que l'élement colle au bord de la fenêtre du navigateur, remplacez "absolute" par "fixed".Une fois le code enregistré, trouvez un module simple nimporte où sur votre blog, éditez en utilisant le HTML.Dans le fenêtre d'édition de la source HTML, collez ceci:




Code:
<div id="coincoin"><a href="http://fandeklablog.xooit.fr "><img onmouseover="this.src='http://data0.eklablog.com/rejoignez/perso/bannieres/pub2.png';" onmouseout="this.src='http://data0.eklablog.com/rejoignez/perso/bannieres/pub.png';" src="http://data0.eklablog.com/rejoignez/perso/bannieres/pub.png" alt="" /></a></div> 





Qu'est-ce donc? C'est tout simplement notre pote Coincoin! Il change d'apparence quand on passe la souris dessus, et quand on clique dessus il nous amène sur ce forum! Quelle technologie! Il ne lui manquerai plus que la parole... Si vous n'avez pas activé le javacript sur votre compte eklablog, il ne changera pas quand on passe la souris dessus.Enregistrez le tout et regardez un peu le haut de votre blog...Pas mal, hein? ça fait une bonne pub pour ce forum, et en plus on peut changer l'apparence de la pub.

Si Coincoin est trop grand, pas de souci. supprimez le code que vous avez collé dans le module simple et remplacez le par celui ci:
Code:
<div id="coincoin"><a href="http://fandeklablog.xooit.fr "><img onmouseover="this.src='http://data0.eklablog.com/xikuti/perso/ne pas supprimer/pub2petit.png';" onmouseout="this.src='http://data0.eklablog.com/xikuti/perso/ne pas supprimer/pubpetit.png';" src="http://data0.eklablog.com/xikuti/perso/ne pas supprimer/pubpetit.png" alt="" width="200" height="200" /></a></div>

Partie 2

Comme vous avez 4 coins à votre écran, vous pouvez ajoutez un petit lien vers mon blog d'aide. Si ça vous intéresse, retournez modifier votre CSS, et à la suite du premier code, collez ceci:


Code:
#hautdroite{position: absolute;top: 20px; right: 0px} 




Right: 0px signifie que l'image sera à 0 pixel par rapport au bord droit.Dans nimporte quel module simple, collez ceci:


Code:
<div id="hautdroite"><a href="http://rejoignez.eklablog.com "><img onmouseover="this.src='http://data0.eklablog.com/xikuti/perso/ne pas supprimer/rejoingez2.png';" onmouseout="this.src='http://data0.eklablog.com/xikuti/perso/ne pas supprimer/rejoingez.png';" src="http://data0.eklablog.com/xikuti/perso/ne%20pas%20supprimer/rejoingez.png" alt="" /></a></div>

Si vous l'avez fait, hé bien merci beaucoup, ça me fait chaud au coeur :DSinan, je ne vous en veut pas: ce topic est là pour vous apprendre un petit truc et si vous avez lu cette deuxième partie vous aurez comprit comment faire pour mettre une image à droite.

Dernière édition par Xikuti Adma le Sam 26 Déc - 19:18 (2009); édité 4 fois
Revenir en haut
Visiter le site web du posteur MSN Skype
Eklalpha
Administrateur
Administrateur

Hors ligne

Inscrit le: 08 Oct 2009
Messages: 220
Masculin

MessagePosté le: Ven 25 Déc - 16:29 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Mon dieu ! mais l'image est HE-NOR-ME !
Tu ne crains pas que les Eklabloggueurs soient effrayés par sa taille ?
En tout cas, c'est juste... génial !

Un HE-NOR-ME MERCI ! clique là
Revenir en haut
Visiter le site web du posteur
Xikuti Adma
Etincelle
Etincelle

Hors ligne

Inscrit le: 11 Oct 2009
Messages: 226
Mon Eklablog: URL
Blog2: URL
Masculin

MessagePosté le: Ven 25 Déc - 16:35 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Lol, la version d'avant avait 20 px de plus de chaque coté. Mais ça cachait un trop grand morceau du header, donc j'ai un peu rétrécit l'image.C'est pas tellement grand, c'est juste qu'elle ressort beaucoup.

EDIT: j'ai édité une énième fois le premier post, on peut désormais facilement choisir d'afficher un grand ou un petit Coincoin.
Revenir en haut
Visiter le site web du posteur MSN Skype
ironspoon
Modérateur
Modérateur

Hors ligne

Inscrit le: 12 Oct 2009
Messages: 803
Mon Eklablog: URL
Blog2: URL
Féminin

MessagePosté le: Sam 26 Déc - 21:15 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Et voilà, j'ai installé la pub pour le fofo sur le blog Planète Eklablog mais en mettant les 2 j'ai vraiment l'impression que 2 gros yeux me regardent !
Je verrai comment arranger ça quand je reviendrai au design "normal", après les fêtes
_________________
Revenir en haut
MSN
Xikuti Adma
Etincelle
Etincelle

Hors ligne

Inscrit le: 11 Oct 2009
Messages: 226
Mon Eklablog: URL
Blog2: URL
Masculin

MessagePosté le: Sam 26 Déc - 21:46 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

J'y avais pas pensé.
Bah, je peut faire une version carrée pour un des deux. ça regle le problème, nan?
Revenir en haut
Visiter le site web du posteur MSN Skype
Publicité






MessagePosté le: Sam 26 Déc - 21:46 (2009)    Sujet du message: Publicité

Revenir en haut
Eklalpha
Administrateur
Administrateur

Hors ligne

Inscrit le: 08 Oct 2009
Messages: 220
Masculin

MessagePosté le: Lun 28 Déc - 13:04 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

N'oublie pas que si l'œil reçoit trop d'infos, il ne voit plus l'essentiel. Et il faut que le tout reste harmonieux.
Revenir en haut
Visiter le site web du posteur
Xikuti Adma
Etincelle
Etincelle

Hors ligne

Inscrit le: 11 Oct 2009
Messages: 226
Mon Eklablog: URL
Blog2: URL
Masculin

MessagePosté le: Lun 28 Déc - 17:23 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

J'y ai pensé. Le souci c'est qu'il faut un équilibre: pas trop voyant mais pas trop discret.
Je prépare différentes versions, en différentes couleur. Quand tout est fini, il y aura assez de version pour que la pub s'intègre au blog de nimporte qui.
Je me presse pas trop, pour l'instant c'est suffisant.
Revenir en haut
Visiter le site web du posteur MSN Skype
M13
Administrateur
Administrateur

Hors ligne

Inscrit le: 06 Nov 2009
Messages: 182
Mon Eklablog: URL
Masculin

MessagePosté le: Lun 28 Déc - 17:39 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Tu es génial ='D
Revenir en haut
Visiter le site web du posteur
Xikuti Adma
Etincelle
Etincelle

Hors ligne

Inscrit le: 11 Oct 2009
Messages: 226
Mon Eklablog: URL
Blog2: URL
Masculin

MessagePosté le: Lun 28 Déc - 19:53 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Bon, j'ai commencé la page pour choisir sa pub. Quand j'aurai le temps, je fait d'autres versions complètements différentes des images à afficher ;)
Déjà une nouvelle version pour la pub de rejoignez.eklablog.



Cliquez ici, ça me fait plaisir :D
Revenir en haut
Visiter le site web du posteur MSN Skype
M13
Administrateur
Administrateur

Hors ligne

Inscrit le: 06 Nov 2009
Messages: 182
Mon Eklablog: URL
Masculin

MessagePosté le: Lun 28 Déc - 23:37 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Excellent ! J'aime bien le "Eklablog pour les nuls" ;)
Tu m'as fais penser à un effet de CSS que je ne pensais pas pouvoir mettre dans Eklablog... Je te tiens au courant ! merci
Revenir en haut
Visiter le site web du posteur
ironspoon
Modérateur
Modérateur

Hors ligne

Inscrit le: 12 Oct 2009
Messages: 803
Mon Eklablog: URL
Blog2: URL
Féminin

MessagePosté le: Jeu 31 Déc - 01:19 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

Vraiment bien fichu ton blog mais j'ai une suggestion : quand tu ajoutes une commande à saisir, peux-tu la rendre plus visible en la mettant en gras ou en couleur ?
Par exemple, la commande à saisir pour voir les derniers articles last-articles.html
_________________
Revenir en haut
MSN
Xikuti Adma
Etincelle
Etincelle

Hors ligne

Inscrit le: 11 Oct 2009
Messages: 226
Mon Eklablog: URL
Blog2: URL
Masculin

MessagePosté le: Jeu 31 Déc - 09:27 (2009)    Sujet du message: Une image cliquable... Un peu particulière. Répondre en citant

mouai, vais faire ça :)
Revenir en haut
Visiter le site web du posteur MSN Skype
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Planète EKLABLOG Index du Forum -> PLANÈTE ASSISTANCE -> EKLABLOGGERS Ressources -> EKLAstuces Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  

Index | créer un forum gratuit | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Cookies | Charte | Conditions générales d'utilisation
Texno x0.3 © theme by Larme D'Ange 2006
Powered by phpBB © 2001, 2005 phpBB Group
Traduction par : phpBB-fr.com