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

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 : , , , , ,
30 novembre 2010

Mettre un titre scintillant sur son blog

Commencez par créer votre texte,  . Ensuite, ouvrez la Page d'accueil et rendez-vous sur la ligne <body> Avancez sur cette ligne vers la droite et repérez <div id="topbar"> <$BlogTitle$> correspond au titre de votre blog. Pour remplacez ce titre par une image, un texte ou ce que vous voulez... Il suffit de coller à la place de ce code, le code de votre nouvelle image. Comme ceci : Il faut coller le code image entier : <center><img alt="12" src="http://Adresse de... [Lire la suite]
Posté par Demolite à 15:19 - - Permalien [#]
Tags : , , , , ,
24 novembre 2010

Supprimer le titre et la description du blog

Si vous êtes sur ce post c'est que vous êtes passé en Mode avancé tête baissée sans prendre le temps de mettre votre bannière... Du coup, après l'avoir installé en mode avancé, vous vous retrouvez avec la barre de titre de votre blog et sa description juste en dessous ! C'est pas jojo...je vous l'accorde. J'ai mis pas mal de temps pour trouver la solution...il a fallu que je fasse quelques tests, mais j'ai fini par trouver ! Ouvrez votre page d'accueil et repérez la ligne <body> Repérez ensuite les codes... [Lire la suite]
Posté par Demolite à 14:54 - - Permalien [#]
Tags : , , , ,
22 novembre 2010

Faire défiler le titre de votre blog dans l'onglet de votre navigateur

Copiez-collez le script suivant dans votre page d'accueil juste avant la balise </head> Modifiez le texte en bleu...Pour accélérer la vitesse de défilement mettez une valeur inférieur à var espera=200, pour ralentir augmentez la valeur. <script language="JavaScript"><!--var txt=" Les tuto 2 Demolite  ";var espera=200;var refresco=null;function rotulo_title() {        document.title=txt;       ... [Lire la suite]
Posté par Demolite à 09:10 - - Permalien [#]
Tags : , , , , ,

21 novembre 2010

Rendre le titre des blocs cliquables

Vous avez surement remarqué que le titre des blocs n'est pas cliquable...et bien nous allons voir comment changer çà. Ouvrez votre page d'accueil et descendez sur le bloc concerné Remplacez le code encadré en rouge, par le code suivant en prenant soin de mettre l'adresse du lien de votre choix pour ce bloc et aussi changer le titre. <div class="title"><a href="Adresse de votre lien">Catégories</a></div> Catégories Pour que la page de votre lien s'ouvre dans une nouvelle fenêtre,... [Lire la suite]
Posté par Demolite à 16:31 - - Permalien [#]
Tags : , , , , ,
20 novembre 2010

Changer la couleur des premiers mots dans la liste des commentaires

Avec ce tuto, nous allons voir comment changer la couleur du texte des premiers mots de vos visiteurs, dans la liste des 10 derniers commentaires. Voila ce que ça donne, une partie du texte qui était blanc est devenu bleu : En plaçant une balise de couleur dans le bloc des commentaires on peut changer la couleur du texte pour différencier le texte de vos visiteurs du tire de vos articles. Sur votre page d'accueil, repérez le bloc des commentaires puis mettez un code couleur comme ceci : <div... [Lire la suite]
Posté par Demolite à 11:01 - - Permalien [#]
Tags : , , , ,
20 novembre 2010

Changer la police du titre d'un commentaire

Lorsqu'un visiteur vous laisse un commentaire et qu'il met un tire, le texte est mis en forme avec la balise <H3></H3> tout comme le titre de vos messages... Donc si vous voulez changer l'apparence de l'un, cela affecte l'autre...Pour éviter ça, il faut créer une nouvelle balise qui n'est pas encore utilisée dans la feuille de style, comme <H4></H4>. Ouvrez votre feuille de style et descendez sur le bloc .blogbody h3 qui gère nos 2 titres. Faites un copier du bloc en entier (comme sur la capture) et... [Lire la suite]
Posté par Demolite à 10:37 - - 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 : , , , , ,

« 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