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...

11 novembre 2010

Insérer une image animée (gif) dans un article

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

Ouvrez un Nouveau message puis cliquez sur Insertion d'une image 

Sans_titre_11

Sans_titre_22

Faites Parcourir pour importer votre image animée (Gif) décochez les 2 cases puis Envoyer ce fichier.

lezard9


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


Ajouter un Imprimer cette page dans un article

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

Voici comment ajouter un Imprimer cette page sous plusieurs formes...

La première est la plus classique, ajoutez cette ligne de code à la fin de votre message en mode html avant de le publier :

<p><a href="#" onclick="javascript:window.print()">Imprimer cette page</a></p>

Imprimer cette page

Vous pouvez modifier le "Imprimer cette page" et mettre ce vous voulez à la place.

La deuxième est un bouton imprimer :

<p><input type="button" onclick="window.print()" value="Imprimer cette page" /></p>

Vous pouvez également modifier le texte...

Et le petit dernier, mon préféré...Le bouton image :

<p><a href="javascript:window.print()"><img src="Adresse entière de votre image" /></a></p>

imprimante_09

L'adresse entière, c'est ceci :

<img src="http://p0.storage.canalblog.com/01/83/255038/15840886.gif" alt="imprimante_09" width="100" border="0" height="75">

Si vous voulez que l'image soit encadrée, collez seulement le lien.

Le lien ou l'url :

http://p0.storage.canalblog.com/01/83/255038/15840886.gif



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

Insérer un document Word, PDF, PPS etc dans un article

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

Voici comment insérer dans un article, n'importe quel document (Word, PDF, PPS etc...) sous forme de lien, avec la possibilité pour vos visiteurs de les télécharger.

Ouvrez un Nouveau message et faites Insertion d'un fichier

Insertion_d_un_fichier

Importez votre fichier...

Sans_titre_1

Le lien de votre document apparait dans le message

Sans_titre_7

Pour changer le nom du document, passez en mode Htlm et modifiez le.

Sans_titre_8

Les Dieux du Stade

Cliquez sur le lien Les Dieux du stade pour voir comment votre document s'ouvrira...

C'est pour vous les filles...


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

Récupérer l'adresse (url) d'une image

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

Pour obtenir l'adresse d'une image, ouvrez un Nouveau message et faites Insertion d'un fichier

Faites Parcourir pour importer votre image, pensez à décocher les "2 cases" si votre image est animée.

Sans_titre_3

Faites Envoyer ce fichier

Votre image va apparaitre dans la page de votre message, pour récupérer son adresse vous devez passer le message en mode Html en cliquant sur l'icône suivante :

htlm

Vous obtenez cela :

Sans_titre_4

L'adresse est soulignée en bleu, vous n'avez plus qu'à la copier-coller où bon vous semble...


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

Récupérer sa feuille de style en Mode standard

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

Celui là, il est pour Nadine...

Mais oui c'est possible...vous pouvez trouver votre feuille de style dans le code source de votre blog et celle de n'importe qui d'autre d'ailleurs...

Si vous utilisez Firefox :

Aller sur votre blog, puis cliquez sur :

Affichage / Code source de la page

Sans_titre_5

Une page avec tout plein de code s'ouvre, c'est le code source de la page d'accueil de votre blog.

Sans_titre_2

Juste avant la ligne </head> vous avez une ligne de code avec une adresse qui se termine par .css 

C'est votre Feuille de style !

Copiez cette adresse et ouvrez-là dans la barre de navigation de Firefox.

Sans_titre_3

Voilà, votre feuille de style apparait !

Si vous utilisez Internet Explorer :

Même chose, allez sur votre blog et cliquez sur :

Source dans Affichage

Sans_titre_6

Le code source de votre page s'ouvre dans un bloc note, récupérez l'adresse en bleue et collez là dans la barre de navigation d'Explorer et votre feuille de style s'ouvrira.

Sans_titre_7

Pour récupérer n'importe quelle feuille de style je vous conseille de vous équiper avec Web Developer Toolbar !


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



Passez son blog en mode avancé sans stress

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

Alors ça y est...vous êtes prêt pour le Mode avancé !?

Rassurez vous, ça n'est pas si compliqué...à condition de ne pas se précipiter.

Alors on respire un grand coup et on se détend...
Les grands travaux d'aménagement de votre blog vont pouvoir commencer !

en_travaux_ani

Pour bien démarrer, commencez par choisir le style de votre blog, le nombre de colonnes, insérez tous les blocs et placez les dans la ou les colonnes de votre choix.

Ensuite aller dans style et faites parcourir pour mettre votre bannière en place,
vous devez respecter les dimensions indiquées, tuto ici.

Pourquoi il est indispensable de mettre sa bannière avant de passer en Mode avancé !?

