Sujet précédent :: Sujet suivant |
Auteur |
Message |
Xikuti Adma Etincelle
Hors ligne
Inscrit le: 11 Oct 2009 Messages: 226
|
Posté le: Mer 23 Déc - 22:47 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
Eklalpha Administrateur
Hors ligne
Inscrit le: 08 Oct 2009 Messages: 220
|
Posté le: Ven 25 Déc - 16:29 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
Xikuti Adma Etincelle
Hors ligne
Inscrit le: 11 Oct 2009 Messages: 226
|
Posté le: Ven 25 Déc - 16:35 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
ironspoon Modérateur
Hors ligne
Inscrit le: 12 Oct 2009 Messages: 803
|
Posté le: Sam 26 Déc - 21:15 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
Xikuti Adma Etincelle
Hors ligne
Inscrit le: 11 Oct 2009 Messages: 226
|
Posté le: Sam 26 Déc - 21:46 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
Publicité
|
Posté le: Sam 26 Déc - 21:46 (2009) Sujet du message: Publicité |
|
|
|
|
Revenir en haut |
|
|
Eklalpha Administrateur
Hors ligne
Inscrit le: 08 Oct 2009 Messages: 220
|
Posté le: Lun 28 Déc - 13:04 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
Xikuti Adma Etincelle
Hors ligne
Inscrit le: 11 Oct 2009 Messages: 226
|
Posté le: Lun 28 Déc - 17:23 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
M13 Administrateur
Hors ligne
Inscrit le: 06 Nov 2009 Messages: 182
|
Posté le: Lun 28 Déc - 17:39 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
Tu es génial ='D |
|
Revenir en haut |
|
|
Xikuti Adma Etincelle
Hors ligne
Inscrit le: 11 Oct 2009 Messages: 226
|
Posté le: Lun 28 Déc - 19:53 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
M13 Administrateur
Hors ligne
Inscrit le: 06 Nov 2009 Messages: 182
|
Posté le: Lun 28 Déc - 23:37 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
ironspoon Modérateur
Hors ligne
Inscrit le: 12 Oct 2009 Messages: 803
|
Posté le: Jeu 31 Déc - 01:19 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
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 |
|
|
Xikuti Adma Etincelle
Hors ligne
Inscrit le: 11 Oct 2009 Messages: 226
|
Posté le: Jeu 31 Déc - 09:27 (2009) Sujet du message: Une image cliquable... Un peu particulière. |
|
|
mouai, vais faire ça :) |
|
Revenir en haut |
|
|
|