Message d'info en entête du blog
Par FredLynx le mardi 22 mai 2007, 16:04 - Personnalisation du BLOG - Lien permanent
Je vais consacrer ce petit billet à la réponse d'une question récurrente ...
Je commencerais par répondre au Pourquoi?. Ce blog étant destiné en premier lieu à supporter mon CV électronique, il me semblait judicieux de faire un lien direct vers la catégorie concernée. Je me suis donc mis en quête d'une solution viable quelque soit le navigateur utilisé et simple à mettre en œuvre.
Prêt pour un peut de javascript…
Comment ça marche : Les zones de la page sont toutes délimitées par des balises, dans la plus part des cas ce sont des balises de type <DIV id="....">, le principe se base donc sur le remplacement "à la volé" du contenu d'une de ces balises.
Quelle balise choisir :La zone centrale du blog contenant les billets, est délimitée par la balise <DIV id="main"> .... </DIV> qui contient une sous section <DIV id="content">...</DIV>. Nous allons donc choisir de remplacer cette section.
Le code Javascript :
La fonction Javascript principale utilisée :
document.getElementById("content").innerHTML
ou
document.all["content"].innerHTML;
En fait c'est la "même" fonction pour un même résultat, mais l'une ou l'autre sera utilisée en fonction du navigation... Elle sera utilisée deux fois, dans la première partie pour lire le contenu existant de la zone content et en deuxième lieu pour restituer le même contenu avec notre code html ajouté.
Le code ajouté : La partie à ajouter sera donc "codée" en html et ce code est placé dans une variable NewHeaderHtml dans mon cas:
var NewHeaderHtml='<div id="StartFred" style="background: url(../public/Images/warning.jpg); height:100px;"><a href="http://frederic.blog.sudouestjob.com/index.php/category/CV-Emploi" border="0"><center><p style="padding-top:20px; font-family: Georgia, Times New Roman, Times, serif; font-size: 1em; color: #FFFFFF; ">Bienvenue sur le CVBlog de frédéric,<br>cliquez sur ce texte pour accéder directement à mon CV<br>sinon bonne lecture.</p></center></a></div>'
A vous de voir pour le votre 
Intégration sur le site :
Il faut ajouter un Widget Texte dans le bandeau de Navigation ou dans le bandeau d'extra, et cocher la case d'option d'affichage uniquement en 1er page supprimer le texte du titre et ajouter votre code javascript dans le zone de texte.
Pour ajouter ce widget sur votre blog, aller en section Administration puis Widgets de présentation vous n'avez plus qua faire glisser le widget Lecteur de fils de nouvelles dans le bandeau de Navigation ou le bandeau d'extra.
En espèrent avoir été assez clair.




Commentaires
Bonjour,
j'espère que tu es bien installé toi et ta famille, le sud-ouest est une belle région, j'ai passé 12 ans de mon enfance du côté de Libourne...
Je viens de relire 3 fois ce billet, pour faire quelques modif sympa pour mon blog, mais j'avoue avoir du mal...je reviendrais.....
Bien à toi,
Christian