Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

10 novembre 2010

Une image en balade sur votre blog

Posté par Demolite - Dans la catégorie Canalblog
Tags : , ,

Rien de plus simple…

Copier coller le script ci-dessus dans votre page d'accueil ou la pages des messages ou dans la pages des archives ou dans les trois, si vous voulez que votre image se balade dans toutes les pages... 

Collez-le au dessus de la balise </body> toute en bas de page.

<script language="JavaScript1.2">
var Ymax=8;
var Xmax=8;
var Tmax=10000;
var floatimages=new Array();
floatimages[0]='http://storage.canalblog.com/votreimage.gif';
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion)>= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10"><a href="javascript:hidebutterfly()">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px"><a href="javascript:hidebutterfly()">';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</a></layer>':'</a></div>';
}
document.write(t);
function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep>= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep :  -IDs[num].Xstep , (IDs[num].Ydir)?  IDs[num].Ystep:  -IDs[num].Ystep);
}
function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}
function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}
function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}
function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}
function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}
function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}
function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}
function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}
function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}
function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}
function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}
function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}
if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
</script>

Collez l'adresse de votre image dans le script à la sixième ligne :

floatimages[0]='http://storage.canalblog.com/votreimage.gif';

Pour ajouter une image ou plusieurs images supplémentaire, ajoutez une ligne pour chaque image, sous la première comme ceci :

floatimages[0]='http://storage.canalblog.com/votreimage.gif';
floatimages[1]='http://storage.canalblog.com/votreimage.gif';
floatimages[2]='http://storage.canalblog.com/votreimage.gif';


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


Ajouter un effet tourne page à son blog

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , , ,

C’est quoi encore ce truc ?

Vous pouvez visualiser l'effet à cette adresse en attendant que je l'installe sur ce blog…

Copier l’adresse suivante :

http://p6.storage.canalblog.com/65/20/251752/47593114.js

Sélectionnez-la, clic droit puis copier

Collez cette adresse dans la barre d’adresse de votre navigateur internet puis faites Enter.

Une page blanche comme celle-ci va s’ouvrir…avec le contenu du fichier Js.

sans_titre_1

Vous devez modifier seulement les 3 adresses en bleu, en changeant les adresses des images pour mettre les votre à la place et aussi l’adresse web de redirection (celle qui envoie vers un autre blog ou site).

Faites Fichier/Enregistrer sous… pour enregistrer le fichier Js sur votre pc.

Ensuite ouvrez-le en cliquant droit dessus et en sélectionnant Ouvrir avec/ Bloc-notes ou Modifier pour certains.

Vous n’êtes pas obligé de changer le nom du fichier, mais vous pouvez le faire quand même.

Une fois qu’il est ouvert dans le bloc-notes, vous devez copier puis coller l’ adresse de l’image de fond dans votre navigateur internet pour l’ouvrir, cliquer droit dessus et l’enregistrer sur votre pc.

Vous devez maintenant l’ouvrir avec Photofiltre ou un autre logiciel de retouche pour la modifier à votre goût, mais vous devez garder les dimensions et aussi respecter la position du cadre avec le texte, sinon lorsque la page se tournera votre texte ne sera plus visible en entier…Enregistrez votre image.

Voici un petit tuto en vidéo sans le son (because j’ai un rhume de dingue) qui vous aidera à modifier le fond :

Pour l’image de l’angle, vous pouvez mettre ce que vous voulez du moment que vous gardez à peu près les mêmes dimensions.

Importez les deux images dans un nouveau message pour en récupérer leur adresse.

Retournez dans le bloc-notes et mettez les nouvelles adresses de vos images dans le fichier Js.

Pour finir vous devez changer l’adresse de redirection et en mettre une autre à la place, si vous ne voulez pas mettre d’adresse, mettez # à la place de l’adresse.

Maintenant vous devez enregistrer votre fichier Js, en cliquant sur Fichier/Enregistrer il va écraser l’ancien.