Par-ce que si vous ne le faites pas, vous allez vous retrouver avec une bande de titre bleue ou rose, ça dépend du modèle que vous avez choisi au départ, et que c'est pas joli joli !

Alors ensuite vous allez m'envoyer un mail pour me demander comment faire pour l'enlever...
Je ne compte plus les fois ou ça arrive...
Pour ceux qui aurait sauté cette étape et serait déjà passé en mode avancé sans mettre leur bannière, pas de panique maman à la solution...regardez ici !

Allez...C'est parti !

Créez un Nouveau modèle pour votre blog et passez le en mode avancé.

Comme ça, si vous voulez faire marche arrière et revenir en Mode standard, il vous suffira de supprimer le modèle que vous venez de créer et de reprendre l'ancien.

Apparence/Nouveau modèle

Pour passer en Mode avancé :

Apparence/Paramètres/Convertir

Cochez la case et Valider

Sans_titre_2

Ça y c'est fait...bienvenue en monde réel !

Avant de toucher à quoi que ce soit, faites une copie de toutes vos pages, "page d'accueil, feuille de style générale, page d'un message" etc...) dans le bloc-notes par exemple (Démarrer/Accessoires/Bloc-notes)

Comme ça, si vous avez de grosses mains pleines de doigts qui ont tendance à trainer sur le clavier par erreur, pas de panique, vous allez chercher la sauvegarde et ni vu ni connu...

Apparence/Editer les fichiers de ce modèle

Pensez aussi à faire une copie lorsque vous faites des changements...tant que vous n'êtes pas très à l'aise, je ne le répète jamais assez !

Une vidéo pour résumer tout ça...


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

Mettre une bannière sur son blog

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

Votre bannière doit faire 800x150 si vous avez choisi un modèle avec une seule colonne.

900x150 si votre modèle a 2 colonnes.

Pour une bannière plus grande, vous devrez passer en Mode Avancé. 

Ensuite allez dans Apparence puis dans Style 

Sans_titre_8

Cliquez sur Parcourir pour importer votre bannière. 

Sans_titre_9

Visualisez puis Validez en bas de page.

Hou...la jolie bannière !


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

Mettre en ligne son premier article

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

Vous êtes donc devant une belle page blanche...

C'est normal...

Nous allons créer votre "premier message"...et voila à quoi ça ressemble :

16564968

Rien de bien sorcier...vous mettez un titre à votre message, vous choisissez une catégorie, vous écrivez votre bla bla et vous Poster & publier.

Pour voir votre blog, cliquez sur Voir le blog dans la liste dans onglets en haut de page.

Voilà...votre premier message est en ligne !


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

Choisir l'apparence et mettre les blocs dans les colonnes de son blog

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

Vous êtes un vrai débutant...hier encore vous ne saviez même pas ce que le mot Blog voulait dire...?

Vous êtes au bon endroit...les autres vous pouvez sortir !

courir

Vous venez juste de créer votre blog sur Canalblog...enfin, pour l'instant ça ne ressemble pas vraiment à un blog d'ailleurs...

Avant de poster un message et commencer à remplir votre blog, il vaut mieux d'abord commencer par le commencement et choisir l'apparence de votre blog...

1 ou 2 colonnes, le style et mettre les blocs dans les colonnes.

Sans_titre_18

Le modèle par défaut est bleu.
Pour changer de modèle cliquez sur Nouveau modèle.

Sans_titre_20

Choisissez votre modèle et le nombre de colonnes, prévisualisez et Validez. 

Ensuite allez dans Apparence et cliquez sur Blocs

Sans_titre_19

Mettez les blocs dans la colonne de droite ou de gauche et Validez en bas de page.

Sans_titre_21

Voilà...une bonne chose de faite !


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

10 novembre 2010

Effacer l’historique de navigation sur Firefox

Posté par Demolite - Dans la catégorie Truc et Astuces
Tags : , , , ,

Ne dites rien…

Vous êtes un petit malin qui consulte des sites de rencontres depuis votre bureau…ou pire, vous êtes marié(e) et vous faites ça depuis la maison avec l’ordinateur familial…(pas bien).

J’en profite pour vous faire découvrir celui là(donné par ma meilleure amie Nat qui est célibataire) qui s’adresse surtout aux filles

Pour visiter, surfer, flâner en toute tranquillité…au bureau comme à la maison, voici comment effacer l’historique sur le navigateur Firefox !

Dans la barre des tâches tout en haut, cliquez sur Outils puis Effacer mes traces…

sans_titre_2

Une fenêtre va s’ouvrir…

sans_titre_4

Cochez uniquement la première case et cliquez sur Effacer mes traces maintenant !

Voilà…


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



« Début   15  16  17  18  19  20  21  22  23  24    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