CLOSE
LEARN MORE

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









Ne gaspillons plus

Parce que chaque année des milliers de fichiers word sont tapés sur des ordinateurs portables d'étudiants de toutes discplines confondues (médicales, juridique, sociale, économique,...). Tous ces fichiers qui ont des durées de vie courte ne servent plus à leurs rédacteurs au bout d'un an, mais ils peuvent encore servir aux générations futures qui souhaitent s'instruire. Car l'éducation de transforme en bien de consommation qu'on jette dès qu'on a terminé de consommer un cours. Il est important de pérenniser ses savoirs et de les transmettre aux générations futures et à ceux qui en ont besoin. Avec cette application, vous pourrez continuer à vous instruire grâce au recyclage de fiches de cours et au partage.

learning online

Parce que sans votre aide, l'application n'aurait jamais vu le jour

Vous voulez contribuer à l'application ?

Cette application anti-gaspillage existe uniquement grâce au partage réalisé par quelques centaines d'étudiants à travers le monde. Vous êtes bien entendu le/la bienvenu(e), si vous souhaitez contribuer et partager quelques-unes de vos fiches de cours.


Nous suivre sur les réseaux sociaux

Application anti-gaspillage de fiches de cours

 

Des ressources éducatives

Accessibles gratuitement et simplement partout dans le monde.

 

Apprentissage à votre rythme

Vous avancez à votre propre rythme, à la fréquence que vous choisissez. Apprendre devient alors un plaisir.

 

Des fiches de cours fiables

Car elles ont toutes été saisies par de vrais étudiants d'écolé, faculté, et autres organismes.

Veritas © 2021 | Application anti-gaspillage de fiches de cours