Vous devez récupérer l’adresse de ce fichier Js en l’important dans un message (Chez Canalblog dans “Insertion d’un fichier”) puis en copiant son adresse en mode html.

Il ne vous reste plus qu’à copier/coller cette adresse dans le script ci-dessous et de copier/coller ce script dans votre page d’accueil (Chez Canalblog) ou dans le header.php sur WordPress.

<script type="text/javascript"src="http://p6.storage.canalblog.com/65/20/251752/47593114.js"></script>

Chez Canalblog ou sur WordPress collez le script au dessus de la balise </head>

Voilà…c’est tout.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Voir vos séries préférées en Streaming

Posté par Demolite - Dans la catégorie Divers
Tags : ,

dexter21_500x323Le Streaming c’est quoi d’abord !?

Pour en savoir plus cliquez ici

Vous avez raté votre série préférée hier soir à la télé…ou elle passe sur une chaine payante à laquelle vous n’êtes pas abonnés…

Pas de panique, le Streaming va vous sauver la mise !

Comment ça marche ?

Allez sur le site Alloshowtv.com puis dans la liste des séries proposées, faites votre choix en cliquant sur le lien.

sans_titre_1

Une page comme celle-ci va s’ouvrir avec la description de la série.

sans_titre_21

Descendez en bas de page pour accéder aux liens de tous les épisodes des différentes saisons.

sans_titre_3

Cliquez sur l’épisode que vous souhaitez regarder, vous pouvez choisir entre la VF, VOSTFR  et la VO, une nouvelle page va s’ouvrir avec une fenêtre de visionnage, cliquez sur le bouton Play rouge.

sans_titre_4

Cliquez ensuite sur le bouton Play vert et hop ça commence !

sans_titre_5

sans_titre_6

La qualité de certaines vidéos laisse à désirer…pour ouvrir la vidéo avec un autre lecteur un peu plus grand, cliquez sur le lien sous la vidéo “Voir cette vidéo sur Megavidéo” .

Ah…j’allais oublier…vous avez 72 minutes de visionnage ensuite la vidéo se coupe avec un gentil message qui vous informe que vous devez attendre 54 minutes avant de pouvoir visionner de nouveau 72 minutes !

De temps en temps vous pouvez actualiser la page, pour voir le nombre de minutes qu’il vous reste à attendre…ou de relancer votre Livebox ;)


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Retouche photo en ligne

Posté par Demolite - Dans la catégorie Divers
Tags : , , ,

sans_titre_4Saluts les Cyberzami(e)s…

Pas de nouvelles, bonnes nouvelles…

Enfin, faut pas croire tout ce qu’on raconte, en ce moment comme vous avez pu le remarquer, je ne suis pas à fond…

Mais je ne vais pas m’étendre sur ma question aujourd’hui…

(Cliquez sur le Sumo pour accéder site).

Je passe rapidement vous donner un petit lien sympa que m’a envoyé  Mattchry (un Cyber pote) il y a quelques temps, (si tu passes par là Matt, je réponds à ton mail bientôt…)

Alors, pour ceux qui n’ont pas envie de télécharger un logiciel de retouche photo ou si vous avez tout simplement envie de vous amuser, essayez Sumo paint

Ensuite, vous n’avez plus qu’à tester les différentes possibilités, faire des dessins, retoucher une photo etc…

sans_titre_3

Pour modifier une photo qui se trouve sur votre pc, cliquez sur File puis Open from My Computer…puis importer votre image.

sans_titre_1

Une combinaison très pratique, pour effacer la dernière action : Ctrl+Z


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

La Photocabine

Posté par Demolite - Dans la catégorie Divers
Tags : , , ,

photo_cabine

Voici un lien (cliquez sur l’image) vers un site qui vous tire le portrait, que je trouve plutôt sympa…et de quoi aussi se taper une bonne partie de rigolade...

photo_cabine_total

