Gradualfader (messages) Bouton_activeGradualfader (messages) Bouton_hoverGradualfader (messages) Fb-hoverGradualfader (messages) Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Gradualfader (messages) EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Gradualfader (messages) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Gradualfader (messages) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Gradualfader (messages) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Gradualfader (messages) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Gradualfader (messages) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Gradualfader (messages) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Gradualfader (messages) EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -47%
SAMSUNG T7 Shield Bleu – SSD Externe 1 To ...
Voir le deal
89.99 €

Partagez
 

Gradualfader (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Gradualfader (messages) Empty
    Bonjour, quel est l'hébergeur pour le javascript ?
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:10
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Gradualfader (messages) Empty
    Hello Razz

    J'ai modifié mon premier message. Il y a ce site https://www.archive-host.com/
    Il suffit de t'inscrire et héberger le script.
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:14
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Gradualfader (messages) Empty
    Merci ! Par contre.. Le script, tu dis qu'il faut le placer en haut de la page, mais de quelle page ? Une page htlm, le css, le post ?
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:20
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Gradualfader (messages) Empty
    La page où tu vas faire ton gradualfader ^^"
    Par exemple tu veux faire l'effet dans une page d'accueil, naturellement tu le place dans PA => Affichage =>Généralités

    Par contre, tu ne peux pas faire cet effet dans un message normal vu qu'il contient un script qui ne sont pas applicables sur un message (à moins de le créer dans une page html et de l'insérer dans un message à partir d'une iframe, là ça marche)
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:27
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Gradualfader (messages) Empty
    Alors désolé de t'embêter mais ça ne marche pas x) Je l'ai fait sur la PA puisque je ne sais pas faire les iframe.

    Ma PA :
    Code:
     <script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/16808965363133770/Document.Js">

    /***********************************************
    * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
    * This notice must stay intact for legal use
    ***********************************************/

    </script>

    <img src="http://img4.hostingpics.net/pics/8880136l7jfczv.png" class="gradualfader" />

     <script type="text/javascript">
    gradualFader.init() //activate gradual fader
    </script>

    Mon css :
    Code:
    .gradualfader {
      cursor: help;
            border: 1px solid #ffffff;
            padding: 02px;
    }
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:34
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Gradualfader (messages) Empty
    Je viens de voir la page de script et il y a des éléments qui manquaient ^^''

    Essaies comme ça : (j'ai ajouté ma page de script et ça marche)



Dernière édition par Massive8despair le Jeu 17 Fév 2011, 11:59, édité 1 fois
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:43
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Gradualfader (messages) Empty
    Ca marche parfaitement, merci !
    Tu ne sais pas s'il est possible d'appliquer ça à toutes les images du forum ? Sinon c'est pas grave, je vais me renseigner pour les iframes ^^
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:54
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Gradualfader (messages) Empty
    Qu'est ce que tu veux dire par toutes les images du forum? ^^"

    Et il y a déjà un tuto sur les iframes que tu trouveras ici

    Et han, contente que ça marche chez toi \o/
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 11:59
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Gradualfader (messages) Empty
    Ben en gros que cet effet s'applique aux images de tous les posts sans avoir à le faire manuellement !
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 12:00
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Gradualfader (messages) Empty
    Malheureusement, il n'y a que la solution de l'iframe et donc, créer manuellement tes pages html.
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 12:05
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Gradualfader (messages) Empty
    D'accord, merci !
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 12:06
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Gradualfader (messages) Empty
Je valide le tutoriel Very Happy Merci Wink
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyJeu 17 Fév 2011, 12:23
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Gradualfader (messages) Empty
    En effet c'est beaucoup plus simple *.* mais personnellement je me suis habituée à utiliser l'autre version javascript qui nécessite l'hébergement du fichier, l'ajout de la div à l'élément où on veut appliquer l'effet et ... c'est tout xDD

    Brefouille, j'crois que c'est en effet possible d'ajouter cette astuce, je le ferai quand j'aurai bouclé la FAQ, si tu es d'accord naturellement Razz
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyMar 01 Mar 2011, 16:56
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Gradualfader (messages) Empty
Yep, c'est fait pour :3 ET ma version est plus simple que d'héberger des fichiers et de mettre une classe à touuuus les éléments.

Enfin, c'était surtout pour dire qu'en fait c'était possible de l'appliquer à toutes les images d'un forum sans devoir mettre manuellement la classe ^^
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyMer 02 Mar 2011, 04:23
Revenir en haut Aller en bas
Phantasmagoria
Phantasmagoria
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1636



Gradualfader (messages) Empty
    Yup okay, j'pense aussi que ça répond à la question de Sarah.
    Etant donné que je vais m'occuper de cette section, j'vais modifier mon message et ajouter ton astuce, par contre j'ai une p'tite question, le code vient de toi? Pour que je sache qui créditer ^^"
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) EmptyMer 02 Mar 2011, 14:23
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Gradualfader (messages) Empty
Plus ou moins, c'est une adaptation rapide de ce que j'ai pu trouver aux détours du web en termes d'application du JQuery, vu que ce dernier a déjà une fonction "fadeIn", c'est lui qui fait toute la magie Wink
MessageSujet: Gradualfader (messages)   Gradualfader (messages) EmptyMer 02 Mar 2011, 14:38
Revenir en haut Aller en bas
Contenu sponsorisé




Gradualfader (messages) Empty
MessageSujet: Re: Gradualfader (messages)   Gradualfader (messages) Empty
Revenir en haut Aller en bas
 

Gradualfader (messages)

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

 Sujets similaires

-
» Supprimer la colonne "derniers messages" (messages)
» Mettre le profil à droite dans les messages (messages)
» Décaler le contenu du profil dans les messages (messages)
» Les curseurs en CSS (messages)
» Sujets; Messages; Derniers Messages - comment les modifier ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit