o Graphisme - Astuces Blog

11 août 2007

COMMENT METTRE UNE HORLOGE VIRTUELLE SUR MON BLOG ?

Voila comment mettre une horloge sympa mais à la sonnerie horrible sur votre blog :
<object id="MonHorloge" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0" height="250" width="250" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param value="6615" name="_cx" /><param value="6615" name="_cy" /><param name="FlashVars" /><param value="http://www.virtualsined.com/clock/horloge.swf" name="Movie" /><param value="http://www.virtualsined.com/clock/horloge.swf" name="Src" /><param value="Transparent" name="WMode" /><param value="-1" name="Play" /><param value="-1" name="Loop" /><param value="High" name="Quality" /><param name="SAlign" /><param value="-1" name="Menu" /><param name="Base" /><param value="always" name="AllowScriptAccess" /><param value="ShowAll" name="Scale" /><param value="0" name="DeviceFont" /><param value="0" name="EmbedMovie" /><param name="BGColor" /><param name="SWRemote" /><param name="MovieData" /><param value="1" name="SeamlessTabbing" /></object>

Ce qui donne :

Cette horloge peut être plus personnalisable si vous cliquez sur le lien qui s'affiche en glissant le curseur sur le cadran.

Posté par Naneu à 00:25 o Graphisme Commentaires [16] Rétroliens [0] - Permalien [#]

COMMENT PROPOSER A MES VISITEURS D'AJOUTER MON BLOG A LEURS FAVORIS ?

Voila un script tout simple qui permet au visiteur d'ajouter votre site à leurs favoris :
[<A HREF="javascript:window.external.AddFavorite('http://astucesblog.canalblog.com','Astucesblog - Le blog qui vous aidera à créer le votre')"><B> Ajoutez astucesblog à vos favoris </B></A>]

Exemple : [ Ajoutez astucesblog à vos favoris ]

Mode d'emploi : voici ce qu'il faut changer dans le code :
En bleu : Changer par l'adresse de votre site
En turquoise : Changer par le commentaire qu'il y aura dans vos favoris
En vert : Changer par la phrase qui proposera au visiteur de mettre le site dans ses favoris.

Posté par Naneu à 00:26 o Graphisme Commentaires [13] Rétroliens [0] - Permalien [#]

COMMENT METTRE UNE IMAGE EN FOND SUR MON BLOG ?

Voila, le code permettant de mettre une image en fond dans votre blog. Il suffit de coller ce code sur l'édito <BODY BACKGROUND="PAPER.gif"> </BODY>

Mode d'emploi : Il suffit de changer PAPER.gif par l'adresse url de l'image.

Pour la connaître, vous pouvez cliquer à droite dessus puis choisir : "Propriétés". Des infos apparaissent sur l'image dont l'adresse de l'image.

/!\ Attention : Ce code ralentit assez le chargement de la page ! Evitez donc de le mettre sur une page contenant déjà beaucoup de scripts !

Pour ajouter une image en fond il faut

Déterminer sur quelle bloc on désire appliquer cette image.
Une image

Le bloc (ou l'objet)

Chacune des divisions (tous ce qui est entre <DIV> et </DIV>) determinent un objet.

L'aspect de ces objet est défini par un style de la feuille de style.

Un conseil, commencez par changer la couleur de fond, background-color, dans les styles pour voir ce que ça fait.
Mettez des couleurs très différentes. Ensuite vous remplacerez si vous voulez background-color par une image.

Pour modifier le fond du bloc "container" par exemple, il faut modifier la valeur de background-color dans le style container de la feuille de style.

Ici le container prendra la couleur rouge (voir Les couleurs)

#container {
width: 800px;
padding: 0px;
background-color: #FF0000;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #0099CC;
margin-right: auto;
margin-left: auto;
}

Autres exemples :

Pour modifier le fond de la zone tite changez title
Pour modifier le fond d'un message changez Blogbody
Pour modifier le fond la page changez body
...

Ayant repéré l'objet sur lequel vous désirez appliquer une image, reste à la placer.

L'image :

On peut mettre une image de la taille du bloc ou une image qui se repete jusqu'à occuper la place du bloc. Le choix de l'image dépendra de l'effet que l'on ssésire obtenir. Mais attention de ne pas mettre d'images trop "lourdes" le temps d'affichage de votre page risquerait d'êter disuasif.

L'image choisie, placez la sur le serveur de Canalblog avec la méthode indiquée plus haut. Et notez la commande qui permet de l'afficher (copier coller dans le bloc-note par exemple) en l'occurence, ici seule son adresse vous suffira.

Il faudra alors modifier le style de l'objet.

#container {
width: 800px;
padding: 0px;
background-image:url("http://Babtest2.canalblog.com/fond02.jpg"); background-repeat:repeat;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 1px;
border-color: #0099CC;
margin-right: auto;
margin-left: auto;
}

Vous trouverez ici http://fr.selfhtml.org/navigation/css.htm#arriere_plan les références de background-image.

Posté par Naneu à 00:27 o Graphisme Commentaires [12] Rétroliens [0] - Permalien [#]

MESSAGE A L'OUVERTURE DE VOTRE BLOG

(Attention ! Votre blog doit être en mode avancé)

► Première solution (conseillée)

Pour laissez un message à vos visiteurs lorsqu'ils arrivent sur votre blog, collez ce script dans votre page d'accueil avant la balise </head> et changez le message par celui de votre choix.

<SCRIPT LANGUAGE="JavaScript">
alert('Votre message ici...');
</SCRIPT>

Pour aller à la ligne dans ce type de message, il faut mettre \n
Pour avoir une ligne blanche, il faut mettre deux fois \n.

Exemple :

<SCRIPT LANGUAGE="JavaScript">
alert('ASTUCES BLOG À ÉTÉ MIS À JOUR ! \nAllez voir la rubrique NEWS. \n \nBonne visite !');
</SCRIPT>

PS : Coller le texte derrière le \n sinon il y aura un espace (donc un petit retrait) avant le 1er caractère de votre deuxième ligne.

PS : Merci à l'alchimiste pour son code :)

► Deuxième solution

Pour laissez un message à vos visiteurs lorsqu'ils arrivent sur votre blog, collez ce script dans votre page d'accueil avant la balise </head> et changez le message par celui de votre choix.

<SCRIPT>
function checkAGE(){if (!confirm
("Votre message ici..."))
history.go(-1);return " "}
document.writeln(checkAGE())
</SCRIPT>

Exemple :

Posté par Naneu à 00:28 o Graphisme Commentaires [7] Rétroliens [0] - Permalien [#]

12 août 2007

COMMENT INTERDIRE LE CLIQUE GAUCHE DE LA SOURIS SUR MON BLOG ?

Pour empêcher le clic gauche (image qui s’ouvre dans une nouvelle fenêtre) enlevez ce qui a été surligné en vert :

Voici l'exemple du code d'un lien :

<a href="http://nomdel'image.jpg" target="_blank"><img height="91" alt="nom de l'image" src="http://nomdel'image.jpg" width="300" border="0" /></a>

Exemple 1 : Avant Exemple 2 : Après

Après

Posté par Naneu à 00:00 o Sécurité Commentaires [8] Rétroliens [0] - Permalien [#]

COMMENT ENLEVER LA BARRE IMAGE AU DESSUS DES PHOTOS ?

Si on reste sur l'image, clic droit ou pas, il apparaît une "barre image" qui permet aux visiteurs d'enregistrer votre photo, de l'imprimer, de l'envoyer dans un courrier électronique, ou d'ouvrir "Mes Images". On peut cependant inhiber cette fonction en rajoutant une ligne META spéciale dans le bloc HEAD. Mais il n'y a rien d'équivalent pour les Mac...

Pour enlever cette barre image, coller ce code dans le bloc HEAD.

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

/!\ Attention ! Pour qui connaît un tant soit peu le HTML, ce code, ainsi que tous ceux de sa catégorie, n'offre aucune réelle protection. Il sera toujours possible de vous voler vos images ou vos textes.

Posté par Naneu à 00:01 o Sécurité Commentaires [3] Rétroliens [0] - Permalien [#]

COMMENT INTERDIRE LE CLIQUE DROIT DE LA SOURIS SUR MON BLOG ?

Descriptif : Ce script interdit le clic droit de la souris sur la page où il est présent. Ainsi, les données que vous ne voulez pas divulguer ne sont pas accessibles et les images ne peuvent être sauvegardées. Le plus : il n'y a pas de boîte d'alerte s'ouvrant, la plupart du temps, sur un message qui à l'air de se moquer du surfeur (ce qui énerve à la longue).

/!\ Attention ! Pour qui connaît un tant soit peu le HTML, ce code, ainsi que tous ceux de sa catégorie, n'offre aucune réelle protection. Il sera toujours possible de vous voler vos images ou vos textes.

► 1^ère méthode :

Sélectionnez et copiez avec Ctrl + C le code ci-dessous et collez-le dans votre page, code HTML visible.

Entre les deux balises <head> et </head>


<script LANGUAGE="Javascript">

</script>


► 2^e méthode :

Dans la balise <body>

Mettre : <body oncontextmenu="return false">

► 3^e méthode :

A mettre à la fin de chacune de vos page :

<script language=JavaScript>
var message="";
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
</script>

Ps : Pour ces 3 méthodes, les codes si dessus sont à placer dans chacune des feuilles (page d'accueil, page d'un message...)

Posté par Naneu à 00:02 o Sécurité Commentaires [13] Rétroliens [0] - Permalien [#]

COMMENT INTERDIRE LA SÉLECTION DU TEXTE SUR LA PAGE ?

Descriptif : Ce script interdit la sélection d’un texte sur la page où il est présent, que ce soit avec la souris ou avec le menu d’édition. Ainsi, les données que vous ne voulez pas divulguer ne sont pas accessibles. Vous pouvez compléter ce code avec celui de l’interdiction du clique droit.

/!\ Attention ! Pour qui connaît un tant soit peu le HTML, ce code, ainsi que tous ceux de sa catégorie, n'offre aucune réelle protection.

Sélectionnez et copiez avec Ctrl + c le code ci-dessous et collez-le dans votre page, code HTML visible (page d’accueil, page d’un message…).

Entre les deux balises <head> et </head>


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


Posté par Naneu à 00:03 o Sécurité Commentaires [0] Rétroliens [0] - Permalien [#]

SUPPRIMER LES ANNONCES PUBLICITAIRES

J'ai reçu hier un message de "Juanfrance" et je viens de trouver la réponse dans la rubrique Discussions libres de Canalbog.

Supprimer la pub dans la rubrique des archives
Le problème ce n'est pas la bannière de publicité qui apparaît en tête de la page d'accueil du blog, mais d'autres plus grandes qui apparaissent à chaque fois que je clique sur les catégories, ou sur les permaliens de caque message..... Ceci m'arrive depuis quelques mois. Est-ce possible de l'éliminer?
Merci
Juan

Grâce à Persephone, voici la réponse (pour le mode avancé uniquement) :

"La pub est générée au premier passage de la boucle du bloc <blogger>
donc juste avant y insérer <div style="display:none">
et juste après <blogger> ajouter </div> (pour la fermeture du display:none) et un <div>
Pour les autres boucles ajouter également un </div> après </blogger>

Ce qui donne ça :

"