Attention, le premier flash vous surprendra surement :)

Vous aurez le choix ensuite entre 2 formats de photo et aussi la possibilité d’imprimer ou d’enregistrer sur votre pc…

Pas mal mes nouvelles lunettes non ?


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici



Convertir une vidéo

Posté par Demolite - Dans la catégorie Divers
Tags : , , ,

Je ne sais pas vous, mais moi régulièrement je me retrouve confrontée à un problème…

Lorsque je veux faire un montage vidéo avec Movie Maker par exemple, le format de vidéo de mon appareil photo numérique (.mov) n’est pas pris en charge, ni celui de mon caméscope d’ailleurs (.vob) !

Alors j’ai pas mal chercher dans les forums une solution simple et gratuite…et c’est pas une mince affaire !

Vous avez bien ce convertisseur en ligne qui est pas mal et pratique pour ceux qui ne veulent rien télécharger ou installer sur leur pc, mais ça marche pas à tous les coups, donc c’est pas très fiable…

En cherchant si il y avait moyen de trouver un logiciel qui pouvait “couper” une zone dans une vidéo .mov, je suis arrivée sur Quick time pro, mais c’est payant…donc demi-tour !

C’est la que j’ai vu dans la liste des convertisseurs à télécharger, sur le site Télécharger.com ou je fais quasiment tous mes téléchargements, le logiciel : Free Video Converter

Comme son nom l’indique, il est gratuit…ce qui est plutôt une bonne nouvelle, ensuite il est en français…ça aussi c’est pas négligeable, il suffit de sélectionner la langue lors de l’installation…il est compatible avec Windows Vista, et bien sur, il converti les vidéos en pas mal de formats :

AVI, MP4, iPod, PSP, 3GP, Zune, iPhone, FLV, QuickTime, Mpeg, etc.

Voici comment l’utiliser :

Ouvrez Free Vidéo Converter, puis cliquez sur Ajouter Fichiers dans la barre des tâches en haut à gauche, votre vidéo apparait sur la première ligne.

sans_titre_12

Vous devez choisir dans l’onglet Format le format de sortie désiré pour la conversion, puis sélectionner un dossier pour l’enregistrement de cette nouvelle vidéo dans l’onglet Chemin de sortie.

Il ne vous reste plus qu’à cliquer sur Convertir et c’est parti !

sans_titre_22

Votre vidéo sera convertie dans le dossier choisi en quelques minutes…c’est très rapide.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Montage photo instantané…

Posté par Demolite - Dans la catégorie Divers
Tags : , , ,

photofunia_9_300x210

Pas besoin d’être un crac en informatique…ce montage est à la portée de tous !

Voici comment réaliser un montage keep cool à partir d’une simple photo…

Rien de sorcier vous allez voir…

Rendez-vous sur ce site : http://photofunia.com/

Sélectionnez l’effet que vous voulez donner à votre photo dans cette liste de miniatures :

sans_titre_11

Puis importez votre photo depuis votre pc en cliquant sur Choose File

sans_titre_32

Admirez le résultat !

sans_titre_41

Pour récupérer cette image sur votre pc cliquez sur Save to disk

Pour l’insérer sur votre blog ou dans un forum, cliquez sur Plubish et récupérez le script.

sans_titre_5

Voilà…

Facile non !?

photofunia_17


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Télécharger une vidéo Daylimotion, YouTube etc…sur votre pc.

Posté par Demolite - Dans la catégorie Divers
Tags : , , ,

On ne présente plus Daylimotion, YouTube ou encore Google vidéo !

Des sites vraiment pratiques pour héberger nos vidéos faut bien le dire….

Mais il vous est surement déjà arrivé de visionner une vidéo et de vous dire, que vous aimeriez bien la rapatrier chez vous…

Et bien c’est possible…

Alors je précise que ce tuto s’adresse aux utilisateurs de Firefox…pour ceux qui utilisent encore le vieil Explorer…et bien, c’est le moment d’en changer !

