Canalblog
Suivre ce blog Administration + Créer mon blog

Maxi scratchs

29 décembre 2007

Selection d'un texte dans une boite

Code à insérer entre <body> et </body>

<form name="up"><p ></p><center><p><textarea name="head" rows="7" wrap="off" cols="50" size="2" input="text">&nbsp; texte à sélectionner.</textarea></p></center><p></p></form>

<p ><input onclick="javascript:document.up.head.select();" type="button" style="FONT-WEIGHT: bold; FONT-SIZE: 11px; WIDTH: 250px; COLOR: #3300cc; FONT-FAMILY: Arial,Verdana,Helvetica; BACKGROUND-COLOR: #FFFFFF;" />

Posté par romance_f à 00:28 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
Publicité
27 décembre 2007

" Haut de page"

Vous voulez mettre une nouvelle fonction dans le footer de votre page.

Cherchez dans votre page HTLM, la fonction de changement de page (pour CB, c'est la balise <$CBControlNavLinks$> ), collez le code avant cette fonction, le tour est joué ...

<a href="#top" onclick="scrollTop();">haut de page</a>

De même vous pouvez insérer un gif animé dans votre "scroll top", comme suit:

<a href="#top" onclick="scrollTop();"><img width="75" height="75" border="0" src="adresse de votre gif" alt="haut_de_page" /></a>

Cela donne par exemple:

mainhaut_de_page

Posté par romance_f à 12:19 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
8 novembre 2007

Générateur de couleur

Un excellent générateur de couleur ...

Place this HTML Color Code tool on your website free. | Professional Turnkey Websites
Posté par romance_f à 20:00 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
5 novembre 2007

Effets de transition de pages

Ce script permet un effet de transition entrant et sortant, vous devez le mettre entre les balises <head> et >/head>

les variables sont en rouge

SCRIPT:

<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=1, transition=x)"><meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=1, transition=x)">

TABLEAU D'EFFET:

