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

17 novembre 2010

Insérer des smileys dans les articles

Voici comment insérer des smileys dans vos articles sans avoir à passer par l'icône Insertion d'une image mais seulement en tapant le nom du smileys entre les crochets [ ] Comme ceci : [Bob] Pour cela il faut commencer par coller la liste des smileys dans votre page d'accueil avant la balise </head> <script src="http://p0.storage.canalblog.com/04/62/151832/9837650.js" type="text/javascript" ></script> <script type="text/javascript"> <!-- function TableauGif() {  ... [Lire la suite]
Posté par Demolite à 10:20 - - Permalien [#]
Tags : , , ,

16 novembre 2010

Placer un logo ou une image volante sur votre blog

Sur mon ancien blog j'ai triché ! Ma bannière flash n'était pas assez large, alors plutôt que de la refaire, j'ai préféré ajouter quelque images à droite à gauche, ni vu ni connu ! Avec ce code, vous pouvez placer toutes les images, logo etc...que vous voulez voir sur votre blog, en haut en bas où vous voulez ! Voici le code à copier-coller dans votre page d'accueil, après la balise </head> <div style="position:absolute; top:10px; left: 10px; z-index:10"><img src="http://Adresse de votre... [Lire la suite]
Posté par Demolite à 21:35 - - Permalien [#]
Tags : , , ,
16 novembre 2010

Diaporama

---> DiaporamaVoici un Diaporama tout simple et ma foi très efficace !Vous pouvez changer la taille des images bien sur...Copiez le script suivant et collez-le avant la balise </head> dans votre page d'accueil. <SCRIPT LANGUAGE="JavaScript"> <!-- var timeDelay = 2; var Pix = new Array ("http://p5.storage.canalblog.com/52/11/255038/15936403.jpg" ,"http://p5.storage.canalblog.com/55/16/255038/15936422.jpg" ,"http://p7.storage.canalblog.com/78/12/255038/15936427.jpg" ... [Lire la suite]
Posté par Demolite à 21:19 - - Permalien [#]
Tags : , , ,
16 novembre 2010

Pavé de Liens d'amis personnalisé

  Pas mal ce petit pavé de liens d'amis non ?!C'est pas bien compliqué...un peu d'imagination, de temps, un soupçon de patience et c'est tout à fait faisable.Si vous voulez mettre ce pavé dans une colonne, pensez à choisir une image qui fait moins de 200 px, sinon l'image de l'angle en haut à droite retournera à la ligne et votre photo ressemblera à un puzzle...Commencez par trouver une belle photo, ouvrez la dans Photofiltre et faites :Filtre / Divers / Quadrillage Régler la... [Lire la suite]
Posté par Demolite à 17:50 - - Permalien [#]
Tags : , , , , ,
16 novembre 2010

Remplacez le titre de vos catégories par une image

Envie de changement ? vous pouvez créer vous même des fonds pour vos catégories et choisir une police un peu plus funky... Ouvrez la Page d'accueil et repérez les lignes de titres de vos catégories (Vos blocs) en voici trois exemple : <div class="title">Cat&eacute;gories</div><div class="title">Derniers messages</div><div class="title">Derniers commentaires</div> Ensuite c'est très simple, il vous faut une image de dimension inférieure à votre colonne... [Lire la suite]
Posté par Demolite à 12:24 - - Permalien [#]
Tags : , , , , ,
16 novembre 2010

Mettre un bouton à la place des liens de vos catégories

Pour que tout le monde comprenne bien de quoi il s'agit, (car je n'ai pas d'exemple à vous proposer, cette option n'est pas installer sur ce blog), un bouton c'est une image cliquable qui envoie sur un site ou sur une autre page de votre blog. Ici, nous allons remplacer les liens de vos Catégories par des boutons liens , donc...à la place des liens actuels il y aura des images cliquables, c'est plus clair ? Un premier lieu, il faut que vos Catégories soient crées...c'est plus simple, vous pourrez en créer d'autres après... [Lire la suite]
Posté par Demolite à 11:57 - - Permalien [#]
Tags : , , , , ,

16 novembre 2010

Mettre une image sous le titre de vos catégories (Blocs)

Voici comme faire pour glisser une image sous le titre des vos catégories... Commencez par redimensionner une image elle doit être un peu plus petite que la largeur de votre colonne qui si vous ne l'avez pas changé doit faire 200 px. 180x21 ou 180x30 après c'est une question de goûts...Allez dans la feuille de style repérez le bloc .navlinks .title {puis ajoutez dans le bloc les lignes suivantes, la première est celle de votre image, n'oubliez pas de collez l'adresse dedans. Les lignes margin et padding permettent de... [Lire la suite]
Posté par Demolite à 10:45 - - Permalien [#]
Tags : , , ,
15 novembre 2010

Mettre une image devant le titre des messages

Choisissez une image, petite de préférence... Ensuite Ouvrez votre feuille de style et rendez-vous au bloc .blogbody h3 { .blogbody h3 {color: #D4D4D4;font: 10pt "Century gothic";background: url("http://Adresse de votre image.png") no-repeat;width: 110px;height: 55px;float: center;padding: 10px 0px 0px 50px;letter-spacing: 0px;} Ajoutez les lignes en bleu...Collez dans la ligne background l'adresse de votre image.Jouez avec la ligne padding en changeant les valeurs pour placer votre image comme vous le... [Lire la suite]
Posté par Demolite à 17:43 - - Permalien [#]
Tags : , , , , ,
15 novembre 2010

Image en balade sur votre blog

Voici un script qui permet de faire se balader une petite bébête sur les pages de votre blog... Si vos visiteurs ont peur des souris...il suffit de cliquer sur la vilaine bébête pour qu'elle disparaisse ! Copiez-collez le script ci-dessous en bas de page avant la balise </body> sur votre page d'accueil ou sur celle des archives ou bien celle des messages...et pourquoi pas sur les trois ! <script language="JavaScript1.2"> var Ymax=8; var Xmax=8; var Tmax=10000;    var floatimages=new... [Lire la suite]
Posté par Demolite à 17:19 - - Permalien [#]
Tags : , , ,
15 novembre 2010

Mettre une image devant les liens dans une colonne

Voici comment mettre une petite image...devant les liens dans vos blocs...(Derniers commentaires, Derniers articles etc...) Commencez par trouvez une image, elle ne doit pas faire plus de 16x16 px, si elle est plus grande redimensionnez la avec Photofiltre (clic droit sur l'image/ taille de l'image/ changer les valeurs) Importez votre image dans un message puis passez-le en Mode Html pour récupérer son adresse : <img src="http://Adresse de l'image.gif"/> Collez cette adresse dans le bloc de codes suivant qui... [Lire la suite]
Posté par Demolite à 16:38 - - 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