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

02 décembre 2010

Cadre css pour vos blocs et titres de vos articles

Pour les blocs dans vos colonnes ça peut donner ça : Pour le titre des articles ceci : Il est possible d'ajuster la taille du cadre en largeur et aussi d'ajouter un fond et aussi une image comme dans le modèle ci-dessus, tout simplement allant ajoutant deux trois petites choses dans la feuille de style. Voici comment faire : Ouvrez votre feuille de style et collez le bloc suivant : #moncadre {background: url("http://Adresse de l'image de fond.jpg") no-repeat;width:350px;margin-left:... [Lire la suite]
Posté par Demolite à 15:30 - - Permalien [#]
Tags : , , , , , ,

02 décembre 2010

Encadrer vos articles avec un cadre scintillant

Repérez la balise <blogger> dans votre Page d'accueil , puis collez en dessous les codes suivants : <table cellspacing="8" cellpadding="1" width="590" align="left" background="http://Adresse carde scintillant.gif" border="3"><tbody><tr><td background="http://p7.storage.canalblog.com/75/65/251752/31038847.jpg"> L'adresse en gris correspond au cadre scintillant, c'est à dire que ça clignote comme un arbre de noël...L'adresse en... [Lire la suite]
Posté par Demolite à 15:15 - - Permalien [#]
Tags : , , , , , ,
02 décembre 2010

Encadrer vos articles

Pour encadrer vos articles de la date jusqu'au pied de message c'est pas bien compliqué... Commencez par coller dans votre feuille de style le bloc suivant, qui permet la mise en forme de votre cadre : .message tbody td {background: #000000;width: 500px;border:5px #FFFFFF ridge;} Si votre #Content fait 500px mettez le width à 500px. Pour le reste, à vous de changer les codes couleurs ou encore ajouter une image de fond...(voir plus bas). Ensuite ouvrez votre Page d'accueil et repérez la balise <Blogger>. Juste en... [Lire la suite]
Posté par Demolite à 15:00 - - Permalien [#]
Tags : , , , ,
02 décembre 2010

Encadrer le titre de vos articles

Voici comment encadrer le titre de vos messages. Ouvrez votre feuille de style et descendez sur le bloc suivant : .blogbody h3 {    font-family: Georgia, Times New Roman, Times, serif;    color: #4D191B;    font-size: medium;    font-weight: bold;    font-style: normal;    text-transform: none;    text-align: left;    border-top-style: none;    border-right-style: none;    border-bottom-style: none;    border-left-style:... [Lire la suite]
Posté par Demolite à 14:21 - - Permalien [#]
Tags : , , , ,
02 décembre 2010

Mettre de jolies bordures à son blog

A la demande de Karipuce, voici comment mettre de jolies bordures à son blog comme ici : http://makeitsweet.canalblog.com/ Dans un premier temps vous devez modifier votre bannière...soit vous refaite une bannière en lui ajoutant des bordures, soit vous ajoutez des bordures à votre bannière actuelle, comme ceci : Ensuite il faut "fabriquer" les bordures de #container... Allez dans votre feuille de style pour relever la taille de votre #container...votre image avec les bordures doit faire la même taille. Dans cet... [Lire la suite]
Posté par Demolite à 14:17 - - Permalien [#]
Tags : , ,
02 décembre 2010

Mettre un carillon sur votre blog

Voici comment mettre un carillon sur votre blog et comment le positionner en haut à droite de l'écran, sans qu'un vilain pavé bleu apparaisse en doublon dans une des colonnes... Avec les scripts que donne le site Kurukuru je n'arrivais pas à mettre le carillon en haut sans avoir un pavé bleu dans ma colonne, alors j'ai bidouillé le fichier Js qui est dans le script et en supprimant dedans l'adresse de l'image et bien, le pavé bleu disparait... Allez sur le site Kurukuru...(rien que le nom m'amuse !) Plusieurs possibilités... [Lire la suite]
Posté par Demolite à 13:46 - - Permalien [#]
Tags : , , , ,

02 décembre 2010

Changer la police du titre de vos blocs

Il s'agit du titre de vos catégories : les Derniers messages, Newsletter, Derniers commentaires etc... Il suffit de changer la police dans le bloc Navlinks title qui se trouve dans la feuille de style... Ouvrez la feuille de style, descendez au bloc suivant : Il ne vous reste plus qu'à remplacer la police en place "Century Gothic" par celle de votre choix.
Posté par Demolite à 13:15 - - Permalien [#]
Tags : , , , , ,
01 décembre 2010

Mettre en valeur du texte dans un article

Lorsque vous écrivez un article, vous pouvez avoir envie de mettre en avant un passage, ou ajouter en fin d'article une astuce bien visible... Astuce : Voilà comment différencier une zone de texte et aussi comment la mettre en valeur... Commencez par copier-coller dans la feuille de style, le bloc ci-dessous qui va permettre l'affichage de la zone d'écriture : .code {width: 700px;border: 1px dashed #00FFFF;margin-left: 1em;padding: 5px 5px 5px 10px;background: #000000;} Le bloc s'appelle code, car vous pouvez ajouter autant de... [Lire la suite]
Posté par Demolite à 16:55 - - Permalien [#]
Tags : , , , ,
01 décembre 2010

Pluie d'étoile sous votre curseur

Voici comment faire tomber des petites étoiles ou plutôt des petites croix, qui se désintègrent au fil de leur descente... Alors si vous voulez que votre curseur soit animé sur toutes les pages de votre blog, vous devez coller le script ci-dessous entre <body> et </body> sur toutes les pages html... Je vous conseille de le mettre en bas de page juste avant </body> ça évite de mettre tout ce charabia en plein milieu de votre page, déjà pas mal encombrée par toute sortes de codes ;o) <script... [Lire la suite]
Posté par Demolite à 16:26 - - Permalien [#]
Tags : , , , ,
01 décembre 2010

Faire tomber la neige sur votre blog

C'est de saison en ce moment, je regarde par la fenêtre et je la vois tomber... Coller le script ci-dessous dans votre page d'accueil tout en bas entre et et sur les autres pages (page d'un message, page des archives etc...) si vous voulez créer l'effet aussi sur les autres pages. <script>//Snow - http://www.btinternet.com/~kurt.grigg/javascriptif  ((document.getElementById) &&window.addEventListener || window.attachEvent){(function(){//Configure here.var num = 10;   //Nombre d'imagesvar timer = 200;... [Lire la suite]
Posté par Demolite à 16:19 - - 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