سفينة النجاة

الله أكبر .. الله أكبر .. لا إله إلا الله الله أكبر .. الله أكبر .. ولله الحمد

lundi 22 mai 2017

Fonctions cachées de Windows XP

CSS3 properties: shadows!

Fonctions cachées de Windows XP

Fonctions cachées de Windows XP

This demo page was built in relation to this post: CSS3 properties: shadows!

Fonctions cachées de Windows XP Page 1/1 26 outils (non exhaustifs) dans les "cartons" de Windows XP (les dossiers système ou encore cachés derrière certains menus) C'est un "Voyage au bout du système" On y trouve quelques reliquats des anciennes versions de Windows qui y sont bien cachées. Pour les découvrir, il faut parfois intervenir dans la base de registre. L’on en revient avec un trésor fait de programmes et fonctions utiles, amusantes ou (et) pratiques, que l'on va utiliser...ou pas. Informez-vous sur votre système Solution 1 Tapez"msinfo32" (sans les guillemets) dans la ligne de commandes et cliquez, pour plus de détails, sur chaque élément. Solution 2 "démarrer" -> "Tous les programmes" -> "Accessoires" -> "Outils Système" -> "Informations système" Diagnostiquer/modifier le démarrage de Windows Accès : Bouton "démarrer" -> "Exécuter" -> tapez "msconfig" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier L'Utilitaire de configuration système s'ouvre. En passant d’un onglet à l’autre, on peut forcer le démarrage en mode diagnostic (Onglet "Général") ou empêcher l’affichage du logo de Windows lors du démarrage BOOT.INI -> /NOGUIBOOT Renommer plusieurs fichiers à la fois Accès : Dans le poste de travail ou l'Explorateur Windows. Pour renommer des fichiers (par ex. photos transférées sur l’ordinateur) en les nommant comme on le souhaite (par ex. "Photos de Raminagrobis"...) : Sélectionner toutes les photos à renommer (clic sur la première en tenant appuyée la touche 'shift' le temps de sélectionner la dernière) Appuyer sur la touche "F2'" Un des fichiers apparaît en surligné : Modifier l’intitulé -> Entrée. Non seulement les fichiers auront tous le nom souhaité, mais il sera suivi d’un numéro. Choisir la destination des fichiers Si l’on veut personnaliser "Envoyer vers". Lorsque l’on fait un clic droit de souris sur une icône, le fichier est envoyé à un programme ou copié dans un dossier. Pour créer de nouveaux raccourcis permettant de personnaliser ce menu : Accès : Bouton "démarrer" -> "Exécuter" -> tapez "sendto" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Une fenêtre s’ouvre permettant de les créer. Retrouver les logiciels au démarrage Pour éviter le lancement répété lorsque l’on utilise souvent les mêmes logiciels, la veille prolongée permet de retrouver l’ordinateur tel qu’il était lorsqu'il a été éteint et par conséquent de conserver tous les logiciels et documents qui étaient en cours. "démarrer" -> "Arrêter l'ordinateur". Maintenez la touche " Majuscule" enfoncée, le bouton "Mettre en veille" devient "Veille prolongée". Un clic dessus pour éteindre. Au redémarrage, les fenêtres qui étaient ouvertes réapparaîtront. Un bémol : Il faut impérativement éteindre l’ordinateur de façon, "classique" régulièrement afin de nettoyer la mémoire. A défaut, le PC ralentira ! Modifier la taille des "Miniatures" du mode d’Affichage Accès : Par la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\ Dans "l’Editeur de Registre" un double-clic sur la clé "HKEY_CURRENT_USER" Puis, un clic successif sur les petits "+" placés devant : "Software", "Microsoft", "Windows", "CurrentVersion". Cliquez sur la clé "Explorer" pour l'ouvrir Menu "Edition" -> "Nouveau" -> Valeur " DWORD" Nommez la nouvelle valeur "ThumbnailSize" (sans les guillemets) Double-cliquez dessus. Entrez une valeur décimale (entre 32 et 255),sachant que 96 est la valeur par défaut Réduire le panneau de contrôle du son Clic sur le haut-parleur dans le systray (barre des tâches, près de l’horloge). "Contrôle de volume" apparaît dans une fenêtre. Appuyer sur "Ctrl" + " S" elle sera réduite. Vérifier la version de Win. XP Accès : Bouton "démarrer" -> "Exécuter" -> tapez "winver" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Une fenêtre apparaît avec les informations y compris quel Service Pack est installé Accélérer le défilement des diaporamas Accès : Par la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\ShellImageView\ Dans "l’Editeur de Registre" double-clic sur la clé "HKEY_CURRENT_USER" puis sur les petits "+" placés devant : "Software", "Microsoft","CurrentVersion", "Explorer". Cliquez sur la clé "ShellImageView" pour l'ouvrir. Menu Edition -> Nouveau -> Valeur DWORD . Nommez la nouvelle valeur "TimeOut" (sans les guillemets) Double-cliquez dessus. Affectez-lui une valeur décimale comprise entre 1000 et 6000 correspondant au temps de pause de chaque image, exprimé en millisecondes. Nouvelle version de Windows Media Player Elle se connecte sans arrêt à Internet, prend un temps fou à démarrer, n’est pas évidente à utiliser. Pour revenir à la version précédente : Bouton "démarrer" -> "Exécuter" -> tapez "mplayer2" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Un inspecteur sur son ordinateur : " L’observateur d’événements" remplit cette mission de surveillance en tenant un journal d’information sur tout ce qui se passe sur le système et peut servir, si l’on a un jour un problème sur le micro à le résoudre. Pour l’afficher : Bouton "démarrer" -> "Exécuter" -> Tapez "eventvwr" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier "Application", "Sécurité" ou "Système" (à gauche). Sur la partie droite, un double-clic sur l’événement pour obtenir ce que l’on veut savoir (Quand on est suffisamment " Pro" pour décoder...Ce qui n’est pas mon cas). Explications plus détaillées encore sur les liens hypertexte (lorsqu’il y en a). De polices de caractère personnalisées Modifier des caractères à l’envi...pour le plaisir On peut même les imprimer ( Dessiner ses caractères avec un pinceau, une brosse...le tout accompagné d’une aide détaillée) . Mais impossible de l’envoyer dans un e-mail, ni de l’afficher sur un autre ordinateur Pour lancer cette application : Bouton "démarrer" -> "Exécuter" -> Tapez "eudcedit" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Une fois le programme lancé : Fichier -> Liens de police -> Lier avec les polices sélectionnées. Choisir une police ou insérer son propre caractère -> Valider Edition -> Enregistrer le caractère. Pour l’insérer dans n’importe quel document (Word etc.) : Démarrer -> Tous les programmes -> Accessoires -> Outils Système -> Table des caractères. On y retrouve le caractère dans la police, là où il a été inséré. Le sélectionner -> Copier et le coller dans son document. Le Pare-feu intégré de Windows Un mouchard qui surveille et enregistre un journal de toutes les connections effectuées sur l’ordinateur en notre absence (sans interférence avec le pare-feu que l’on a installé) 1 - "démarrer" -> "Paramètres" -> "Connexions réseau". 2 - Dans la nouvelle fenêtre, un double-clic sur l’icône de la connexion Internet -> "Propriétés" -> "Avancé". Cocher la ligne " Protéger mon ordinateur et le réseau en limitant ou interdisant l’accès à cet ordinateur à partir d’Internet" 3 - Paramètres -> Journal de sécurité. Cocher l’option " Enregistrer les connexions réussies dans le journal" et noter l’emplacement du fichier " pfirewall.log" -> "OK" -> "OK" Pour vérifier le bien-fondé de ce mouchard : 1 - Se connecter et surfer sur Internet. 2 – Ouvrir le fichier "pfirewall.log" dont on a noté l’emplacement. Les informations sur toutes les connections s’affichent. La colonne "dst-ip" renferme les adresses IP des sites sur lesquels l’on a surfé. 3 – Recopier une de ces adresses précédée de http:// la barre d’adresse du navigateur -> [Entrée]. On verra immédiatement de quel site il s’agit. Dans les deux premières colonnes se trouvent la date et l’heure de chacune des connections Accélérer l'affichage des menus Si le délai d'attente énerve lorsque l'on se déplace dans un menu (par ex. le menu "Démarrer" pour afficher les sous-menus). Par la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_CURRENT_USER\Control Panel\Desktop\ Cliquez sur la clé « HKEY_CURRENT_USER, puis sur le petit"+" qui se trouve devant "Control Panel". Cliquez sur la clé "Desktop" pour l'ouvrir. Un double-clic sur la valeur "MenuShow-Delay". La valeur qui s'affiche est le temps d'attente par défaut exprimé en millisecondes. Modifier cette valeur en choisissant un nombre compris entre 100 et 4000 -> "OK" et fermez l'Editeur du Registre. Améliorer le Copier/Coller L’Album permet de conserver sur le disque dur le contenu copié dans le presse-papiers de Windows. Pour y accéder : Bouton "démarrer" -> "Exécuter" -> Tapez "clipbrd" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Dans la fenêtre qui s’ouvre s’affichent les dernières données copiées ou collées dans le presse-papier (texte ou image) "Edition" -> "Coller". L’Album demande un nom de page. Choisissez-en un en rapport avec ce que vous avez copié dans le presse-papier. Il est possible de répéter cette opération autant de fois que vous le souhaitez. Pour retrouver cette page, il suffit d’un double-clic sur son icône. Les données contenues sont stockées dans le presse-papier de Windows. Vous pouvez ensuite les coller dans un autre logiciel. Le petit "plus" est qu’elles sont conservées entre deux redémarrages successifs de Windows. Bien compresser Les "Dossiers compressés" de Windows XP permettent d'économiser de la place sur le disque dur et d'envoyer par courriel un plus grand nombre de fichiers. Il faut que le destinataire dispose également de Windows XP ou qu'il ait installé un logiciel de compression : Winrar ou Winzip (par ex.). Bouton "démarrer" -> "Exécuter" -> Tapez "iexpress" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Un assistant (anglophone) propose de créer des fichier auto extractible (qui se décompresseront en faisant un double-clic dessus) 1 - Sélectionner "Create new Selkf Extraction Directive File only" -> "Suivant". 2 - Choisissez un nom pour le fichier et sélectionnez "No prompt" -> "Do not display a license" -> "Add" et sélectionnez tous les fichiers à compresser. 3 - Laissez les options par défaut. Dans la fenêtre "Package Name and Options" mettez le nom et le chemin que vous souhaitez pour le fichier -> "Suivant" -> "Terminer" Regroupement de fenêtres Si vous ne souhaitez pas que Windows XP regroupe automatiquement en un seul bouton, plusieurs fenêtres ouvertes (Explorateur ou Internet Explorer), il est possible de désactiver cette fonction par l’icône "Barre de tâches" et menu " Démarrer" du " Panneau de Configuration" Mais il est également possible de contrôler le nombre de fenêtres similaires au-delà duquel Windows activera le regroupement. Accès : Par la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced\ 1 - Dans le volet de gauche, cliquer sur la clé : "HKEY_CURRENT_USER" puis successivement sur le petit "+" placé devant : "Software", "Microsoft", "Windows", "CurrentVersion", "Explorer". Cliquez sur la clé "Advanced" pour l'ouvrir. 2 – Edition -> Nouveau -> "Valeur DWORD" 3 – Nommez la nouvelle valeur "TaskbarGroupSize" (sans les guillemets). Un double-clic dessus. Dans la fenêtre qui s’ouvre, sélectionner "Décimale" et entrer dans "Données de la valeur" la limite souhaitée. 5 étant la valeur par défaut, 2 la valeur minimale -> "OK". Fermer l'Editeur du Registre. Editeur d’équations Il rassemble toutes les notations spécifiques aux formules mathématiques : Somme, produit, matrice, lettres grecques, symboles... L’on peut ensuite copier/coller ses expressions dans un traitement de texte pour les sauvegarder ou les imprimer. Pour accéder à l’éditeur, ouvrir le dossier : C:\Program Files\Fichiers communs\MicrosoftShared\Equation et un double-clic sur l’icône "eqnedt32.exe" Winchat Lorsque l’on est connecté en réseau sur deux ou plusieurs micros, Windows a prévu un logiciel de tchat; "Conversation". Pour le lancer : Bouton "démarrer" -> "Exécuter" -> Tapez "winchat" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Taper cette commande sur chacun des micros à relier. Menu "Communiquer" -> Numéroter » (fait apparaître la liste des micros disponibles). Un double-clic et l’on est en communication avec l’un d’eux CDs en en MP3 avec Windows Media Player Il encode les CDs Audio en VMA, mais permet également de créer des MP3 Accès : Par la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\MediaPlayer\ Attention ! Cette manipulation assez complexe n'est pas conseillée aux débutants. 1 – Ouvrir le lecteur. Dans le menu marqué d’un "?" -> Vérifiez la disponibilité des mises à jour du lecteur. 2 – Dans la base de registre. Double-clic sur la clé "HKEY_LOCAL_MACHINE" puis sur les petits "+" placés devant "Software", " Microsoft". Cliquez sur la clé "MediaPlayer" pour l'ouvrir. 3 - Si la sous-clé "Settings" existe, ouvrez-la (clic dessus). Si elle n'existe pas, il faut la créer : Clic bouton droit sur la clé "MediaPlayer" -> "Nouveau" –> "Clé". Nommez-la "Setting" (sans les guillemets). Ouvrez cette clé (clic dessus). 4 - Si la sous-clé "MP3Encoding" existe, ouvrez-la (clic dessus). Si elle n'existe pas, il faut la créer : Clic bouton droit sur la clé "Setting" -> "Nouveau" –> "Clé". Nommez-la "MP3Encoding" (sans les guillemets). Ouvrez cette clé (clic dessus). 5 – Si la valeur "LowRate" (panneau de droite) n'existe pas, il faut la créer : Menu " Edition" un clic sur " Nouveau" puis sur "Valeur DWORD" dans le menu contextuel. Nommez cette nouvelle valeur "LowRate". Double-clic dessus. Dans la partie "Base", sélectionner "Décimale". Dans la zone " Données de valeur" taper le nombre "56000" - > "OK" 7 – Si ces valeurs n'existent pas, répétez l’opération pour créer trois valeurs DWORD supplémentaires. : "Medium –Rate" (128000) "Medium-HighRate" (256000) et "High-Rate" (512000) 8 – Avant de pouvoir convertir les CDs en MP3, il faut installer un codec compatible avec Windows Media Player : http://www.windows-media.net/wmp/dvd/ Télécharger celui souhaité 9 – Menu "Outils" - "Options" (de WMP) , dérouler la liste des formats disponibles. Choisir le format MP3 et régler la qualité d’encodage Copier et déplacer les fichiers en un seul clic Accès : Par la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_CLASSES_ROOT\AllFilesystemObjects\shellex\ContextMenuHandlers\ Attention ! Cette manipulation assez complexe n'est pas conseillée aux débutants. 1 - Dans l'Editeur du Registre. Double-clic sur la clé "HKEY_CLASSES_ROOT", puis successivement sur le petit"+" placé devant "All-FilesystemObjects" et "shellex" 2 – Clic bouton droit de la souris sur la clé "ContextMenuHandlers" -> "Nouveau" -> Clé. La nommer "Copy To" (sans les guillemets ». Clic bouton droit de la souris sur la valeur (par défaut) qui apparaît -> "Modifier". 3 – Dans la boîte de dialogue, taper exactement {C2FBB630- 2971-11d1-A18C-00C04FD75D13} De la même façon, créer la clé "Move To" (sans les guillemets) et lui donner la valeur : {C2FBB631-2971-11d1-A18C-00C04FD75D13} Récupérer NetMeeting Ce petit logiciel a été un peu délaissé au profit de "Messenger". Bouton "démarrer" -> "Exécuter" -> Tapez "conf" (sans les guillemets) -> Bouton "OK" ou touche [Entrée] du clavier Répondez aux questions posées par l’assistant pour configurer NetMeeting. Clear-Type Concerne (ait ?) la lisibilité des textes affichés sur certains portable. Cette technologie aide parfois à l’améliorer. Pour activer la fonction : Sur le bureau, clic droit de la souris -> "Propriétés" -> "Apparences" -> "Effets" Dans la nouvelle fenêtre, sous la ligne "Utiliser la méthode suivante pour lisser les bords des polices écran" -> Clear-Type -> OK

