Source d'essai

blog d'essai des fonctionnalités de CB et scripts gratuits

01-01-10

panneau déroulant jquery

Grâce à la bibliothèque jquery, vous pouvez créer un panneau déroulant sur votre page très facilement ... Les images: Créez une image de fond de 800x600. Copiez l'image suivante (changez les couleurs pour l'associer à votre fond) Intégrez ces deux images au script, n'oubliez pas de changer couleurs, taille, etc) Les fichiers à héberger et à insérer dans le head: jquery-1.2.3.pack.js jquery.ifixpng.js Mettre ce script entre les balises <head> et </head>:   <br /><br /><br... [Lire la suite]
Posté par arian à 00:00 - - Commentaires [0] - Permalien [#]
Tags : ,

20-12-09

Coverflow

Présentez vos photos façon "coverflow" avec mootools ... A insérer entre les balises <head> et </head>: <link rel="stylesheet" type="text/css" href="MooFlowWhite.css" /> <script type="text/javascript" src="MooFlow.js"></script> <script type="text/javascript" src="mootools-1.2-core.js"></script> <script type="text/javascript" src="mootools-1.2-more.js"></script> ... [Lire la suite]
Posté par arian à 15:14 - - Commentaires [6] - Permalien [#]
Tags : , ,
12-12-09

Horinaja/ Slide show

Un script très facile à mettre en place, pour vous permettre de faire une présentation style "slide show" Entre les balises <head> et </head>: <script src='jquery-1.3.2.min.js ' type="text/javascript"></script> <script src='jquery.mousewheel.js' type="text/javascript"></script> <script src='class.horinaja.jquery.js' type='text/javascript'></script> <link rel="stylesheet" href="horinaja.css" type="text/css"... [Lire la suite]
Posté par arian à 13:10 - - Commentaires [0] - Permalien [#]
Tags : ,
24-09-09

Effet de page en JQuery

Un effet de coin de page qui s'ouvre en jquery pour insérer une pub ou autre ... Ce script a été réalisé par: http://blog.jaysalvat.com, un super blog à visiter !!!! Entre les balises <head> et <head>: ne pas oublier de renseigner l'adresse de l'image illustration   <br /><br /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br /><br />    <script type="text/javascript"... [Lire la suite]
Posté par arian à 15:59 - - Commentaires [2] - Permalien [#]
Tags : ,
11-03-09

Multi fichiers

Une page entière de "box" en javascript ...Pour récupérer les codes des "box", il suffit d'ouvrir la page source et prendre les javascripts qui vous serviront pour vos sites. Cliquez ici:
09-03-09

monrollover

L'intérêt de ce script, est de faire bouger une image au passage de la souris, pour attirer l'attention du visiteur(contact, profil...). Pour cela, on fait intervenir l'évènement "OnMouseOver", lié à la position et au déplacement de la souris et son complément à l'évènement "OnMouseOut". Script à insérer entre les balises head   <SCRIPT LANGUAGE="Javascript">        <!--         monrollover= new Image( );  ... [Lire la suite]
Posté par arian à 17:13 - - Commentaires [0] - Permalien [#]
Tags : , ,

08-03-09

Changement de couleur de la page

Proposez à vos visiteurs de changer la couleur de fond de votre page. Script à insérer entre les balises head:   <SCRIPT LANGUAGE="JavaScript"> Col = new Array; Colf = new Array; Col[0] = "white"; Colf[0] = "Blanc"; Col[1] = "#4c536f"; Colf[1] = "origine"; Col[2] = "green"; Colf[2] = "Vert foncé"; Col[3] = "seagreen"; Colf[3] = "Vert"; Col[4] = "red"; Colf[4] = "Rouge"; Col[5] =... [Lire la suite]
Posté par arian à 10:07 - - Commentaires [0] - Permalien [#]
Tags : ,
07-03-09

Accordéon simple

Un script très facile à utiliser, pour mettre en place un effet style accordéon. Ce script ne nécessite aucune bibliothèque. Script à insérer entre les balises <head> et </head>:   <style type="text/css"> * { margin:0; padding:0; list-style:none; } body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:10px;         background:#4c536f; } #basic-accordian{ border:5px solid #e3d8c3; // bordure padding:5px; ... [Lire la suite]
Posté par arian à 14:13 - - Commentaires [1] - Permalien [#]
Tags : ,
03-03-09

Slide show

Une petite galerie vous permettant de mettre en valeur vos photos, vos images ... Compatible EI/FF Script à mettre entre les balises <head> et </head>:   * {margin:0; padding:0} body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#666 url(http://p7.storage.canalblog.com/72/75/415861/36395312.gif)} #gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA} #images {border:2px solid #9ac1c9; height:225px; background:#eef5f6;... [Lire la suite]
Posté par arian à 20:02 - - Commentaires [0] - Permalien [#]
Tags : ,
28-02-09

Boutons en Javascript

Bouton retour à la page précédente:   script: <form>  <input type="button" value="Retour" onclick="history.go(-1)"></form> ******************************************************* Bouton d'affichage de la source: Script: <form><div><p><input TYPE="button" NAME="view"VALUE="Cliquez ici pour voir la source "OnClick="window.location=&quot;view-source:&quot;... [Lire la suite]
Posté par arian à 12:02 - - Commentaires [0] - Permalien [#]
Tags : ,

maindessus20x43