Attention !
Ce blog a déménagé et n'est plus mis à jour. Rendez vous sur le nouveau blog :
http://www.blogtuto.org/
dimanche 03 août
Un texte qui change au passage de la souris
Idéal pour jouer aux devinettes, pour mettre un peu de fantaisie dans vos colonnes ou animer vos textes...
Passez votre souris ici...
Bon c'est tout simple!
En mode html 
dans une message vous copiez le code suivant
<p><font face="Comics" color="pink" onmouseout="this.innerHTML='Passez votre souris ici...'" onmouseover="this.innerHTML='et coucou me voilà!'" style="font-size: 30px;">Passez votre souris ici...<br /></font> </p>
En détails...
style="FONT-SIZE: 30px; <------ici il s'agit de la taille du texte
COLOR: #000000; <------ ici mettez la couleur
FONT-FAMILY: Comics"<------ ici la police de caractère
Une fois que votre texte est paramétré vous pouvez le copier dans une de vos colonnes si vous voulez!
Tags : changeant, texte fixe
dimanche 08 juin
La question du jour : agrandir l'espace texte!
"Bonjour
J'aimerai savoir comment il fallait que je face pour agrandir la zone de texte du milieu ( ou colonne du milieu )"
La réponse de votre tutrice préférée ;-)
Dans la feuille de style :
#container {
width: 1100px; <------------ ici c'est la largeur total de votre blog : colonnes + texte
padding: 0px;
background-color: #FFFFFF;
background: url
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
margin-right: auto;
margin-left: auto;
}
#content {
float: left;
width: 700px; <------------ ici c'est la largeur de la zone texte de votre blog
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
overflow: hidden;
<!--
a : { text-decoration : none }
//-->;
}
#rightbar {
float: left;
width: 200px; <------------ ici c'est la largeur de la colonne de droite
height:1300px;
background-color: #C8E476;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #ffffff;
overflow: hidden;
}
#leftbar {
float: left;
width: 200px; <------------ ici c'est la largeur de la colonne de gauche
height:1300px;
background-color: #B6D2EA;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #FFFFFF;
overflow: hidden;
Notez que 200 px (rightbar col de droite) + 200 px (leftbar col de gauche) + 700 px (content) = 1100px pour le container.
Si vous avez des bordures d'une largeur de 1px il faut aussi les ajouter à la largeur totale
Tags : mode avancé, texte fixe
samedi 12 avril
Un texte de présentation "en dur" sur votre accueil
On peut avoir envie de mettre quelques lignes de présentation sur son blog qui resteront en permanence...et bien, chic, j'ai trouvé comme une grande comment faire...
(quand on vous dit que le mode HTML c'est finalement assez simple quand on a compris...)
Trève de blabla...on fait comment ?
1- On va écrire son texte comme un billet normal dans "Ecrire un nouveau message"...
une fois qu'on a terminé on clique sur <> pour accèder au code HTML...on fait un petit CTRL + C en ayant soin de bien surgraisser le tout auparavant pour COPIER le texte ET les codes !
2 - On va dans sa page d'accueil et on cherche sa colonne du centre (si on a fait tout bien comme le conseille Lavande ICI...on retrouve facilement :
</div></div>
<!----Colonne du centre---->
<div id="content"><div class="blogbody">
Et on va ensuite copier son texte juste après...en ayant soin de rajouter le petit commentaire qui nous permettra de faire des modifications ultérieures...et de ne pas chercher son texte comme une idiote pendant 2 heures !!!
<!--Début de mon texte-->
<p><strong><font size="3">Une jolie bannière pour votre blog, pourquoi ?</font><br /><font size="3" face="courier new, courier, mono"><br /></font></strong></p>
<p><font size="3" face="courier new, courier, mono"><strong>Parce que c'est la vitrine de votre blog, c'est grâce à elle que vos visiteurs auront envie d'aller plus loin...de revenir vous voir !</strong></font>
</p> blablablablablablablablablablablablablablablablablabla
<p><font size="3" face="courier new, courier, mono"><em>Que de bonnes recettes, de jolies créations ou de beaux textes mal mis en valeur à cause d'une bannière mal ajustée, banale, avec des
photos floues, un texte mal centré...</em></font></p>
<!--Fin de mon texte-->
Si on souhaite sauter des lignes...il faut juste rajouter un ou deux <br />
Je prévisualise pour voir si je ne me suis pas trompée...et si tout est correct, je VALIDE !
Et le tour est joué ! Magiiiiiiiiiiiiique !
Si je veux le texte sur toutes mes pages de blog...je n'oublie pas de faire la même manip sur les autres pages ...
Tags : accueil, présentation, texte fixe