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

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 un séparateur entre les articles

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]
Posté par Demolite à 15:59 - - 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 : , , , , ,
30 novembre 2010

Menu boutons liens défilants

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]
Posté par Demolite à 15:36 - - Permalien [#]
Tags : , , , , ,
30 novembre 2010

Mettre un bouton lien à la place du Contacter l'auteur

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]
Posté par Demolite à 15:28 - - 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 : , , , , ,

29 novembre 2010

Mettre une bannière différente sur les pages de votre blog

Commencez par ouvrir votre Feuille de style et descendez sur le bloc de votre bannière : #topbar-logo {    border-top-style: none;    border-right-style: none;    border-bottom-style: none    border-left-style: none;    border-width: 1px;    border-color: #910000;    background: url("http://p1.storage.canalblog.com/12/44/255038/19315550.jpg") no-repeat 0% 0%;    height: 150px;    display: block;} Copiez ce bloc et collez-le... [Lire la suite]
Posté par Demolite à 15:01 - - Permalien [#]
Tags : , ,
29 novembre 2010

Mettre une bannière sur son blog en mode avancé

Commencez par redimensionner une image, votre bannière doit être de la même largeur que #Container 800px ou 900px  ou encore 1000px ça dépend des modèles... Ouvrez votre Feuille de style :Apparence/Editer les fichiers de ce modèle/feuille de style générale Notez que Container fait 900px (dans cet exemple) Donc, si votre Container fait 900px, votre image doit faire 900px...par la hauteur que vous voulez. Ensuite ouvrez un Nouveau message Puis Insertion d'un fichier ! (Ne passez pas par : Insertion d'une... [Lire la suite]
Posté par Demolite à 14:54 - - Permalien [#]
Tags : , ,
29 novembre 2010

Mettre un fond d'écran sur votre blog

Choisissez une belle image au format 1020 x 600 Si votre image est trop petite elle va se répéter sur l'écran, et c'est pas très Zoli...à moins que vous vouliez mettre une petite fleur par exemple de 30x30 qui se répètera sur toute la page comme un papier peint, ça fait sympa aussi... Ouvrez un Nouveau message et importez votre image avec l'icône Insertion d'un fichier. Récupérez l'adresse de votre image en passant votre message en mode Html. Ouvrez votre feuille de style et tout en haut, dans le bloc Body, rajoutez... [Lire la suite]
Posté par Demolite à 14:46 - - Permalien [#]
Tags : , , , ,
29 novembre 2010

Changer l'apparence des albums photos

Je ne sais pas ce que vous en pensez, mais perso...je la trouve pas terrible la page des albums photos. Ça va encore au début lorsque vous avez 3 photos qui se battent en duel, mais ensuite quand l'album prend de l'épaisseur, vous vous retrouvez avec une colonne grande comme la tour Effeil sur la droite et c'est vraiment pas tip top ! Puis ensuite lorsque vous cliquez sur une miniature vous obtenez ça : Un titre, du bla bla envoyé par...tel jour... à telle heure...bouh, c'est Big Brother !!! Ce qui m'intéresse vraiment,... [Lire la suite]
Posté par Demolite à 14:37 - - 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