Facebook 

Tutoriaux scripts html et php principalement !

Tutoriaux html


Quelques tutoriaux html et codes

Un peu de html


Un peu de PHP par ici >


Interdire le click droit =>


 <body oncontextmenu="return false">

Interdire de copier et de clicker =>



<SCRIPT LANGUAGE="JavaScript">
<!-- Disable
function disableselect(e){
return false
}

function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
//-->
</script>

Hovers de couleurs différentes =>

Code Html


<link rel="stylesheet" media="screen" type="text/css" href="design.css" />
<p id="fd"><a href="http://google.com">lien orange</a></p>

<p id="ge"><a href="http://google.com">lien rouge</a></p>

Code Css

.te {font-style: none; } a:hover{ color: green; } #fd a:hover { color: orange; } #ge a:hover { color: red; }

Résultat

lien orange

lien rouge

Souligner avec une couleur différente du texte =>

<STYLE type=text/css> #b { style=text-decoration : none; color : black; border-bottom : 1px; border-bottom-style : solid; border-bottom-color : orange; } #f { style=text-decoration : none; color : black; border-bottom : 1px; border-bottom-style : solid; border-bottom-color : blue; } </STYLE> <font id="b">Texte souligné en orange</font> <font id="f">Texte souligné en bleu</font>

Résultat

Texte souligné en orange Texte souligné en bleu

Ajuster le texte à une div =>

<html> <style>p{font-size: 0.8em} div {position:relative; top:60px; left:70px; width:10em; font-size:2em; padding:0; background-color: lightgrey; border:1px solid green}</style> <body> <div><p> Le texte sera ajusté par rapport à la div</p> </div> </body></html>

Résultat

Le texte sera ajusté par rapport à la div

Centrer une div =>

<style>
.iota
{
   width:200px; 
   height:150px;
   border: 1px solid green;
   position: relative; 
   background-color: lightgrey;
   left: 50%;
   margin-left: -100px;
}
</style>
<div class="iota"> <p>Cette div est centrée avec la méthode des 
pourcentages =>"margin-left" doit être négatif, et doit être 
la moitié de "width", et "left=50%".
</p></div>

Résultat

Cette div est centrée avec la méthode des pourcentages => "margin-left" doit être négatif, et doit être la moitié de "width", et "left=50%".

Faire un lien multi-hover =>

<html> <style>a.example{color: #00f; text-decoration: none} a.example:hover{color: #f90;text-decoration: underline} a.example span{color: #f00;text-decoration: none} a.example:hover span{color: #00f;text-decoration: underline} a.example span span{color: #0c0;text-decoration: none} a.example:hover span span{color: #f00;text-decoration: underline} a.example span span span{color: #f90;text-decoration: none} a.example:hover span span span{color: #0c0;text-decoration: underline} </style> <body><a href="http://www.youtube.com" class="example" target="_blank">Ce-<span>ci <span>est <span>un lien</span></span></span></a></body></html>

Résultat

Ce-ci est un lien

Afficher un script avec ses balises =>

<pre> &lt;link rel="stylesheet" media="screen" type="text/css" href="design.css"/&gt; </pre>

Résultat

<link rel="stylesheet" media="screen" type="text/css" href="design.css"/>

Rediriger avec la touche Enter =>

<script language="JavaScript"> NS4 = (document.layers) ? true : false; function checkEnter(event) { var code = 0; if (NS4) code = event.which; else code = event.keyCode; if (code==13) document.location.href="http://www.youtube.com" } </script> <body onkeypress="checkEnter(event)"> </body>

Rollover en JavaScript =>

<HTML>
 <HEAD>
       <SCRIPT LANGUAGE="Javascript">
       <!--
        monrollover= new Image( );
        monrollover.src="mail.jpg";
       //-->
       </SCRIPT>
  </HEAD>
  <BODY>
   <A HREF="http://www.hotmail.com" onmouseover="monrollover.src=
'mail.jpg';" onmouseout="monrollover.src='hot.jpg';"target="_blank">
    <IMG SRC="hot.jpg" name="monrollover" border=0>
   </A>
  </BODY>
</HTML>

Résultat


Montrer et cacher une div en JavaScript =>


<html>
<style>
.delta
{
 position: relative;   
   top:10px;
   left:20px;
   width:20em;
   padding:0;
   background: lightblue; 
   border:2px solid black;
}
p{ font-size: 0.9em}
</style>
<script language="javascript"> 
function toggle() {
	var ele = document.getElementById("toggleText");
	var text = document.getElementById("displayText");
	if(ele.style.display == "block") {
    		ele.style.display = "none";
		
  	}
	else {
		ele.style.display = "block";
		}
} 
</script>          
<a id="displayText" href="javascript:toggle();">Clicker ici pour afficher
 la div =></a>
<div id="toggleText" style="display: none">
<div class="delta">
<p>On raconte que la Margarita est née en 1959, pendant un concours du 
meilleur Cocktail américain.La Margarita y aurait été 
présentée par John Durlesser, barman travaillant au "Tail 
O'the Cock" de Los Angeles qui, 23 ans plus tôt, serait parti
 à la chasse avec sa fiancée mexicaine du nom de Margarita, 
qui aurait reçu une balle perdue et en aurait péri. Les regrets 
d'un barman, gardés pendant des années, auraient donné
 naissance à ce Cocktail unique. C'est une très belle histoire,
 mais il s'avère qu'elle est inexacte.
</p>
</div>
</html>

Résultat

Clicker ici pour afficher la div =>

Montrer et cacher une div avec JQuery =>

<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ //hide the all of the element with class msg_body $(".msg_body").hide(); //toggle the componenet with class msg_body $(".msg_head").click(function(){ $(this).next(".msg_body").slideToggle(600); }); }); </script> </head> <p class="msg_head"><u><a>Clicker ici pour afficher =></a></u></p> <div class="msg_body"> <p>.....Et voilà le résultat ! </p></div>

Résultat

Clicker ici pour afficher =>

.....Et voilà le résultat !

Autres

Lister ses fichiers =>

Copier-coller le script suivant dans un bloc-note, et l'enregistrer avec l'extenstion .bat, puis exécuter le fichier

@echo off DIR>>dir /b /a:-d>>log.txt @echo off

Afficher un mot de passe qui s'affiche en étoiles sur un site =>

Copier le code suivant dans la barre d'adresse, et appuyer sur entrée

javascript:alert(document.getElementById('Passwd').value);



If you like charts go here














Created by Veritas






cliquer ici pour m'aider à faire connaître cette adresse

More cool facebook applications and mangas games


Devenir agent de la fonction publique (concours)


Site de partage de fiches de cours pour les études universitaires.
Toutes filières confondues: droit, économie, sciences, math, physique,
chimie, biologie, sciences sociales, art, littérature, sport, langues,...
N'hésitez pas à apporter votre contribution au site.


Télécharger notre application sur Google Play