Commencez par installer l’extension DownloadHelper pour votre navigateur Firefox.

Une fois installé vous devez redémarrer Firefox pour finaliser l’installation.

Ensuite vous aurez besoin d’un tout petit Player pour visionner les vidéos téléchargées.

Vous le trouverez ici.

Voilà…vous êtes prêt !

Rendez-vous sur Daylimotion par exemple, choisissez la vidéo que vous voulez télécharger puis cliquez droit sur le côté gauche de la vidéo pour faire apparaitre un menu.

Choisissez dans la liste DownloadHelper puis tout en bas se trouve en général la vidéo avec l’extension .flv

sans_titre_1

Cliquez dessus pour ouvrir la fenêtre de téléchargement et cliquez sur Enregistrer.

Même principe sur YouTube…

sans_titre_2

58856837

Voilà…quelques secondes plus tard la vidéo est sur votre pc.

Sans_titre_4

Vous n’avez plus qu’à l’ouvrir en double cliquant sur l’icône FLV.

Pour fermer le player faites un clic droit sur la fenêtre et sélectionnez Close.

Rompez !


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Quelques bonnes adresses…

Posté par Demolite - Dans la catégorie Sites internet
Tags : , ,

En faisant un peu de ménage dans mes marques-pages, je me suis dis que ça pourrait vous intéresser !

Alors ni une ni deux, grand nettoyage d’automne et surtout classement par catégories…

Voilà ce que ça donne, vous avez de la navigation en perspective !

Certains liens valent vraiment le détour…

Marques-pages        

Hébergeurs d'image
TinyPic - Share the Experience!™                
Bienvenue sur Flickr  !                
Servimg.com - Hébergeur gratuit d'images                
pix . nofrag . com                
MaBuL                
ZimageZ                
Photomania                
PMSC                
Accueil de Cjoint.com                
ImagUP.com                
picjuice.com - online photo editor                
Photo Enlargement Without Quality Loss - Reshade                
Best Free Website Thumbnail Service Anywhere!             

 

Hébergeurs vidéos             
Google Video                
Dailymotion France                
YouTube - Broadcast Yourself.                
ZippyVideos             

 

Widgets             
FEEDJIT real-time blog traffic feeds                
Tous les widgets pour Netvibes, Mac, Google                
Criteo widgets                
Tizmos Home - SEE and Access your Favorites Websites in One Place                
Engaging and Beautiful Blog Widgets - Wowzio                
Comboost             

 

Services             
Blog-It Express                
MyBlogLog                
Facebook | Accueil                
Cbox                
I-Services                
http://www.wagwire.com/                
Trombiblog.com                
My Feeds                
Moteur de recherche                
Gravatar - Globally Recognized Avatars                
UNYK Français – Carnet d’adresses             

 

Retouche photo en ligne !             
.: SUMO Paint :.                
Rsizr             

 

Slideshow             
MySpace                
RockYou.com                
PictureTrail                
Créer un slideshow             

 

Musique             
RADIOS LIVE - Ecoutez votre radio sur la mosaïque des radios en direct                
Boomp3: Upload and share mp3 files                
Deezer | Music on demand, free music without download!                
MySpace music players (Flash MP3 players), slideshows and widgets for your profile.                
SnapDrive                
RADIO.BLOG.CLUB                
Trip Hop Special - Teknition on Odeo                
Musicovery : interactive webRadio                
MP3Miracle.com                
Mp3Raid.com - Free Mp3 Downloads                
Free MIDI Zone - free MIDI files A                
MP3 Music Downloads - Buy MP3 Music Online - Digital Music Downloads                
Musique en format MP3             

 

Convertisseurs             
PDF gratuit en ligne et sans aucune installation                
ExpressPDF :: Conversion d'une page Web en PDF - Gratuit                
convertisseur gratuit et en ligne             

 

