Forum d'entraide Crea illusion Fantasy


Coucou,

Merci de nous rejoindre sur le forum, j'espère que l'on passera de bons moments ensembles.

Au plaisir de te lire dans les différentes catégories.

Le Staff du forum Crea illusion Fantasy.

Forum d'entraide Crea illusion Fantasy

Aides, Conseils, Forum, Sites web, blogs, tout supports, Graphismes, Tutoriels, Publicités.


AccueilAccueil  FAQFAQ  PortailPortail  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Effet loupe pour forumactif

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 5007
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10549
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: Effet loupe pour forumactif Mer 31 Jan 2018 - 20:11

Coucou

1/ Partie CSS, à ajouter à votre css :

Code:
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
   border: 4px solid #888;
   margin:-4px;   /* Set this to minus the border thickness. */
   background-color:#fff;  
   cursor:move;      
}
 
/* This is for the title text. */
.cloud-zoom-title {
   font-family:Arial, Helvetica, sans-serif;
   position:absolute !important;
   background-color:#000;
   color:#fff;
   padding:3px;
   width:100%;
   text-align:center;  
   font-weight:bold;
   font-size:10px;
   top:0px;
}
 
/* This is the zoom window. */
.cloud-zoom-big {
   border:4px solid #ccc;
   overflow:hidden;
}
 
/* This is the loading message. */
.cloud-zoom-loading {
   color:white;  
   background:#222;
   padding:3px;
   border:1px solid #000;
}

2/Partie javascript.( A positionner quelque part qui en rendra l'accès depuis tout votre forum (Description du forum ou overall_header juste avant la balise )

Code:
<!-- Load the Cloud Zoom JavaScript file -->
<script type="text/JavaScript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/zoom/js/cloud-zoom102.js"></script>



3/ Partie HTML à placer dans votre message.

Code:
<a href='URL DE TON IMAGE' class = 'cloud-zoom' id='zoom1' rel="adjustX: 10, adjustY:-4, softFocus:true">
            <img src="URL DE TON IMAGE" alt='' align="left" title="Optional title display" />
        </a>
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 224
Venue : 27/03/2011 Je suis : Masculin
Né(e) le : 04/01/1954
Age : 64
Je vie à : Belgique
Humeur : Bonne souvent.
Mes Points : 436
inactif
Rectangletops
18 - 16
MessageSujet: Re: Effet loupe pour forumactif Mer 31 Jan 2018 - 21:20
Partie trois-Il faut que le membre ajoute chaque fois url image pas possible ce truc là.
Revenir en haut Aller en bas
http://www.yakachiner.be
AuteurMessage
avatar
Messages : 5007
Venue : 27/06/2009 Je suis : Féminin
Né(e) le : 17/09/1963
Age : 55
Je vie à : Lyon
Humeur : Bonne humeur
Mes Points : 10549
Fondatrice
Ptite_Perle
18 - 16
MessageSujet: Re: Effet loupe pour forumactif Jeu 1 Fév 2018 - 18:40
Coucou

Ok Smile
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
AuteurMessage
avatar
Messages : 224
Venue : 27/03/2011 Je suis : Masculin
Né(e) le : 04/01/1954
Age : 64
Je vie à : Belgique
Humeur : Bonne souvent.
Mes Points : 436
inactif
Rectangletops
18 - 16
MessageSujet: Re: Effet loupe pour forumactif Jeu 1 Fév 2018 - 21:08
ok, merci.
Revenir en haut Aller en bas
http://www.yakachiner.be
AuteurMessage
Contenu sponsorisé
18 - 16
MessageSujet: Re: Effet loupe pour forumactif
Revenir en haut Aller en bas

Effet loupe pour forumactif

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» Effet loupe à la place du soulignement
» Mise à jour du gwBBcode pour forumactif
» mise à jour du gwbbcode pour forumactif?
» Idée pour Forumactif !
» [Lixyr Yrna] Une page d'accueil pour rainbow style

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum d'entraide Crea illusion Fantasy :: Astuces codages pour forumactif :: Astuces et codages forumactif-