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

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

Encadrer les commentaires

Nous allons voir comment encadrer les commentaires de vos visiteurs... Ouvrez la page d'un message et repérez la balise </BlogCommentTitle> Sous cette balise collez les codes suivants : <p><table width="100%" cellspacing="1" cellpadding="1" bordercolor="#f90b2a" border="2"> <tbody><tr><td align="left"><strong><font color="#000000"> Collez la balise <$BlogCommentBody$> ici !ca ... [Lire la suite]
Posté par Demolite à 18:06 - - Permalien [#]
Tags : , , ,
19 novembre 2010

Afficher les smileys dans la liste des derniers commentaires

Si vous avez choisi de changer l'affichage des commentaires avec ce tuto, ce post n'est pas pour vous...pour les autres : Ouvrez votre page d'accueil puis collez les codes ci-dessous (c'est la liste des smileys) avant la balise </head> <script src="http://p7.storage.canalblog.com/77/88/198257/13901288.js" type="text/javascript" ></script> <script type="text/javascript"> <!-- function TableauGif() {     var list = new Array();       ... [Lire la suite]
Posté par Demolite à 17:34 - - Permalien [#]
Tags : , , ,
19 novembre 2010

Changer l'affichage des commentaires

Voici comment changer l'affichage des commentaires sur la page d'accueil de votre blog... De façon à faire apparaitre en premier le pseudo du visiteur et non pas les premiers mots du commentaire. Repérez dans la page d'accueil le bloc suivant : <CBLastComments><li><a href="<$BlogCommentURL$>"><$BlogCommentTitle$></a> sur <a href="<$BlogItemURL$>"><$BlogItemTitle$></a></li></CBLastComments> Remplacez la balise... [Lire la suite]
Posté par Demolite à 17:27 - - Permalien [#]
Tags : , , ,
19 novembre 2010

Ajouter une barre d'outils dans les commentaires

Après avoir installé les smileys, vous pouvez passer à l'étape suivante... Ouvrez la page d'un message et repérez le code suivant à l'aide de Ctrl+F </CBControlForm> Il doit y avoir en dessous ces codes : <script type="text/javascript"><!--SwapCodeEmoticon("content","blogbody");// --></script> Remplacez les par ceux là : <script... [Lire la suite]
Posté par Demolite à 17:22 - - Permalien [#]
Tags : , , ,

19 novembre 2010

Mettre des smileys dans les commentaires

Commencez par ouvrir la page d'un message et juste avant la balise </head> collez le code suivant : Il contient la liste des smileys. <script src="http://p0.storage.canalblog.com/04/62/151832/9837650.js" type="text/javascript" ></script> <script type="text/javascript"> <!-- function TableauGif() {     var list = new Array();            list[list.length] = new... [Lire la suite]
Posté par Demolite à 16:55 - - 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 : , , , ,
19 novembre 2010

Menu vertical pour mettre dans une colonne

Commencez par ouvrir votre feuille de style et collez les blocs suivants tout en bas de votre page... #tablenavigation .blocfixe h2, #coinmoment .blocfixe h2 {    width:180px;    height:14px;    background-image:url("http://p4.storage.canalblog.com/41/57/493778/29912500.gif");    background-repeat:no-repeat;    background-position:left top;    background-color:#9102a6;    font-size:11px;    overflow:hidden;    padding:3px 10px 0px... [Lire la suite]
Posté par Demolite à 11:54 - - Permalien [#]
Tags : , , , ,
18 novembre 2010

Menu déroulant avec ouverture dans une nouvelle fenêtre

Menu déroulant avec l'ouverture des liens du menu dans une nouvelle fenêtre... TITRE DE VOTRE MENU Le grand méchant cook Titre de vos liens Titre de vos liens   <p><script LANGUAGE="JavaScript"><!-- Script trouvé sur http://www.toulouse-renaissance.net/ D'après Vincent CARRIER - Forum amen.fr--><!--var target = "blank" //Destination des URL: "blank", "top" "self" ou "nom du cadre"function envoie(frm){URL =... [Lire la suite]
Posté par Demolite à 18:20 - - 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