Image sur 1 côté du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image sur 1 côté du forum

Message par Jézebel L. le Lun 3 Déc 2012 - 15:16

Bonjour à tous Very Happy

Besoin de vos lumières, svp,
je voudrais mettre une image sur le côté de mon forum, qui en cliquant dessus, renvoie à un sujet du forum.
J'ai lu sur votre forum, qu’apparemment c'est les widgets qui le font.
Mais bon, j'ai pas tout compris, et surtout je suis pas du tout douée en code css. Sad

Quelqu'un pourrais m'aider, svp, pour le code ? Confused

Merci d'avance.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Matriochka le Lun 3 Déc 2012 - 15:41

Coucou,

C’est possible sans passer par les widgets… Mais avant de te faire faire n’importe quoi, cette image, tu la veux hors du cadre du forum ou bien à l’intérieur du cadre ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Lun 3 Déc 2012 - 15:59

Re ^^

Eh bien je veux la mettre hors des cadres
comme dans cet exemple_ci :


Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Matriochka le Lun 3 Déc 2012 - 16:04

C’est bien ce que je pensais Smile

Alors dans ce cas, il faut passer par les templates. Va dans PA > Affichage > Templates > Général, et ouvre le template overall_header. Trouve cette partie :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
Insère ton image juste après, comme ceci, en lui mettant une class spéciale :
Code:
<a href="url_de_ton_lien.html"><img class="sortimg" src="url_de_ton_image.png" /></a>
Ensuite, dans ton CSS, tu gères le positionnement de ton image avec :
Code:
.sortimg {
left:0px;
top:0px;
position:absolute;}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Lun 3 Déc 2012 - 16:10

Ah ! gros problème, je suis admin et j'ai aucun accès aux templates
et le fonda vient plus du tout.
c’est pour cela je voulais passer par un widget ou au pire par javasripts
ou par la feuille de css.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Matriochka le Lun 3 Déc 2012 - 16:16

Ah, d’accord ! Ben dans ce cas, tu peux mettre ceci sur ton message d’accueil, mais le souci, c’est que ça apparaîtra seulement sur la page d’accueil de ton forum (l’index), pas sur les pages des sujets, etc. Ça ne te fait rien ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Lun 3 Déc 2012 - 16:20

Non, tant pis si ça n’apparait pas sur les autres pages.
Sur l'index du forum, c’est déjà bien ! ^^

Je dois faire quoi ?

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Matriochka le Lun 3 Déc 2012 - 16:32

Ben du coup, oublie l’histoire des templates, et mets juste ton image dans PA > Affichage > Page d’accueil > Généralités, là où tu as ton message d’accueil :
Code:
<a href="url_de_ton_lien.html"><img class="sortimg" src="url_de_ton_image.png" /></a>
Et après, même chose, tu positionnes ton image avec le CSS que je t’ai donné plus haut :
Code:
.sortimg {
left:0px;
top:0px;
position:absolute;}
En modifiant les valeurs 0px, évidemment Smile

PS : Il faudrait peut-être penser à faire quelque chose avec le compte fondateur, non ? C’est un peu embêtant d’être limité au niveau du panneau d’admin… Il me semble que tu peux demander à ce que les droits de fondation te soient légués (mais je ne peux pas t’en dire plus, je connais assez mal cette procédure, ne l’ayant jamais approchée de près ou de loin).

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Lun 3 Déc 2012 - 16:43

Oui, je ferais une demande de passation de compte, car c’est sûre que je suis très limitée -_-

Merci pour les codes, mais il y aurais pas moyen de mettre l'image plus bas, vers les catégories (catégorie Administration) ?

Car là c'est trop haut ^^'

http://monde-oublie.forumactif.com/forum

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Matriochka le Lun 3 Déc 2012 - 16:46

Essaye avec ceci :
Code:
.sortimg {
position: absolute;
margin-left: -950px;
margin-top: -450px;}
Après il faut régler comme tu veux. Là, ça apparaît à côté de ta page d’accueil.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Lun 3 Déc 2012 - 16:56

OK !!! Merciiiii !!! j'ai réglé ^^
et par contre je devrais réduire un peu mon image lol.

Par contre, il y aurait pas un code, pour que l'image suit, lorsqu’on fait défiler la page ? scratch

Ou alors faire juste bouger un petit peu l'image. compress
afin d'attirer l'attention. ^^

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Mar 4 Déc 2012 - 22:22

up svp !

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Jeu 6 Déc 2012 - 16:10

Up ^^

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Ven 7 Déc 2012 - 21:29

up !

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Mar 11 Déc 2012 - 18:41

up !!

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Mer 12 Déc 2012 - 20:30

up up up ! ^^'

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Ven 14 Déc 2012 - 8:56

SVP !

UP !!

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Adam_sfp le Ven 14 Déc 2012 - 9:38

Bonjour

Il faudrait essayer de remplacer
Code:
position: absolute;
par
Code:
position:fixed;

Et pour faire un effet( qui attire l'attention) vous pouvez rajouter un script de ce style

http://davidwalsh.name/demo/jquery-shake.php

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Ven 14 Déc 2012 - 10:06

Bonjour,

J'ai mis fixed, mais l'image a disparue
et quels scripts je dois insérer ? et où svp
j'y connais rien en css malheureusement
aidez moi svp Crying or Very sad
merci.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Adam_sfp le Ven 14 Déc 2012 - 10:20

Bonjour

vous avez du mal recopier quelque chose...

Si vous voulez mettre l'effet
il faudrait mettre dans description de site


Code:
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

En page d'accueil

Code:
<div id="shaker"> <a href=""><img src="http://i48.tinypic.com/4ue34l.jpg" alt="" /></a> </div>

Dans votre CSS
Code:

#shaker    { position:fixed; top:10px; right:10px; width:198px; height:293px; display:none; }
*vous pouvez changer les valeurs top:10px; right:10px; pour changer la position de l'image.



Et dans modules gestion des codes javascript.

Panneau d'administration Modules Gestion des codes Javascript Créer un nouveau javascript

Voir un aperçu:
1. Indiquez un titre de votre choix au script (ex: shake)
2. Cochez les cases correspondantes aux endroits où vous souhaitez voir le script (ex: Toutes les pages)
3. Collez le code
4. validez

Code:
function periodical() {  $('#shaker').effect('shake', { times:3 }, 200); } $(document).ready(function() {  $('#shaker').hide().css('display','').fadeIn(600);  var shake = setInterval(periodical, 5000);      $('#shaker').click(function() {    clearInterval(shake);  })  });

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image sur 1 côté du forum

Message par Jézebel L. le Ven 14 Déc 2012 - 11:05

C'est super !!
Merciiiiii de tout cœur ! juste ce que je voulais cheers
je n'aurais jamais pu y arriver sans votre aide, trop de codes et tout lol
Merci encore. Very Happy

Prob résolu.

Jézebel L.
****

Féminin
Messages : 206
Inscrit(e) le : 02/05/2011

http://monde-oublie.forumactif.com/
Jézebel L. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum