Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :
Publié dans : Liens, listes, menus, curseurs - Tous blogs
Allez sur GRSITES
PREMIERE ETAPE :
Créer votre menu
DEUXIEME ETAPE :
Cliquez sur Download the menu and instructions
Vous obtenez un fichier .zip : un enxemble de fichiers compressés.
J'utilise WinRAR, Options Extraire Vers pour décompresser ce fichier.
Vous obtenez une image
Que vous sauvegardez dans votre administraion.
Vous notez son adresse.
TROISIEME ETAPE :
Sur le site, vous copiez le code
et le collez en mode source en personnalisant l'adresse de l'image que vous avez sauvegardé à l'étape précédente
PREMIERE ETAPE :
Créer votre menu
- Dénominations et URL des liens
- taille; couleur et type de police
- fond du bouton : couleur ou texture
DEUXIEME ETAPE :
Cliquez sur Download the menu and instructions
Vous obtenez un fichier .zip : un enxemble de fichiers compressés.
J'utilise WinRAR, Options Extraire Vers pour décompresser ce fichier.
Vous obtenez une image
Que vous sauvegardez dans votre administraion.
Vous notez son adresse.
TROISIEME ETAPE :
Sur le site, vous copiez le code
<style type="text/css">
.b1745256 {
height: 28px;
width: 200px;
background: url(button25469224.jpg);
background-position: 0px 0px;
}
</style>
<table cellpadding=0 cellspacing=0 border=0><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157743.html">
<div id="b17452561" class="b1745256"
style="background-position: -0px -0px; "
onmouseover = "mOv1745256(1); " onmouseout = "mOut1745256(1); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10150341.html">
<div id="b17452562" class="b1745256"
style="background-position: -0px -28px; "
onmouseover = "mOv1745256(2); " onmouseout = "mOut1745256(2); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157775.html">
<div id="b17452563" class="b1745256"
style="background-position: -0px -56px; "
onmouseover = "mOv1745256(3); " onmouseout = "mOut1745256(3); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-716529.html">
<div id="b17452564" class="b1745256"
style="background-position: -0px -84px; "
onmouseover = "mOv1745256(4); " onmouseout = "mOut1745256(4); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10170635.html">
<div id="b17452565" class="b1745256"
style="background-position: -0px -112px; "
onmouseover = "mOv1745256(5); " onmouseout = "mOut1745256(5); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157837.html">
<div id="b17452566" class="b1745256"
style="background-position: -0px -140px; "
onmouseover = "mOv1745256(6); " onmouseout = "mOut1745256(6); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157795.html">
<div id="b17452567" class="b1745256"
style="background-position: -0px -168px; "
onmouseover = "mOv1745256(7); " onmouseout = "mOut1745256(7); "
></div>
</a>
</td>
</tr><tr>
</tr></table>
<script language="JavaScript" type="text/javascript">
function mOv1745256 (num) {
document.getElementById("b1745256"+num).style.backgroundPosition = "-200px -"+(num-1)*28+"px";
}
function mOut1745256 (num) {
document.getElementById("b1745256"+num).style.backgroundPosition = "-0px -"+(num-1)*28+"px";
}
</script>
.b1745256 {
height: 28px;
width: 200px;
background: url(button25469224.jpg);
background-position: 0px 0px;
}
</style>
<table cellpadding=0 cellspacing=0 border=0><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157743.html">
<div id="b17452561" class="b1745256"
style="background-position: -0px -0px; "
onmouseover = "mOv1745256(1); " onmouseout = "mOut1745256(1); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10150341.html">
<div id="b17452562" class="b1745256"
style="background-position: -0px -28px; "
onmouseover = "mOv1745256(2); " onmouseout = "mOut1745256(2); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157775.html">
<div id="b17452563" class="b1745256"
style="background-position: -0px -56px; "
onmouseover = "mOv1745256(3); " onmouseout = "mOut1745256(3); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-716529.html">
<div id="b17452564" class="b1745256"
style="background-position: -0px -84px; "
onmouseover = "mOv1745256(4); " onmouseout = "mOut1745256(4); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10170635.html">
<div id="b17452565" class="b1745256"
style="background-position: -0px -112px; "
onmouseover = "mOv1745256(5); " onmouseout = "mOut1745256(5); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157837.html">
<div id="b17452566" class="b1745256"
style="background-position: -0px -140px; "
onmouseover = "mOv1745256(6); " onmouseout = "mOut1745256(6); "
></div>
</a>
</td>
</tr><tr>
<td valign=center>
<a href="http://annak.over-blog.com/categorie-10157795.html">
<div id="b17452567" class="b1745256"
style="background-position: -0px -168px; "
onmouseover = "mOv1745256(7); " onmouseout = "mOut1745256(7); "
></div>
</a>
</td>
</tr><tr>
</tr></table>
<script language="JavaScript" type="text/javascript">
function mOv1745256 (num) {
document.getElementById("b1745256"+num).style.backgroundPosition = "-200px -"+(num-1)*28+"px";
}
function mOut1745256 (num) {
document.getElementById("b1745256"+num).style.backgroundPosition = "-0px -"+(num-1)*28+"px";
}
</script>
et le collez en mode source en personnalisant l'adresse de l'image que vous avez sauvegardé à l'étape précédente
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Présentation
: Les ficelles d Anna K.
: 26/06/2006
: Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur
Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de
design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer
de la musique, des gadgets, des compteurs, des astuces de référencement...
: 26/06/2006
: Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur
Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de
design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer
de la musique, des gadgets, des compteurs, des astuces de référencement...
Recherche Rapide Sur le Site
Sommaires
Sommaires Pour les Blogs OverBlog
- Premiers pas en V2
- Gestion quotidienne
- Ecritures dans les modules
- Ecritures dans les articles et pages
- Ecritures dans les fenêtres et albums photos
- Modifier les Fonds
- Placer des images
- Ajouter, déplacer ou masquer
- Design complet et Idées de Mise en page
- Aspect des Ascenseurs, Puces et Curseurs
- Cadres,lignes et bordures
- Effets d'Ecriture et de Texte
- Effets d'images et Diaporamas
- Créer et transformer des Images
- Placer des documents
- Musique, son, vidéo et télé
- Cadres, tableaux, lignes
- Liens, listes et menus
- Interactivité et gadgets
- Indicateurs,compteurs et Protection
- référencement, communautés et flux RSS
Dernières Astuces
- Des vignettes représentant vos vidéos Youtube - Privilège
- Installer un lecteur de vidéo - Tinypic
- Permettre à vos visiteurs de regarder une vidéo en continu sur le blog
- Proposer à ses visiteurs d'héberger leurs vidéos - Privilège
- Mixer vos vidéos en ligne
- Utiliser la webcam pour prendre des photos pour votre blog
- Installer une radio en pop up
- Installer la radio sur votre Blog - Privilège
- Mettre un message oral sur le blog - Gizmoz
- Mettre un message vocal en accueil
Commentaires