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

Ecrire dans un cadre dans une colonne

Ça peut être pratique, voire même joli un petit cadre avec un fond ou pas dans une colonne, histoire de laisser un message de bienvenue à vos visiteurs... Salut les gensVoici un petit cadre pour y mettre du texte, vous pouvez le mettre dans une de vos colonnes pour y mettre un message de bienvenueou encore vous en servir comme d'un post-it... <p style="border: 1px solid; color: #00FFFF; margin: 0%; padding: 0px; font-family: century gothic; font-size: 80%; background-image:... [Lire la suite]
Posté par Demolite à 16:13 - - Permalien [#]
Tags : , , , , ,
30 novembre 2010

Mettre de la couleur dans le formulaire des commentaires

Si vous voulez mettre un peu de couleur dans vos commentaires, c'est par ici... Ça le fait hein... Ouvrez votre feuille de style et collez dedans, les lignes suivantes :.blogbody textarea {        background-color:#a5e1a6;}.blogbody textarea:focus {        background-color:#67cd6b}.blogbody input {        background-color:#a5e1a6;}.blogbody input:focus {        background-color:#67cd6b;} La première ligne colore le fond de... [Lire la suite]
Posté par Demolite à 15:48 - - Permalien [#]
Tags : , , , , ,

20 novembre 2010

Encadrer les commentaires avec les angles arrondis

Voici comment encadrer les commentaires de vos visiteurs avec les angles arrondis...Fonctionne avec Firefox uniquement. Ouvrez la page d'un message et repérez à l'aide de Ctrl+F le code suivant : <p><$BlogCommentBody$></p> Collez au dessus <div class="fullsample"> et en dessous </div> comme ceci : <div class="fullsample"><p><$BlogCommentBody$></p></div> Validez.
Posté par Demolite à 10:25 - - Permalien [#]
Tags : , , , , ,
20 novembre 2010

Encadrer les commentaires version 2

Ouvrez la Page d'un message puis repérez la balise suivante :<p><$BlogCommentBody$></p> Vous devez coller ensuite cette balise sur la ligne du dessus <div class="commentaire">Puis collez la balise </div> sur la ligne en dessus. Ce qui donnera ça : <div class="commentaire"><p><$BlogCommentBody$></p></div> Validez. Ouvrez maintenant votre feuille de style et collez tout en bas de la page les blocs suivants : .blogbody .commentaire... [Lire la suite]
Posté par Demolite à 10:21 - - Permalien [#]
Tags : , , , ,
17 novembre 2010

Supprimer l'encadrement des images

Un petit tuto tout simple mais qui rend bien service !C'est une question qui revient régulièrement dans ma boite mail... Voici comment vous débarrasser du cadre qui entoure certaines images sur votre blog... Ouvrez votre feuille de style descendez jusqu'au bloc suivant, qui doit ressembler à ça : .navlinks img {    border-top-style: solid;    border-right-style: solid;    border-bottom-style: solid;    border-left-style: solid;    border-width: 1px;    border-color:... [Lire la suite]
Posté par Demolite à 21:02 - - Permalien [#]
Tags : , , ,
13 novembre 2010

Encadrer du texte

Copiez-collez le code suivant dans un message en Mode Html, placez votre texte comme indiqué : <span style="border:1px solid white;">Ecrivez le texte à encadrer ici</span> Résultat : Ecrivez le texte à encadrer ici Si vous voulez changer la couleur du cadre, rien de plus simple...Vous remplacez White dans le code par Blue, Red ou encore Green... Oh le joli cadre <p><font style="border: 3px solid #00FFFF;">Oh le joli cadre <br /></font></p> Un cadre... [Lire la suite]
Posté par Demolite à 18:47 - - 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