Gadgets & Divers             
ClockLink.com.                
Compteur gratuit                
COMPTEUR GRATUIT                
Compteur gratuit pour votre site web                
Compteur.cc                
Curseurs animés                
Firefox - Geckozone - Extensions                
Gadgets                
Gestion des Compteurs - Compteur.Com                
Gratuit-fr .com : Outils pour sites : Compteurs                
horloge en flash pour site web                
Les horloges Gratuites de Toutimages sur votre site                
MON SITE GRATUIT • Services/Outils webmaster 100% gratuits. Tutoriaux|Scripts ...                
OUTILS POUR TON BLOG-IMAGE-EN-TEXTE                
Plugoo                
Snap Shots™                
Destroy the web!                
TEXT-IMAGE.com :: Convert             

 

Gifs             
Rue du smiley, collection d'emoticones toons à télécharger                
Aliment > Page 1 > Gif animé sur GIF-ANIME.ORG                
Gifs Animés Aliments, Gif Animé Aliment, Emoticône sur le thème des aliments : Page 1                
Gif aliments et gif anime aliments                
Gifs Nouveau                
Atout gifs fond ecran ciel etoile                
Les gifs animés de Mephistolessiveur                
gifs                
Gratuit 50000 gifs et clipart en tous genres classés par themes - Serie A                
Gifsmaniac.com - Gifs Animés - objets bureau                
GIFS E-MAIL - JoossY WEB - habiller votre site Web et...                
gifs animés,clipart,aliment,nourriture,alimentation,animated gifs,food                
VracInformatique - Gifs animes transparents - Personnages Disney - Looney Tunes - Gif Anime                
icone-gif.com << plus de 45000 gifs animés, Categorie Matrix                
Album Photos de tartalacreme - Doctissimo                
PET GIFS - I LOVE MY EMOTICONS. . . - Care2.com                
Gifs animés, image gif transparente                
gifs animes | gif anime image gifs gratuits gifs                
gif ligne                
Gif anime et gifs animes sur quigif.com les meilleurs gifs animés ou gif animé pour votre site                
gifs Puces                
ligne - gif-anime-gratuit.com                
HYBRIDWORKS | Yoritsuki             

 

Smileys             
Emoticônes musiciens                
Smiley gros                
Gros smileys 3D                
Emoticônes                
Emoticones gratuits : Catégorie "Smileys Bleu"                
CanalBlog             

 

Glitters             
Glitters chez Joëlla ღ                
textures glitters                
Graphics Generators                
JoossY WEB             

 

Radio             
FG                
RMC                
Fun                
NRJ                
Oui FM                
EUROPE 1                
France inter                
RTL             

 

Forums Informatique sécurité             
Malekal's forum virus                
Forum Canalblog                               
01net. Micro Hebdo : forum                
Pc entraide
Assiste.com                
Comment Ça Marche
FORUM HardWare.fr                
Forum informatique                
Forums du Repaire numérique                
Gmail.info                
Infos-du-Net
Trad-fr             

 

Téléchargements             
télécharger                
Clubic                
Télécharger                
Le blog de libellules.ch                
Télécharger des logiciels                
e-Carte Bleue de LCL                
Outils graphiques en français
The Patcheur                
DLL-files.com                
Logiciels             

 

Jeux             
WordSteal Login                
Jeux gratuits sur Yahoo! Jeux                
De A à Z - Scrabble                
Scrabble et Wordox : les mots de 2 à 4 lettres             


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Extensions Firefox

Posté par Demolite - Dans la catégorie Sites internet
Tags : , , ,

Le Renard et moi…c’est une grande histoire d’amour ♥♥♥

A moins que ce soit en fait…”la guerre” avec le vilain Internet explorer !?

firefox

Bref…

Voici un lien bien utile qui vous permettra d’installer des extensions pour Firefox.

Allez…lâcher vous !

http://extensions.geckozone.org/Firefox


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici



« Début   16  17  18  19  20  21  22  23  24  25    Fin »

« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41