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

30 mars 2011

Tout convertir avec FormatFactory

FormatFactory vous permet de convertir tout type de fichiers multimédia : audio, vidéo, image, 3GP, ISO, etc. Télécharger ce logiciel ici. L'utilisation du convertisseur est très simple, commencez par sélectionner la catégorie du fichier à convertir, dans cet exemple il s'agit d'une vidéo à convertir au format .avi Dans la fenêtre qui s'ouvre cliquez sur Ajouter un fichier, importez votre vidéo à convertir. Elle va s'afficher dans la fenêtre centrale. Cliquez sur Ok. Cliquez maintenant sur Démarrer. La convertion... [Lire la suite]
Posté par Demolite à 09:20 - - Permalien [#]
Tags : , , , , ,

06 décembre 2010

Mettre un image devant le Posté par

Voici comment insérer une image sur la ligne du Posté par : Ouvrez votre page d'accueil et repérez avec Ctrl+F la balise suivante : <div class="itemfooter"> Cette ligne balise contient tout les ligne du posté par en bas de vos articles. Collez l'adresse de votre image à la suite de cette balise, comme ceci : <div class="itemfooter"><img src="http://Adresse de votre image.gif"> Vous devez répéter cette opération sur les autres pages Html de votre blog. Attention... [Lire la suite]
Posté par Demolite à 11:35 - - Permalien [#]
Tags : , , , ,
04 décembre 2010

Les balises : Les images

<IMG>La balise <IMG> permet d'insérer une image au format GIF ou JPG dans un document. Elle nécessite l'utilisation d'un certain nombre d'arguments. SRC="nom_fichier" ou "Adresse de l'image" Cet attribut est indispensable : il indique le nom du fichier image à afficher. <img src="Adresse image demolite.gif"> Résultat : BORDER=taille Cet attribut permet de définir la taille de la bordure de l'image en pixels. La valeur 0 correspond à l'absence de bordure.<img... [Lire la suite]
Posté par Demolite à 18:44 - - Permalien [#]
Tags : , , ,
01 décembre 2010

Mettre une image de fond sous votre calendrier

Ouvrez votre feuille de style, descendez sur le bloc #calendar puis ajoutez la ligne suivante dans le bloc :background-image: url("Adresse de votre image"); Comme ceci : #calendar {    font-family: Georgia;    color: #000000;    font-size: small;    line-height: 150%;    padding: 0px;    margin-bottom: 0px;    background-image: url("http://Adresse de votre image.gif");} Collez l'adresse de votre image dans la ligne de code et validez. ... [Lire la suite]
Posté par Demolite à 09:16 - - Permalien [#]
Tags : , , ,
30 novembre 2010

Mettre un séparateur entre les articles

Voici comment faire pour encadrer ou mettre un séparateur au dessus du Posté par en bas de vos articles, ce qui permet de bien les séparer les uns des autres... Comme ceci : Voici 2 méthodes, la première en passant par la feuille de style, ce qui aura pour effet d'installer le séparateur sur toutes les pages de votre blog. Repérez le bloc suivant dans la feuille de style et ajoutez les 2 dernières lignes en collant l'adresse de votre image. .blogbody .itemfooter {    font-family: Verdana, Arial, Helvetica,... [Lire la suite]
Posté par Demolite à 15:59 - - Permalien [#]
Tags : , , , , ,
22 novembre 2010

Changer l'image de votre profil

Une fois que vous êtes en mode avancé vous ne pouvez plus passer par "Style" pour changer l'image associer à votre profil...C'est pas grave...il y a bien sur un autre chemin... Lorsque vous vous connectez sur Canalblog regardez dans la barre tout en haut puis cliquez sur profil. Pour modifier le bloc du profil dans les pages Html, repérez le bloc suivant qui correspond à votre profil : <CBOwner><BlogOwnerPictureURL><div class="image"><a ... [Lire la suite]
Posté par Demolite à 16:08 - - Permalien [#]
Tags : , , , , ,

22 novembre 2010

Image qui suit et regarde le curseur

Ouvrez votre page d'accueil, descendez tout en bas, et juste après la balise </body> collez le script suivant : Copiez-collez l'adresse de vos images comme indiqué en bleu dans le script : <script type="text/javascript"> var x = 0;var y = 0; if (document.getElementById)   {   if(navigator.appName.substring(0,3) == "Net")      document.captureEvents(Event.MOUSEMOVE);   document.onmousemove = Pos_Souris;   window.onload =... [Lire la suite]
Posté par Demolite à 11:44 - - Permalien [#]
Tags : , , ,
19 novembre 2010

Menu avec Rollover sur image

Ouvrez votre feuille de style et collez tout en bas les blocs suivants : ul#menu li a {  border: 2px solid #910000;  background: #000000 url("Adresse de l'image au premier plan") no-repeat scroll left top;  display: block;  line-height: 40px;  text-indent: 10px;  text-decoration: none;  width: 180px;  margin-right: 0px;  margin-left: 4px;  top: 0;  font-size: 1.3em;  font-family: 'Trebuchet MS', Verdana, sans-serif;  font-weight: bold;  color:... [Lire la suite]
Posté par Demolite à 13:24 - - Permalien [#]
Tags : , , , ,
17 novembre 2010

Menu horizontal avec images cliquables

Le code se présente comme ceci : <table border="0" width="99%" cellspacing="0" cellpadding="0"><td width="0%" align="center" valign="middle"><a href="http://demomiam.canalblog.com/archives/2000/01/01/6791649.html" title="L'Apéro"><img width="90" height="76" border="0" src="http://p6.storage.canalblog.com/62/36/308322/19923139.jpg" ... [Lire la suite]
Posté par Demolite à 22:11 - - Permalien [#]
Tags : , , , ,
17 novembre 2010

Mettre un image différente pour vos Blocs

Dans ce tuto nous avons vu comment Mettre une image sous le titre de vos catégories (Blocs), aujourd'hui nous allons voir comment mettre des images différents pour chaque bloc. Ouvrez la feuille de style, copiez le bloc .navlinks .title et collez-le à la suite, en ajoutant un 1 comme ceci : .navlinks .title1 {font-family: Verdana, Arial, Helvetica, sans-serif;color: #292103;font-size: small;font-weight: bold;font-style: italic;text-transform: uppercase;text-align: center;border-top-style: solid;border-right-style:... [Lire la suite]
Posté par Demolite à 18:16 - - Permalien [#]
Tags : , , , ,

« 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