Désactiver le graveur de Windows XP Lorsque l’on utilise un autre logiciel de gravure, la fonction de Windows XP ne sert plus, mais utilise de la mémoire et se met en marche dès que l’on insère un CD vierge dans le lecteur. Pour la désactiver deux solutions : A) Poste de travail -> clic droit de la souris sur l’icône du graveur -> "Propriétés" Dans la fenêtre qui s’ouvre -> "Enregistrement". Cochez la case "Désactiver l’écriture sur ce lecteur" -> "OK" B) Pour éviter qu’elle ne continue à consommer de la mémoire vive et la supprimer totalement : Dans la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer\ 1 - Dans l'Editeur du Registre. Clic sur la clé "HKEY_CURRENT_USER" puis sur le petit"+" placé devant "Software", "Microsoft", "Windows", "CurrentVersion", "Policies". Cliquez sur la clé "Explorer" pour l'ouvrir. 2 – Menu Edition -> Nouveau -> valeur « DWORD. Nommer la nouvelle valeur "NoCD-Burning" (sans les guillemets). Double clic dessus et donnez-lui la valeur décimale 1 3 - Pour réactiver la fonction gravure, il suffira de supprimer la clé "NoCD-Burning". Désactiver les infos bulles : Elles sont utiles lorsque l’on s’approche pour la première fois d’un ordinateur. Mais deviennent très énervantes à force de s’afficher sans arrêt. Pour en venir à bout : Accès : Par la base de registre avec toutes les précautions que cela impose. Dans la clé HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced\ 1 - Taper la commande "regedit" (sans les guillemets) Dans le volet de gauche, cliquer sur la clé "HKEY_CURRENT_USER", puis successivement sur les petits "+" placés devant "Software", "Microsoft", "Windows", "CurrentVersion", "Explorer". Cliquez sur la clé "Advanced" pour l'ouvrir. 2 – Menu Edition -> Nouveau -> Valeur DWORD. La nommer "Enable-BalloonTips" (sans les guillemets). Dans le volet de droite, double-clic sur la nouvelle valeur et dans la fenêtre qui s’ouvre -> Decimale -> OK