1 Carré 13 Deux lignes (de gauche/droite vers le centre
2 Cercle (de l'extérieur vers l'intérieur) 14 Deux lignes (du centre vers gauche/droite
3 Cercle (de l'intérieur vers l'extérieur ) 15 Deux lignes (du haut/bas vers le centre)
4 Ligne (du bas vers le haut) 16 Deux lignes (du centre vers haut/bas)
5 Ligne (du haut vers le bas) 17 Ligne diagonale (du haut/droit vers bas/gauche)
6 Ligne (de gauche vers la droite) 18 Ligne diagonale (du bas/droit vers haut/gauche)
7 Ligne (de droite vers la gauche) 19 Ligne diagonale (du haut/gauche vers bas/droit)
8 Lames (de gauche vers la droite) 20 Ligne diagonale (du bas/gauche vers haut/droit)
9 Lames (du haut vers le bas) 21 Bande horizontale
10 Damier (de gauche vers la droite) 22 Bande verticale
11 Damier (du haut vers le bas) 23 Aléatoire (n'importe lequel des effets ci dessus)
12 Pixellisation

Posté par romance_f à 21:56 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
5 novembre 2007

Traduction directe

Ajouter un traducteur de page est toujours un plus ...

A mettre entre les balises <head> et </head>

Les variables sont en rouge

SCRIPT:

<center><form action="http://translate.google.com/translate" name="translate"
id="translate">
<input type=hidden name=u value="" />
<input type=hidden name=langpair value="" />
<input type=hidden name=hl value="fr"><input type=hidden name=c2coff
value=1><input type=hidden name=ie value=UTF-8><input type=hidden
name=oe value=UTF-8><input type=hidden name=prev
value="/language_tools"></form>
<center><a href="javascript:document.translate.elements
['langpair'].value = 'fr|en'; document.translate.elements['u'].value =
document.URL; document.translate.submit();"><img style="margin-bottom:
5px;" src="adresse de votre image" border="none"
alt="English" /></a></center>

Posté par romance_f à 12:11 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
Publicité
5 novembre 2007

Menu Tableur

Une autre façon de faire un menu, c'est de créer un tableur .... toujours insérer entre <body> et </body>

Les variables sont en rouge   

Vous pouvez rajouter autant de liens que vous voulez .... essayez de faire des images de même format pour l'esthétique...

SCRIPT:

<center><img src="adresse de votre image" border="0"></center>

<center>

<table>
<tr>
<td><a href="adresse du lien 1" target="_blank" title="titre du lien 1"><img src="adresse de l'image1" border="0"></a></td>
</tr>
<tr>
<td><a href="adresse du lien 2" target="_blank" title="titre du lien 2"><img src="adresse de l'image 2" border="0"></a></td>
</tr>
<tr>
<td><a href="adresse du lien 3" target="_blank" title="titre du lien 3"><img src="adresse de l'image 3" border="0"></a></td>
</tr>
</table>

</center>

Vous pouvez rajouter une fonction de défilement au tableur ....

<!-- début texte défilant --><marquee style="WIDTH: 250px; heigth: 50" scrollamount="3" direction="up">

.......................................................................tableur.....................................................................................

</marquee><!--fin texte défilant -->

Posté par romance_f à 11:17 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
4 novembre 2007

Renvoi de page automatique

Vous désirez une page d'accueil qui se redirige directement sur votre site ...

Les variables sont en rouge

SCRIPT:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>le titre de votre site</title>

  <meta name="description" content="description du site" />
  <meta name="keywords" content="mots clefs"/>
  <meta name="robots" content="index,follow" />
  <meta http-equiv="language" content="fr" />
  <link rel="alternate" type="application/rss+xml" title="titre du site
RSS" href="adresse du site/rss.xml" />

</head>

<body>
<div style="margin:0px; width:100%; background-color:#couleur de fond;
display:block; ">
<center>

<font size="20" color= "#455D8B">Bienvenue ... </font>

<br />

<font size="4" color= "#455D8B">
<br />
Vous allez être redirigé automatiquement vers titre de votre site </font><br>

<a href="adresse de redirection de votre site">

<img src="adresse de votre image" border="0"></a>

<br /><br />

<font size="3" color="#455D8B">Si la redirection ne fonctionne pas cliquez sur l'image.</font>
<br /><br /><br />

<!-- Script minuteur du renvoi -->

<script type="text/javascript">
window.setTimeout("location=('http://maxiscratchs.canalblog.com/');",10000)
</script>
</body>
</html>

Posté par romance_f à 16:44 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
4 novembre 2007

Menu déroulant

vous voulez organiser votre page autour d'un menu déroulant ... insérez le script entre les balises <body> et </body>

En rouge, les variables à changer ...

vous pouvez rajouter autant de ligne que vous voulez ...

SCRIPT:

<center>
<align= centrePage><form NAME="menu">
  <div align="center">
<center>
  <p>
  <br><br>
  <font face="Comic sans MS" size="3" color="#6077FF" >
  <select NAME="popup" onChange="change_site();" style="background-color:#475A90; color:white" size="1">
    <option VALUE="">-&nbsp;&nbsp;&nbsp;Titre du menu ...&nbsp;&nbsp;&nbsp;-</option>
    <option VALUE="adresse du lien 1">-&nbsp;&nbsp; Titre 1</option>
    <option VALUE="adresse du lien 2">-&nbsp;&nbsp; Titre 2</option>
    <option VALUE="adresse du lien 3">-&nbsp;&nbsp; Titre 3</option>
   </select> </p>
  </center></div>
</form>
<script></align>
function change_site()
{
  var site = document.menu.popup.selectedIndex;
  {
    window.location.href =
    document.menu.popup.options[site].value;
  }
}
</script>
<script>
function change_site()
{
  var site = document.menu.popup.selectedIndex;
  {
    window.location.href =
    document.menu.popup.options[site].value;
  }
}
</script></p>   

Posté par romance_f à 16:18 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
4 novembre 2007

Vidéo player

Vous voulez insérer un vidéo player ...
Les variables à remplacer sont en rouge

Les variables en vert sont:

true,  votre vidéo se met en marche seule

false, si vous voulez commander l'ouverture de la vidéo

SCRIPT:

<embed pluginspage="http://www.microsoft.com/windows/mediaplayer/download/default.asp" src="l'adresse de la vidéo.wmv" width="400" height="300" type="video/x-ms-asf-plugin" showcontrols="true" displaysize="4" showstatusbar="1" animationstart="true" filename="l'adresse de la vidéo.wmv" animationatstart="true" transparentatstart="true" autostart="true" controltype="1"></embed>

Posté par romance_f à 15:58 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
4 novembre 2007

Redirection suivant l'âge

Pour une raison ou une autre, vous devez interdire ou rediriger les lecteurs suivant leur âge, incorporez le script suivant entre les balises <head> et </head>

Vous pouvez changer les variables qui sont en rouge...

SCRIPT:

<script language="JavaScript">

//ici est l'age minimum
age_mini = 12;

var reponse = prompt("Ce site est réservé au "+age_mini+" ans et plus. Quel est votre année de naissance?",1977);

mydate = new Date;
myannee = mydate.getFullYear();
if(reponse==null)
     reponse = myannee;
age = myannee - reponse;

if (age>=age_mini){
alert("Ok, vous avez: "+age+" ans. Alors vous pouvez entrer")
}else{
alert("Desoler, vous avez: "+age+" ans. Vous n'êtes pas assez vieux");
//ici est redirigé la personne
document.location.href='http://maxiscratch.canalblog.com'
}
</script>

Posté par romance_f à 15:17 - Commentaires […] - Permalien [#]

Partager cet article

Vous aimez ?
0 vote
Publicité
1 2 > >>
Publicité