Les tuto 2 Demolite

Non compatible avec Explorer. Voici comment Arrondir les angles de votre page centrale, autrement dit de Content. Rendez-vous dans la feuille de style générale et collez le code suivant juste en dessous de content comme sur la capture..fullsample {        width: 450px;        border-radius: 10px 10px;        -moz-border-radius: 10px;        background-color: #CCCCCC;        padding: 5px;} Si votre... [Lire la suite]

Compatible avec Firefox et Internet explorer,  par contre vous ne pouvez pas cumuler les smileys dans les commentaires et les angles arrondis...ça bloque sur la page d'un message. Ouvrez votre feuille de style et coller le code ci-dessous en bas de page : .relsample { width: 490px; position: relative; background-color: #FFFFFF; }.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right { height: 19px; width: 19px; background-repeat: no-repeat; position: absolute; background-color:... [Lire la suite]

Le petit triangle vert de Canalblog est sympa...mais avoir sa propre icône c'est quand même mieux :o) Elle s'affiche dans la barre d'adresse de votre navigateur et également dans les favoris. Commencez par aller sur ce site vous pourrez transformer une image de votre pc en icône. Il suffit de faire Parcourir d'aller chercher l'image sur votre pc que vous voulez mettre en icône... Faites Ouvrir puis Generate FavIcon.ico Ce qui donne ça : Ensuite cliquez sur Download favIcon Décompressez le fichier pour... [Lire la suite]

Ouvrez votre feuille de style, descendez sur le bloc #calendar puis ajoutez la ligne suivante dans le bloc :background-image: url("Adresse de votre image"); Comme ceci : #calendar {    font-family: Georgia;    color: #000000;    font-size: small;    line-height: 150%;    padding: 0px;    margin-bottom: 0px;    background-image: url("http://Adresse de votre image.gif");} Collez l'adresse de votre image dans la ligne de code et validez. ... [Lire la suite]

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

Voici comment faire pour encadrer ou mettre un séparateur au dessus du Posté par en bas de vos articles, ce qui permet de bien les séparer les uns des autres... Comme ceci : Voici 2 méthodes, la première en passant par la feuille de style, ce qui aura pour effet d'installer le séparateur sur toutes les pages de votre blog. Repérez le bloc suivant dans la feuille de style et ajoutez les 2 dernières lignes en collant l'adresse de votre image. .blogbody .itemfooter {    font-family: Verdana, Arial, Helvetica,... [Lire la suite]

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]

Comme pour le menu défilant, collez vos liens à la place de "Lien ici" et vos images à la place de "Adresse image". Dans cet exemple de menu, les boutons liens s'ouvrent dans une autre fenêtre grâce au : target="_blank" <p><marquee behavior="scroll" direction="up" height="50" width="160" scrollamount="1" scrolldelay="1" onmouseover="this.stop()" onmouseout="this.start()"><p><a href="Lien... [Lire la suite]

Commencez pas trouver une image animée sympa puis ouvrez votre page d'accueil, repérer le bloc contactez l'auteur. Collez à la place de "Contactez l\'auteur" le code de votre image comme ci-dessous : <img alt="email18" src="http://Adresse de l'image.gif" width="48" height="45" border="0" /> Ce qui donnera ça : <div class="item"> <script type="text/javascript"> <!-- document.write('<a... [Lire la suite]

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]