Publié par pato à 16:03
Envoyer par e-mailBlogThis!Partager sur XPartager sur FacebookPartager sur Pinterest

Aucun commentaire:

Enregistrer un commentaire

Article plus récent Article plus ancien Accueil
Inscription à : Publier les commentaires (Atom)
jQuery Get an Element's Attribute Value

Tutorial Republic

Cloudy Sky
Opening Links in an iFrame

Open TutorialRepublic.com

موعظة

↓→←
▲▼
♂▬↨!
☺☻♥♦♣♠
•◘○◙
♂♫☼

milliseconds since midnight, January 1, 1970.

↓→←↑

milliseconds since midnight, January 1, 1970.

«↨↑»
Today is :
Date :
Aujourd'hui est :
.jpgblue
  • .jpgred [html]
    HTTP/1.1 200 OK Content-Type: text/html WWW-Authenticate: BASIC realm=MyRealm
  • Time is :
    * *:
    My Example
    My Example

    First name:

    Last name:

    Hello, !

    NetKontoret - School - JavaScript - Samplepage - Cookies
    Contact Us

    SCHOOL - JavaScript - Samplepage - Cookies    

    Home

     

     

    Click here to reset the cookie.

    Click here to reload the page.

     

    Date:

    Class 5 Class 6 Class 7
    Drop Down Menu Sample - 2 Menus (or more)

    Click here to return to the drop down menu tool.

    Click here to return to the tutorial explaning the drop down script.

    Click here to return to the EchoEcho.Com homepage.

    HTML Document Template

    Hello, world!

    الله أكبر

    HTML Document Template
    ♫☼►◄↕¶§▬↨↑↓→←∟↔▲▲▼ ☺☻♥♦♣☺‼♠•◘○◙♂♀ image
    • Home
      HTML/CSS DHTML Menu JavaScript
    • Download
      ASP Server-side Pulldown navigation AJAX Drop Submenu DIV Cascading
    • Order
    • Help
    • Contact
    HTML Document Template

    ..........

    HTML Document Template

    سُبْحَانَكَ سُبْحَانَكَ اللهم وَبِحَمْدِكَ، وَتَبَارَكَ اسْمُكَ، وَتَعَالَى جَدُّكَ، وَلَا إِلَهَ غَيْرُكَ الْحَمْدُ الْحَمْدُ للّهِ حَمْداً كَثِيراً طَيِّباً مُبَارَكاً فِيهِ.

    أشهد أن لا إله إلا الله وحده لا شريك له, وأشهد أن محمداً عبده ورسوله
    سبحانك اللهم وبحمدك أشهد أن لا إله إلا أنت, أستغفرك وأتوب إليك
    بسم الله, توكلت على الله, ولا حول ولا قوة إلا بالله

    Happy Codings :-) JavaScript Code Examples
    "H E L L O W O R L D"
    Ace Date Display Happy Codings :-) JavaScript Code Examples

    Happy Codings :-) C++, C#, HTML, Java, JavaScript Code Examples
    by Happy Codings :-) C++, C#, HTML, Java, JavaScript Code Examples

    ***** ENTER YOUR PAGE TITLE HERE *****





    ***** سُبْحَانَكَ سُبْحَانَكَ اللهم وَبِحَمْدِكَ، وَتَبَارَكَ اسْمُكَ، وَتَعَالَى جَدُّكَ، وَلَا إِلَهَ غَيْرُكَ. الْحَمْدُ الْحَمْدُ للّهِ حَمْداً كَثِيراً طَيِّباً مُبَارَكاً فِيهِ. اللهُ أكْبَرُ كَبِيْرًا، وَالْحَمْدُ لِلهِ كَثِيْرًا، وَسُبْحَانَ اللهِ بُكْرَةً وَّاصِيْلًا. أعُوْذُ بِاللهِ مِنَ الشَّيْطَانِ: مِنْ نَفْخِهِ، وَنَفْثِهِ، وَهَمْزِهِ. اللَّهُمَّ رَبَّ جَبْرَائِيلَ، وَمِيْكَائِيلَ، وَإِسْرَافِيْلَ، فَاطِرَ السَّمَوَاتِ وَالْأرْضِ، عَالِمَ الغَيْبِ وَالشَّهَادَةِ أنْتَ تَحْكُمُ بَيْنَ عِبَادِكَ فِيْمَا كَانُوا فِيْهِ يَخْتَلِفُونَ، اِهْدِنِيْ لِمَا اخْتُلِفَ فِيْهِ مِنَ الْحَقِّ بِإِذْنِكَ إِنَّكَ تَهْدِيْ مَنْ تَشَاءُ إِلَى صِرَاطٍ مُّسْتَقِيْمٍ. وَجَّهْتُ وَجْهِيَ لِلَّذِيْ فَطَرَ السَّمَوَاتِ وَالْأرْضَ حَنِيْفًا وَّمَا أنَا مِنَ الْمُشْرِكِيْنَ، إِنَّ صَلَاتِيْ، وَنُسُكِيْ، وَمَحْيَايَ، وَمَمَاتِيْ لِلهِ رَبِّ الْعَالَمِيْنَ، لَا شَرِيْكَ لَهُ وَبِذَلِكَ أُمِرْتُ وَانَا مِنَ الْمُسْلِمِيْنَ، اللهم أنْتَ الْمَلِكُ لَا إِلَهَ إِلَّا أنْتَ، أنْتَ رَبِّيْ وَأنَا عَبْدُكَ، ظَلَمْتُ نَفْسِيْ وَاعْتَرَفْتُ بِذَنْبِيْ فَاغْفِرْ لِيْ ذُنُوْبِيْ جَمِيْعًا إِنَّهُ لَا يَغْفِرُ الذُّنوبَ إِلَّا أنْتَ. وَاهْدِنِيْ لِأحْسَنِ الْأخْلَاقِ لَا يَهْدِيْ لِأحْسَنِهَا إِلَّا أنْتَ، وَاصْرِفْ عَنِّيْ سَيِّئَهَا، لَا يَصْرِفُ عَنِّيْ سَيِّئَهَا إِلَّا أنْتَ، لَبَّيْكَ وَسَعْدَيْكَ، وَالْخَيْرُ كُلُّهُ بِيَدَيْكَ، وَالشَّرُّ لَيْسَ إِلَيْكَ، أنَا بِكَ وَإِلَيْكَ، تَبارَكْتَ وَتَعَالَيْتَ، أسْتَغْفِرُكَ وَأتُوْبُ إِلَيْكَ. *****





    *****سُبْحَانَ ذِي الْجَبْرُوتِ وَالْمَلَكُوتِ وَالْكِبْرِيَاءِ وَالْعَظَمَةِ. اللَّهُمَّ اغْفِرْ لِي ذَنْبِي كُلَّهُ دِقَّهُ وَجِلَّهُ، وَأَوَّلَهُ وَآخِرَهُ، وَعَلاَنِيَتَهُ وَسِرَّهُ. اللَّهُمَّ لَكَ سَجَدْتُّ وَبِكَ آمَنْتُ، وَلَكَ أسْلَمْتُ، سَجَدَ وَجْهِي لِلَّذِيْ خَلَقَهُ، وَصَوَّرَهُ، وَشَقَّ سَمْعَهُ وَبَصَرَهُ، تَبَارَكَ اللهُ أحْسَنُ الْخَالِقيْنَ. اللَّهُمَّ إِنِّيْ أعُوْذُ بِرِضَاكَ مِنْ سَخَطِكَ، وَبِمُعَافَاتِكَ مِنْ عُقوْبَتِكَ، وَأعُوْذُ بِكَ مِنْكَ، لَا أُحْصِـي ثَنَاءً عَلَيْكَ، أنْتَ كَمَا أثْنَيْتَ عَلَى نَفْسِكَ. رَبِّ اعْطِ نَفْسِي تَقْوَاهَا زَكِّهَا أنْتَ خَيْرُ مَنْ زَكَّاهَا أنْتَ وَلِيُّهَا وَمَوْلَاهَا. اللَّهُمَّ اجْعَلْ فِي قَلْبِي نُورًا وَاجْعَلْ فِيْ سَمْعِيْ نُورًا وَاجْعَلْ فِيْ بَصَرِيْ نُورًا وَاجْعَلْ مِنْ تَحْتِي نُورًا وَاجْعَلْ مِنْ فَوْقِي نُورًا وَعَنْ يَمِينِي نُورًا وَعَنْ يَسَارِي نُورًا وَاجْعَلْ أمَامِي نُورًا وَاجْعَلْ خَلْفِي نُورًا وَأعْظِمْ لِيْ نُورًا. *****
    اللَّهُمَّ إِنِّي ظَلَمْتُ نَفْسِي ظُلْماً كَثِيراً ، وَلاَ يَغْفِرُ الذُّنُوبَ إِلاَّ أَنْتَ. فَاغْفِرْ لِي مَغْفِرَةً مِنْ عِنْدِكَ وَارْحَمْنِي، إِنَّكَ أَنْتَ الْغَفُورُ الرَّحِيمُ. اللَّهُمَّ اغْفِرْ لِي مَا قَدَّمْتُ وَمَا أَخَّرْتُ. وَمَا أَسْرَرْتُ وَمَا أَعْلَنْتُ. وَمَا أَسْرَفْتُ. وَمَا أَنْتَ أَعْلَمُ بِهِ مِنِّي. أَنْتَ الْمُقَدِّمُ وَأَنْتَ الْمُؤَخِّرُ. لاَ إِلهَ إِلاَّ أَنْتَ. رَبَّنَا آتِنَا فِي الدُّنْيَا حَسَنَةً وَفِي الآخِرَةِ حَسَنَةً وَقِنَا عَذَابَ النَّارِ. اللَّهُمَّ إِنِّيْ أسْألُكَ الْجَنَّةَ وَأعُوْذُ بِكَ مِنَ النَّارِ. اللَّهُمَّ إِنِّيْ أسْألُكَ يَا أللهُ بِأنَّكَ الْوَاحِدُ الْأحَدُ الصَّمَدُ الَّذِيْ لَمْ يَلِدْ وَلَمْ يُوْلَدْ، وَلَمْ يَكنْ لَهُ كُفُوًا أحَدٌ، أنْ تَغْفِرَ لِيْ ذُنُوْبِيْ إِنَّكَ أنْتَ الْغَفُوْرُ الرَّحِيْمُ. اللَّهُمَّ حَاسِبْنِيْ حِسَابَاً يَسِيراً. اللَّهُمَّ إِنِّيْ أسْألُكَ بِأنَّ لَكَ الْحَمْدُ لَا إِلَهَ إِلَّا أنْتَ وَحْدَكَ لَا شَرِيْكَ لَكَ، الْمَنَّانُ، يَا بَدِيعَ السَّمَوَاتِ وَالْارْضِ يَا ذَا الْجَلَالِ وَالْإِكْرَامِ، يَا حَيُّ يَا قَيُّومُ إِنِّيْ أسْألُكَ الْجَنَّةَ وَأعُوْذُ بِكَ مِنَ النَّارِ.
    Index
    find us at :(http://www.alukah.net/sharia/0/78860/)
    visit :"http://www.nabulsi.com/blue/ar/art.php?art=6048&id=55&sid=608&ssid=609&sssid=611"
    fly to :'https://forum.alsacreations.com/topic-5-81158-1-Script-chargement-de-page.html'
    Get in touch :[http://codes-sources.commentcamarche.net/source/101676-lecteur-audio-circulaire-rond#browser]

    Qui êtes-vous ?

    pato
    Afficher mon profil complet

    Archives du blog

    • ▼  2017 (10)
      • ►  juillet (3)
      • ►  juin (2)
      • ▼  mai (5)
        • اللهم إني أنشدك عهدك ووعدك
        • نصائح لمن يقيم في بلاد الغربة
        • أمثال القرأن الكريم
        • Fonctions cachées de Windows XP
        • خواطر إيمانية
    //*************************************************************************** //scrollspeed est la vitesse de defilement que vous pouvez changer à votre gout. //Dans la page de l'iframe :

    //******************************************************************** //Maintenant, le code javascript à inserer dans toutes les pages qu'affichera l'iframe //Entre les balises
    من أقوال السلف في الموت قال الحسن : فضح الموت الدنيا فلم يترك لذي عقل عقلا قال بعض العلماء لأحد إخوانه :احذر الموت في هذه الدنيا قبل أن تصير إلى دار تتمنى فيها الموت فلا تجده قال أبو الدرداء : إذا ذكرت الموت فعد نفسك أحدهم قالت عائشة لامرأة : أكثري ذكر الموت يرق قلبك وقال إبراهيم التيمي : شيئان قطعا عني لذة الدنيا : ذكر الموت ، والوقوف بين يدي الله وقال الحسن : من عرف الموت هانت عليه مصائب الدنيا وقال الحسن : ما ألزم عبد ذكر الموت إلا صغرت الدنيا عنده

    أحاديث وأقوال مأثورة

    السلف وغض البصر قال عيسى : النظر يزرع في القلب الشهوة قال ذو النون : النظرات تورث الحسرات وقال أحمد : كم من نظرة ألقت في قلب صاحبها البلايا قال داود : كانوا يكرهون فضول النظر قال ابن مسعود : ما كان من نظرة فإن للشيطان فيها مطمعاً قال الحسن بن مجاهد : غض البصر عن محارم الله يورث حب الله قال الوراق : من غض بصره عن محرّم أورثه الله حكمة على لسانه قال بعض السلف : نظرة إلى امرأة لا تحل لي ، فنظرت زوجتي إلى رجل أبغضه قال عمرو بن مرة : نظرت إلى امرأة فأعجبتني فكُفّ بصري ، فأرجو أن يكون ذلك كفارة

    My Example
    My Example

    My Example
    My Example
    السلف والزهد "قال علي : من زهد في الدنيا هانت عليه المصائب"
    Example

    كلام من ذهب - ليست الرجوله أن تصرخ بوجه إمرأة، أو طفل، أو مسكين، أو فقير، الرجولة هي أن تحترم هؤلاء الأربعه. - قاوم عدوك بالإحسان إليه, فإن لم تستطع كسب وده فمن الممكن أن تفقع مرارته. - الإنسان لم يخلق نفسه ولم يختر ملامحه, ففي سخريتك من غيرك سخريتك من الله عز وجل الذي خلق وأبدع فصور, وخد العبرة من نبي الله نوح عليه السلام. - قـد يـرى الناس الجرح الـذي في رأسـك ولكـنهم لا يشعـرون بالألـم الـذي تعانـيه؟ - من جار على شبابه جارت عليه شيخوخته - سئل حكيم : ما الحكمة؟ فقال : أن تميز بين الذي تعرفه والذي تجهله. - إذا كنت مخلصاً ... فليكن إخلاصك إلى حد الوفاء ، وإذا كنت صريحاً فلتـكن صراحتك إلى حد الاعتراف - نمرٌ مفترس أمامك خير من ذئب خائن وراءك - لسان العاقل وراء قلبه ، و قلب الاحمق وراء لسانه - القـناعة دليل الامانة ، والأمانة دليل الشكر ، والشكر دليل الزيادة ، والزيادة دليل بقاء النعمة ، والحياة دليل الخير كله - تعلم من الزهرة البشاشة ، و من الحمامة الوداعة ،و من النحلة النظام ، و من النملة العمل ، ومن الديك النهوض باكراً - اجعل نفسك ميزاناً في ما بينك وبين غيرك - اذا اهانتك الحياة بارزها بسيف الارادة ، وأرسل لها شاهديك: العمل والصبر. راجي الراعي - كُن عادلاً قبل أن تكون كريماً - من زاد في حبه لنفسه زاد كره الناس له - يسخر من الجروح كل من لا يعرف الألم - أكثر الرجال حكمة الذي يظن أنه أقل حكمة - اللسان ليس عظماً لكنه يكسر العـظام - لا يصل الناس إلى حديقة النجاح دون أن يمروا بمحطات التعب والفشل واليأس، وصاحب الإرادة القوية لا يطيل الوقوف في هذه المحطات. جون تشارلز سالاك - يد الثروة اليمنى هي المهارة، ويدها اليسرى هي التوفير. - احذر كل عمل اذا سئل عنه صاحبه انكره او اعتذر منه. الامام علي بن ابي طالب كرم الله وجهه - ينبغي للمرء أن ياكل ليحيا لا ان يحيا لياكل. سقراط - اذا ارتكبت اثما فانتضر أن تتألم. سفوكل - اذا أردت أن تعيش سعيدا لفترة وجيزة انتقم، واذا أردت السعادة الدائمة سامح الاخرين. - ان تكون انسانا فأمر سهل أما أن تكون رجلا فهذا صعب. مثل روسي - الاهانة لا تأتيك ممن يسيء اليك، بل من حكمك الذي يجعلك تعتقد أنه يهينك. ...

    My Example

    Check out my Bootstrap 4 tutorial.

    My Example
    • almurabbi.com
    • emanway.com
    • ferkous.com
    • planet-source
    Open tab links in browser window instead.
    LEGACY+ART - Birds of Prey
    LEGACY+ART
    • Collections
      • Birds of Prey
      • Cars
      • Guitars
    • Interiors
    • View
    • Info
    Close
    Menu
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART Merlin
    LEGACY+ART Barbed Wire
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART
    LEGACY+ART
    ....

    حكم ومواعظ وأقوال مأثورة

    prettyGallery

    https://www.facebook.com/profile.php?id=534793769975563&ref=br_rs

    • T 1
    • T 2

    https://www.facebook.com/MirrorFootballLFC/?ref=br_rs

    • T 1
    • T 2
    jQuery Set Multiple Attribute for the Elements

    Hot Air Balloons

    jQuery Set Element's Attribute Value

    I agree with terms and conditions.

    jQuery Smooth Hover Effect
    Cloudy Sky
    Choose which browser you prefer:

    Contact the author of this page:

    nizerwael75@gmail.com
    (213) 65907-3869
    Example

    My Example
    Sunset over beach
    Rob Roy Glacier
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Longtail boats at Phi Phi
    Previous Next
    HTML5 Video is required for this example
    Full player example HTML5 Video is required for this example


    onclick Event on Grouped Controls Sample

    onclick Event on Grouped Controls Sample

    Grouped Radio Buttons


    Ungrouped Radio Button

    Value of control on which the onclick event has fired:



    [Right-click and choose View Source from the shortcut menu.]

    © 2007 Microsoft Corporation. All rights reserved. Terms of use.
    My Example
    My Example
    My Example
    My Example
    jQuery plugin for Avgrund concept popin

    Avgrund Modal.

    Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). File size is under 2Kb, MIT Licensed.

    Show it Download source

    You can simply init Avgrund with one line:

    $('element').avgrund();

    Avgrund has several options for you to customize it easily:

    $('element').avgrund({
    	width: 380, // max is 640px
    	height: 280, // max is 350px
    	showClose: false, // switch to 'true' for enabling close button
    	showCloseText: '', // type your text for close button
    	closeByEscape: true, // enables closing popup by 'Esc'..
    	closeByDocument: true, // ..and by clicking document itself
    	holderClass: '', // lets you name custom class for popin holder..
    	overlayClass: '', // ..and overlay block
    	enableStackAnimation: false, // another animation type
    	onBlurContainer: '', // enables blur filter for specified block
    	openOnEvent: true, // set to 'false' to init on load
    	setEvent: 'click', // use your event like 'mouseover', 'touchmove', etc.
    	onLoad: function (elem) { ... }, // set custom call before popin is inited..
    	onUnload: function (elem) { ... }, // ..and after it was closed
    	template: 'String content..' // or function (elem) { }, or $('.content')
    });

    Avgrund plugin was inspired by Hakimel's Avgrund.js demo.

    ©2012 @IlyesDream / pixelhunter.me
    Fork me on GitHub
    NetKontoret - School - JavaScript - Samplepage - Cookies
    Contact Us

    SCHOOL - JavaScript - Samplepage - Cookies    

    Home

     

     

    Click here to reset the cookie.

    Click here to reload the page.

     

    Jump to the Analysis of the project Now if the link was in the menu window of our example, and we wanted it to load a page in the main window, the HTML code would be: Jump to the Analysis of the project

    أحاديث وأقوال مأثورة


    السلف والإخلاص
    السلف والإخلاص قال سهل : ليس شيء أشق على النفس من الإخلاص لإنه ليس لها فيه نصيب
    قال ابن القيم : لا شيء أفسد للأعمال من العجب ورؤية النفس
    وقال الربيع : كل ما لا يراد به وجه الله يضمحل
    قال ابن المبارك : رب عمل صغير تكبره النية
    قال بشر بن الحارث : لا تعمل لتذكر ، اكتم الحسنة كما تكتم السيئة
    وقال الفضيل بن عياض : إنما يريد الله منك نيتك وإرادتك
    وقال سهل بن عبدالله : ليس شيء اشق من الإخلاص لأنه ليس لها فيه نصيب

    السلف والإخلاص


    وقال سفيان الثوري : ما عالجت شيئاً أشد علي من نيتي
    وقال إبراهيم بن أدهم : ما صدق عبد أحب الشهرة
    وقال بشر الحافي : لا يجد حلاوة الآخرة رجل يحب أن يعرفه الناس
    وقال الشافعي : وددت أن الناس تعلموا هذا العلم ولا ينسب لي منه شيء
    وقال سعيد بن الحداد : ما صدّ عن الله مثل طلب المحامد وطلب الرفعة
    وجاء عن الشاطبي أنه قال : لا يقرأ أحد قصيدتي هذه إلا ينفعه الله لأني نظمتها لله والله أعلم
    المرجع / سير أعلام النبلاء - جامع العلوم والحكم

    .......
    Browser detection
    NetKontoret - School - JavaScript - Samplepage - Cookies
    Contact Us

    SCHOOL - JavaScript - Samplepage - Cookies    

    Home

     

     

    Click here to reset the cookie.

    Click here to reload the page.

    ONE TYPE OF LINKS
    youtube
    dailymotion


    ANOTHER TYPE OF LINKS
    dotnetslackersforums
    developpez.net/forums
    Designer & creativebloq
    ;
    First Name:
    Last Name:
    Favourite Colour:
    HTML Document Template

    ....

    HTML Document Template
    Enter new background color:
    HTML Document Template Delete this entry
    HTML Document Template

    Click on a list item below:

    1. This is an ordered list.
    2. Click on any item in the list.
    3. JavaScript can get its position!
    4. Very useful for dynamic lists.

    Click on a graphic below (these are in a different container from the ones above):

    Designer & creativebloq
    Designer & creativebloq
    RoundSlider - A sample demo

    roundSlider v - A free jQuery plugin

    Slider Types

    Circle Shapes




    For more details please check the Demos and Documentation page.

    Avgrund - A modal UI concept

    That's all, folks

    You can hit ESC or click outside to close the modal. Give it a go to see the reverse transition.

    If you like this you would probably enjoy Meny, reveal.js and stroll.js.

    Avgrund

    A modal concept which aims to give a sense of depth between the page and modal layers. Click the button below to give it a try.

    Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

    Avgrund is Swedish for abyss.

    Created by @IlyesDream / Get in touch
    Fork me on GitHub Avgrund - A modal UI concept

    That's all, folks

    You can hit ESC or click outside to close the modal. Give it a go to see the reverse transition.

    If you like this you would probably enjoy Meny, reveal.js and stroll.js.

    That's a completely different popup

    You can hit ESC or click outside to close the modal. Give it a go to see the reverse transition.

    Avgrund

    A modal concept which aims to give a sense of depth between the page and modal layers. Click the button below to give it a try.

    Uses CSS transforms to scale components and CSS filters to blur the page. Built for the fun of it, not intended for any practical use.

    Avgrund is Swedish for abyss.

    Created by @IlyesDream / look at
    Fork me on GitHub
    My Example

    My Example

    My Example

    Demo
    Demo
    #using 
    Welcome To Master.com

           Master.com provides free high 
         
       
     value cloud application services 
       
       to your web site with your 
       
     site's look & feel.  Now your site 
    can have most of the advanced 
    Email 
     
    Password 
     
     
    Make sure you have cookies enabled
       
      Create Account
       
      Learn more about our products
       
      ISP refugees (Excite@Home, Geocities, Mediaone) read this
     features found on  large portal 
     sites, using the same software 
     they use  but without the need
     for you to purchase and install 
     software on your web server. 


    Hosted by Master.com - Terms and Conditions | Using Texis Copyright © 2003 Thunderstone


    ', 'win01', width=screen.availWidth, 768); return false;"><%# DataBinder.Eval(Container.DataItem, "EMPNO")%> <%--<%# DataBinder.Eval(Container.DataItem, "EMPNO")%> --%>
    valeur 1 :
    valeur 2 :
    résultat :
    Demonstrate IE7 document.getElementById() bug Demonstrate IE7 getAttribute() bug
    ONE TYPE OF LINKS
    yogihosting.com/aspnet
    espaceclientv3.orange.fr


    ANOTHER TYPE OF LINKS
    quackit.com/html/tutorial
    forum.raymond.cc
    Upload images to server using Node JS
    Double Click Me!
    You've clicked   times
    That's too many clicks! Please stop before you wear out your fingers.
    ThreeSixty

    threesixty

    a jQuery plugin for creating draggable 360s

    next frame
    previous frame

    download


    html

    js

    Connecting to database

    Connecting to database

    Product
    Version
    Maintainer

    my test
    dynamic_loading(100); $conn->render_table("users","uid","uid,username,password,usertype,locname"); ?>
    Do you like this site? Tell a friend!

    NameEmail
    You:
    Friend:

    [ Get your own FREE referral system! ]

    HTML5 Video is required for this example
    My Example
    My Example

    My Example

    My Example

    My Example

    #using 
    Add item: Add

    Your values:

    Remove Sort

    Planets

    Show:

    People

    • has   children: Add child (person rendered at )
      • (child rendered at )

    What's in the model?

    Text value:
    Password:
    Bool value:
    Selected option:
    Multi-selected options:
    Radio button selection:

    HTML controls

    Text value (updates on change):
    Text value (updates on keystroke):
    Text value (multi-line):
    Password:
    Checkbox:
    Drop-down list:
    Multi-select drop-down list:
    Radio buttons:

    Contacts

    First name Last name Phone numbers
    Delete
    Delete
    Add number

    Save to JSON

    ONE TYPE OF LINKS
    forums.asp.net
    weblogs.asp.net


    ANOTHER TYPE OF LINKS
    jqueryscript.net
    no-margin-for-errors
    This is my page Welcome to my world!
    This Link To sibeeshpassion has no underline
    Celsius-Fahrenheit converter
    CELSIUSFAHRENHEIT
    Checkboxes and radio buttons customization (jQuery and Zepto) plugin

    super customized checkboxes and radio buttons for jQuery & Zepto

    iCheck v1.0.2

    @Fronteed

    Plugin features

    • Identical inputs across different browsers and devices — both desktop and mobile
    • Touch devices support — iOS, Android, BlackBerry, Windows Phone, Amazon Kindle
    • Keyboard accessible inputs — Tab, Spacebar, Arrow up/down and other shortcuts
    • Screenreader accessible inputs — ARIA attributes for VoiceOver and others
    • Customization freedom — use any HTML and CSS to style inputs (try 6 Retina-ready skins)
    • jQuery and Zepto JavaScript libraries support from single file
    • Lightweight size — 1 kb gzipped
    • 32 options to customize checkboxes and radio buttons
    • 11 callbacks to handle changes
    • 9 methods to make changes programmatically
    • Saves changes to original inputs, works carefully with any selectors
    • Download latest version
    • Follow @fronteed
    • Share on Twitter
    • Star on GitHub

    Demo

    Add checked state to 1 and 3 inputs show code
    $('#input-1, #input-3').iCheck('check');
    
    Remove checked state from 1 and 3 inputs show code
    $('#input-1, #input-3').iCheck('uncheck');
    
    Add disabled state to 2 and 4 inputs show code
    $('#input-2, #input-4').iCheck('disable');
    
    Remove disabled state from 2 and 4 inputs show code
    $('#input-2, #input-4').iCheck('enable');
    
    Remove all traces of iCheck show code
    $('input').iCheck('destroy');
    

    Callbacks

      Skins

      Minimal skin

      Live

      Color schemes

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — minimal.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/minimal/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/minimal/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/minimal/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_minimal',
            radioClass: 'iradio_minimal',
            increaseArea: '20%' // optional
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_minimal-red',
            radioClass: 'iradio_minimal-red',
            increaseArea: '20%' // optional
          });
        });
        </script>
        
      6. Done.
      Usage

      Square skin

      Live

      Color schemes

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — square.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/square/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/square/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/square/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_square',
            radioClass: 'iradio_square',
            increaseArea: '20%' // optional
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_square-red',
            radioClass: 'iradio_square-red',
            increaseArea: '20%' // optional
          });
        });
        </script>
        
      6. Done.
      Usage

      Flat skin

      Live

      Color schemes

      States

      • Normal
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — flat.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/flat/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/flat/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/flat/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_flat',
            radioClass: 'iradio_flat'
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_flat-red',
            radioClass: 'iradio_flat-red'
          });
        });
        </script>
        
      6. Done.
      Usage

      Line skin

      Live

      Color schemes

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Choose a color scheme, there are 10 different styles available:
        • Black — line.css
        • Red — red.css
        • Green — green.css
        • Blue — blue.css
        • Aero — aero.css
        • Grey — grey.css
        • Orange — orange.css
        • Yellow — yellow.css
        • Pink — pink.css
        • Purple — purple.css
      2. Copy /skins/line/ folder and icheck.js file to your site.
      3. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/line/color-scheme.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        

        Example for a Red color scheme:

        <link href="your-path/line/red.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      4. Add some checkboxes, radio buttons and labels to your HTML:

        <input type="checkbox">
        <label>Checkbox 1</label>
        
        <input type="checkbox" checked>
        <label>Checkbox 2</label>
        
        <input type="radio" name="iCheck">
        <label>Radio button 1</label>
        
        <input type="radio" name="iCheck" checked>
        <label>Radio button 2</label>
        
      5. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').each(function(){
            var self = $(this),
              label = self.next(),
              label_text = label.text();
        
            label.remove();
            self.iCheck({
              checkboxClass: 'icheckbox_line',
              radioClass: 'iradio_line',
              insert: '<div class="icheck_line-icon"></div>' + label_text
            });
          });
        });
        </script>
        

        For different from black color schemes use this code (example for Red):

        <script>
        $(document).ready(function(){
          $('input').each(function(){
            var self = $(this),
              label = self.next(),
              label_text = label.text();
        
            label.remove();
            self.iCheck({
              checkboxClass: 'icheckbox_line-red',
              radioClass: 'iradio_line-red',
              insert: '<div class="icheck_line-icon"></div>' + label_text
            });
          });
        });
        </script>
        
      6. Done.
      Usage

      Polaris skin

      Live

      States

      • Normal
      • Hover
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Copy /skins/polaris/ folder and icheck.js file to your site.
      2. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/polaris/polaris.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      3. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      4. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_polaris',
            radioClass: 'iradio_polaris',
            increaseArea: '-10%' // optional
          });
        });
        </script>
        
      5. Done.
      Usage

      Futurico skin

      Live

      States

      • Normal
      • Checked
      • Disabled
      • Disabled & checked
      Demo

      Make sure jQuery v1.7+ (or Zepto [polyfill, event, data]) is loaded before the icheck.js.

      1. Copy /skins/futurico/ folder and icheck.js file to your site.
      2. Insert before </head> in your HTML (replace your-path and color-scheme):

        <link href="your-path/futurico/futurico.css" rel="stylesheet">
        <script src="your-path/icheck.js"></script>
        
      3. Add some checkboxes and radio buttons to your HTML:

        <input type="checkbox">
        <input type="checkbox" checked>
        <input type="radio" name="iCheck">
        <input type="radio" name="iCheck" checked>
        
      4. Add JavaScript to your HTML to launch iCheck plugin:

        <script>
        $(document).ready(function(){
          $('input').iCheck({
            checkboxClass: 'icheckbox_futurico',
            radioClass: 'iradio_futurico',
            increaseArea: '20%' // optional
          });
        });
        </script>
        
      5. Done.
      Usage

      All skins (except Line) are transparent, you may use them on any background.

      Square, Flat, Polaris and Futurico skins are based on Designmodo's UI packs.

      Awesome UI packs

      Simple usage

      iCheck plugin works with checkboxes and radio buttons like a constructor.
      It wraps each input with a div, which may be customized by you or using one of the available skins.
      You may also place inside that div some HTML code or text using insert option.

      For this HTML:

      <label>
        <input type="checkbox" name="quux[1]" disabled>
        Foo
      </label>
      
      <label for="baz[1]">Bar</label>
      <input type="radio" name="quux[2]" id="baz[1]" checked>
      
      <label for="baz[2]">Bar</label>
      <input type="radio" name="quux[2]" id="baz[2]">
      

      With default options you'll get nearly this:

      <label>
        <div class="icheckbox disabled">
          <input type="checkbox" name="quux[1]" disabled>
        </div>
        Foo
      </label>
      
      <label for="baz[1]">Bar</label>
      <div class="iradio checked">
        <input type="radio" name="quux[2]" id="baz[1]" checked>
      </div>
      
      <label for="baz[2]">Bar</label>
      <div class="iradio">
        <input type="radio" name="quux[2]" id="baz[2]">
      </div>
      

      By default, iCheck doesn't provide any CSS styles for wrapper divs (if you don't use skins).

      Options

      These options are default:

      {
        // 'checkbox' or 'radio' to style only checkboxes or radio buttons, both by default
        handle: '',
      
        // base class added to customized checkboxes
        checkboxClass: 'icheckbox',
      
        // base class added to customized radio buttons
        radioClass: 'iradio',
      
        // class added on checked state (input.checked = true)
        checkedClass: 'checked',
      
          // if not empty, used instead of 'checkedClass' option (input type specific)
          checkedCheckboxClass: '',
          checkedRadioClass: '',
      
        // if not empty, added as class name on unchecked state (input.checked = false)
        uncheckedClass: '',
      
          // if not empty, used instead of 'uncheckedClass' option (input type specific)
          uncheckedCheckboxClass: '',
          uncheckedRadioClass: '',
      
        // class added on disabled state (input.disabled = true)
        disabledClass: 'disabled',
      
          // if not empty, used instead of 'disabledClass' option (input type specific)
          disabledCheckboxClass: '',
          disabledRadioClass: '',
      
        // if not empty, added as class name on enabled state (input.disabled = false)
        enabledClass: '',
      
          // if not empty, used instead of 'enabledClass' option (input type specific)
          enabledCheckboxClass: '',
          enabledRadioClass: '',
      
        // class added on indeterminate state (input.indeterminate = true)
        indeterminateClass: 'indeterminate',
      
          // if not empty, used instead of 'indeterminateClass' option (input type specific)
          indeterminateCheckboxClass: '',
          indeterminateRadioClass: '',
      
        // if not empty, added as class name on determinate state (input.indeterminate = false)
        determinateClass: '',
      
          // if not empty, used instead of 'determinateClass' option (input type specific)
          determinateCheckboxClass: '',
          determinateRadioClass: '',
      
        // class added on hover state (pointer is moved onto input)
        hoverClass: 'hover',
      
        // class added on focus state (input has gained focus)
        focusClass: 'focus',
      
        // class added on active state (mouse button is pressed on input)
        activeClass: 'active',
      
        // adds hoverClass to customized input on label hover and labelHoverClass to label on input hover
        labelHover: true,
      
          // class added to label if labelHover set to true
          labelHoverClass: 'hover',
      
        // increase clickable area by given % (negative number to decrease)
        increaseArea: '',
      
        // true to set 'pointer' CSS cursor over enabled inputs and 'default' over disabled
        cursor: false,
      
        // set true to inherit original input's class name
        inheritClass: false,
      
        // if set to true, input's id is prefixed with 'iCheck-' and attached
        inheritID: false,
      
        // set true to activate ARIA support
        aria: false,
      
        // add HTML code or text inside customized input
        insert: ''
      }
      

      There's no need to copy and paste all of them, you can just mention the ones you need:

      $('input').iCheck({
        labelHover: false,
        cursor: true
      });
      

      You can choose any class names and slyle them as you want.

      Initialize

      Just include icheck.js after jQuery v1.7+ (or Zepto [polyfill, event, data]).

      iCheck supports any selectors, but handles only checkboxes and radio buttons:

      // customize all inputs (will search for checkboxes and radio buttons)
      $('input').iCheck();
      
      // handle inputs only inside $('.block')
      $('.block input').iCheck();
      
      // handle only checkboxes inside $('.test')
      $('.test input').iCheck({
        handle: 'checkbox'
      });
      
      // handle .vote class elements (will search inside the element, if it's not an input)
      $('.vote').iCheck();
      
      // you can also change options after inputs are customized
      $('input.some').iCheck({
        // different options
      });
      

      Indeterminate

      HTML5 allows specifying indeterminate ("partially" checked) state for checkboxes. iCheck supports it for both checkboxes and radio buttons.

      You can make an input indeterminate through HTML using additional attributes (supported by iCheck). Both do the same job, but indeterminate="true" may not work in some browsers (like IE7):

      <!-- indeterminate="true" -->
      <input type="checkbox" indeterminate="true">
      <input type="radio" indeterminate="true">
      
      <!-- determinate="false" -->
      <input type="checkbox" determinate="false">
      <input type="radio" determinate="false">
      

      indeterminate and determinate methods can be used to toggle indeterminate state.

      Callbacks

      iCheck provides plenty callbacks, which may be used to handle changes.

      Callback name When used
      ifClicked user clicked on a customized input or an assigned label
      ifChanged input's checked, disabled or indeterminate state is changed
      ifChecked input's state is changed to checked
      ifUnchecked checked state is removed
      ifToggled input's checked state is changed
      ifDisabled input's state is changed to disabled
      ifEnabled disabled state is removed
      ifIndeterminate input's state is changed to indeterminate
      ifDeterminate indeterminate state is removed
      ifCreated input is just customized
      ifDestroyed customization is just removed

      Use on() method to bind them to inputs:

      $('input').on('ifChecked', function(event){
        alert(event.type + ' callback');
      });
      

      ifCreated callback should be binded before plugin init.

      Methods

      These methods can be used to make changes programmatically (any selectors can be used):

      $('input').iCheck('check'); — change input's state to checked

      $('input').iCheck('uncheck'); — remove checked state

      $('input').iCheck('toggle'); — toggle checked state

      $('input').iCheck('disable'); — change input's state to disabled

      $('input').iCheck('enable'); — remove disabled state

      $('input').iCheck('indeterminate'); — change input's state to indeterminate

      $('input').iCheck('determinate'); — remove indeterminate state

      $('input').iCheck('update'); — apply input changes, which were done outside the plugin

      $('input').iCheck('destroy'); — remove all traces of iCheck

      You may also specify some function, that will be executed on each method call:

      $('input').iCheck('check', function(){
        alert('Well done, Sir');
      });
      

      Feel free to fork and submit pull-request or submit an issue if you find something not working.

      Comparison

      iCheck is created to avoid routine of reinventing the wheel when working with checkboxes and radio buttons. It provides an expected identical result for the huge number of browsers, devices and their versions. Callbacks and methods can be used to easily handle and make changes at customized inputs.

      There are some CSS3 ways available to style checkboxes and radio buttons, like this one. You have to know about some of the disadvantages of similar methods:

      • — inputs are keyboard inaccessible, since display: none or visibility: hidden used to hide them
      • — poor browser support
      • — multiple bugs on mobile devices
      • — tricky, harder to maintain CSS code
      • — JavaScript is still needed to fix specific issues

      While CSS3 method is quite limited solution, iCheck is made to be an everyday replacement covering most of the tasks.

      Browser support

      iCheck is verified to work in Internet Explorer 6+, Firefox 2+, Opera 9+, Google Chrome and Safari browsers. Should also work in many others.

      Mobile browsers (like Opera mini, Chrome mobile, Safari mobile, Android browser, Silk and others) are also supported. Tested on iOS (iPad, iPhone, iPod), Android, BlackBerry and Windows Phone devices.

      Download plugin
      iCheck plugin is released under the MIT License. Feel free to use it in personal and commercial projects.
      • Star on Github
      • Share on Twitter
      • Follow @fronteed
      Created by Damir Sultanov
      Fork me on GitHub
      My Example

      Thème Filigrane. Fourni par Blogger.