CVBlog - CHEF DE PROJETS

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 :
<script type="text/javascript" > // Remplacement de la zone content var contentHtml; if (document.getElementById){ contentHtml=document.getElementById("content").innerHTML; } else if (document.all){ contentHtml=document.all["content"].innerHTML; } if (contentHtml!=''){ 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&eacute;d&eacute;ric,<br>cliquez sur ce texte pour acc&eacute;der directement &agrave; mon CV<br>sinon bonne lecture.</p></center></a></div>'; if (document.getElementById){ document.getElementById("content").innerHTML=NewHeaderHtml+contentHtml; } else if (document.all){ document.all["content"].innerHTML=NewHeaderHtml+contentHtml; } } </script>

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&eacute;d&eacute;ric,<br>cliquez sur ce texte pour acc&eacute;der directement &agrave; 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.