tag:blogger.com,1999:blog-82786149001233454172024-03-12T20:59:56.707-07:00Personnalisation customisation et amelioration d’un blog blogger blogspot"Ce blog propose les meilleures astuces d’optimisation de blogger afin de vous aider à créer le site de vos rêves le plus facilement possible"Unknownnoreply@blogger.comBlogger73125tag:blogger.com,1999:blog-8278614900123345417.post-27733404271511724032011-05-08T03:29:00.001-07:002011-05-08T04:03:32.426-07:00Bouton retour vers le haut de la page<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsJUFFXytw_ZXc7CqfjWwNz_cOAbckOs376_He7oMSnaHsog4vXZZ5qG39jPf5c1UfrToXsee0ym5zVMdsyO01xIVuvd-0OSLUl-iQAuyvruE09i_oQyufq7WNoqNCSsMN9YSjrowSwHCJ/s1600/Retour+haut.jpg" /></div>
<span class="Apple-style-span" style="color: #333333; font-family: Georgia, 'Times New Roman', serif; line-height: 20px;">Voici une petite astuce qui va vous permettre d’ajouter un bouton "Haut de page" dans votre blog Blogger. C</span><span class="Apple-style-span" style="color: #333333; font-family: Georgia, 'Times New Roman', serif; line-height: 20px;"><span class="Apple-style-span" style="color: black;">ela évite d'avoir à faire re-défiler manuellement le post jusqu'en haut.</span></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #333333; line-height: 20px;">Une icône "Haut de page" est présente en bas à droite de ce blog, cliquez dessus pour voir le résultat.<br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" />Vous pouvez utiliser l’icône de votre choix ou un simple texte "Haut de page" ou "Top" par exemple.</span></span><br />
<br />
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; line-height: 20px;"><b><span class="Apple-style-span" style="color: #0b5394;">1. Allez dans présentation:</span></b></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #333333; line-height: 20px;"><span class="Apple-style-span" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-color: initial; border-style: initial; list-style-image: initial; list-style-position: initial; outline-color: initial; outline-style: initial;"><a href="http://www.blogger.com/post-edit.g?blogID=8278614900123345417&postID=2773340427151172403" name="more" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; color: #eb4c07; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank"></a></span>Connectez vous à<i style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"> Blogger</i>, Allez dans "<i style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Mise en page</i>", cliquez sur "<i style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Ajouter un gadget</i>" puis sur "<i style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; list-style-image: initial; list-style-position: initial; list-style-type: none; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">HTML/JavaScript</i>" et copier / coller le code suivant :</span></span><br />
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>2. Code:</b></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span><br />
<form name="copy">
<div align="center">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></span></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 131px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 603px;" wrap="VIRTUAL"><a style="display:scroll;
position:fixed;
bottom:5px;
right:5px;" href="#"
alt="Haut de Page"
title="Haut de Page"><img src="http://blogspot.leblogger.com/divers/haut.gif"/></a></textarea></div>
</form>
</div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F05%2Fbouton-retour-haut-de-la-page-blogger.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></div>
<span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Bouton retour haut de la page blogger</span>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8278614900123345417.post-17389432661932941132011-05-07T12:30:00.001-07:002011-05-08T00:02:33.848-07:00Remarque concernant le libellé menu<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUKJI3eSaKFCd9-o4MgrPsXg9riQJgolJyF1JEanuI6ItAqPgy7P1n8WYZurMjVm5kOnZDNYK_w-SSGf4pYcayoPK-p16nkxBUvQK8hFbHBSoxgvnBAR38bNkB2wtOqA1o9Pe1rMa5RI/s1600/Menus+2.jpg" /></span></div>
<br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Quand tous les menus sont affichés ensemble cela créer un conflit (javascript) et ceux ci ne s'affichent pas correctement. Pour résoudre cela il suffit d'ouvrir le message dans une page unique (en cliquant sur le titre du post par exemple).</span><br />
<br />
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Quand toutes les pages sont affichées en même temps:</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a alt="problème java" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3JZfdD_TcVo3UMWixAHLcSpfZuuNd7qJxElj32c4cr_ABSL0M2t0pezCw_kYdTDuak8Uh8xnGXfBG9CkeHS2D-hhy9tYEW_PTcpsA6Et2_6UaAJ6TcwI1WLBkeZkmVO4Ub_etdhlscNAG/s1600/1.jpg" imageanchor="1" rel="lightbox[problème menu javascript]" style="margin-left: 1em; margin-right: 1em;" title="problème java"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3JZfdD_TcVo3UMWixAHLcSpfZuuNd7qJxElj32c4cr_ABSL0M2t0pezCw_kYdTDuak8Uh8xnGXfBG9CkeHS2D-hhy9tYEW_PTcpsA6Et2_6UaAJ6TcwI1WLBkeZkmVO4Ub_etdhlscNAG/s320/1.jpg" width="211" /></a></div>
<div style="text-align: center;">
<b><span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;">Même page ouverte seule:</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a alt="problème java" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi26ghushF21XfIDS7l8w98qZW8Xa37gT3h3vQdNfRhOpllgoV5vrLfIw5JQ4vZVYMGwpVQ4UWodFMg193mPw0En1MpAN7Taa4Yw4HmdvR-0l8vbe41ZNwrN0xu19ocgslS1g8Gi6UMI1Ms/s1600/2.jpg" imageanchor="1" rel="lightbox[problème menu javascript]" style="margin-left: 1em; margin-right: 1em;" title="problème java"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi26ghushF21XfIDS7l8w98qZW8Xa37gT3h3vQdNfRhOpllgoV5vrLfIw5JQ4vZVYMGwpVQ4UWodFMg193mPw0En1MpAN7Taa4Yw4HmdvR-0l8vbe41ZNwrN0xu19ocgslS1g8Gi6UMI1Ms/s320/2.jpg" width="283" /></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span>
<style type="text/css">
#dropinboxv2cover{
width: 320px; /*change width to desired */
height: 520px; /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#dropinboxv2{
width: 300px; /*change width to above width-20. */
height: 160px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 4px solid black; /*Customize box appearance*/
background-color: #ffa155;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}
</style>
<script type="text/javascript">
/***********************************************
* Amazon style Drop-in content box- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit DynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Go to http://www.dynamicdrive.com/ for full source code
***********************************************/
var dropboxleft=430 //set left position of box (in px)
var dropboxtop=01 //set top position of box (in px)
var dropspeed=15 //set speed of drop animation (larger=faster)
//Specify display mode. 3 possible values are:
//1) "always"- This makes the fade-in box load each time the page is displayed
//2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
//3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
// For example, 2 would display the box about (1/2) 50% of the time the page loads.
var displaymode="always"
///Don't edit beyond here///////////
if (parseInt(displaymode)!=NaN)
var random_num=Math.floor(Math.random()*displaymode)
var ie=document.all
var dom=document.getElementById
function initboxv2(){
if (!dom&&!ie)
return
crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover
crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
crossbox.height=crossbox.offsetHeight
crossboxcover.style.height=parseInt(crossbox.height)+"px"
crossbox.style.top=crossbox.height*(-1)+"px"
crossboxcover.style.left=dropboxleft+"px"
crossboxcover.style.top=dropboxtop+"px"
crossboxcover.style.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropinv2()",50)
}
function dropinv2(){
scroll_top=(ie)? truebody().scrollTop : window.pageYOffset
if (parseInt(crossbox.style.top)<0){
crossboxcover.style.top=scroll_top+dropboxtop+"px"
crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"
}
else{
clearInterval(dropstart)
crossbox.style.top=0
}
}
function dismissboxv2(){
if (window.dropstart) clearInterval(dropstart)
crossboxcover.style.visibility="hidden"
}
function truebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
if (window.addEventListener)
window.addEventListener("load", initboxv2, false)
else if (window.attachEvent)
window.attachEvent("onload", initboxv2)
else if (document.getElementById || document.all)
window.onload=initboxv2
if (displaymode=="oncepersession")
document.cookie="droppedinv2=yes"
}
</script>
<br />
<div id="dropinboxv2cover" style="height: 120px; left: 200px; top: 100px; visibility: visible;">
<div id="dropinboxv2" style="top: 0pt;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b>Certains menus ne fonctionnent pas correctement quand ils sont affichés ensemble car ils utilisent les même scripts et les même images. Pour les voir correctement les ouvrir dans une seule page.</b></span><br />
<br />
<div align="right">
<a href="http://www.blogger.com/post-edit.g?blogID=8278614900123345417&postID=1738943266193294113#" onclick="dismissboxv2();return false">Fermer !</a></div>
</div>
</div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-1871403551481946352011-05-07T12:07:00.001-07:002011-05-08T00:07:41.898-07:00Menu vertical avec photo et couleur du lien actif changeantes<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUKJI3eSaKFCd9-o4MgrPsXg9riQJgolJyF1JEanuI6ItAqPgy7P1n8WYZurMjVm5kOnZDNYK_w-SSGf4pYcayoPK-p16nkxBUvQK8hFbHBSoxgvnBAR38bNkB2wtOqA1o9Pe1rMa5RI/s1600/Menus+2.jpg" /></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b><span class="Apple-style-span" style="color: #cc0000; font-weight: normal;"><b style="background-color: yellow;">Ce post doit être ouvert seul pour fonctionner correctement!!!</b></span></b></span><br />
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Exemple:</b></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<style type="text/css">
a.bouton
{
width:227px;
text-align:center;
display:block;
border-width: 5px;
font-weight:bold;
text-decoration:none;
background:#B9B9B9;
border-top:3px #DBDBDB solid;
border-left:3px #DBDBDB solid;
border-bottom:3px #868686 solid;
border-right:3px #868686 solid;
}
a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
</style>
<img border="0" height="180" name="imagename" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg" width="227" />
</span><br />
<div class="link">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a class="bouton" href="http://best-off-ps3.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" target="new">Jeux Playstation 3</a>
<a class="bouton" href="http://art-olivier.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="new">Creations graphiques</a>
<a class="bouton" href="http://mister-idiot.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="new">Videos amusantes</a>
<a class="bouton" href="http://les-10-meilleurs.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="new">Jeux videos</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src">Optimisation-blogger</a>
</span></div>
<br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Code:</b></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span><br />
<form name="copy">
<div align="center">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></span></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<style type="text/css">
a.bouton
{
width:227px;
text-align:center;
display:block;
border-width: 5px;
font-weight:bold;
text-decoration:none;
background:#B9B9B9;
border-top:3px #DBDBDB solid;
border-left:3px #DBDBDB solid;
border-bottom:3px #868686 solid;
border-right:3px #868686 solid;
}
a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
</style>
<!-- Ici vous pouvez mettre une autre image que image0 si vous souhaitiez commencer par une autre -->
<img border="0" name="imagename" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"width="227" height="180" />
<div class="link">
<a href="http://best-off-ps3.blogspot.com" class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" target="new">Jeux Playstation 3</a>
<a href="http://art-olivier.blogspot.com/" class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="new">Creations graphiques</a>
</div>
<div class="link">
<a href="http://mister-idiot.blogspot.com/"class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="new">Videos amusantes</a>
<a href="http://les-10-meilleurs.blogspot.com/"class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="new">Jeux videos</a>
</div>
<!-- Pour au cas ou vous avez des cases plus grandes ou que vous les souhaitiez d'une autre couleur -->
<STYLE>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton1 { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 227px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton1:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</STYLE>
<!-- Pour ouvrir dans même fenêtre: supprimer target='new' -->
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/"class="bouton1" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src">Optimisation-blogger</b></a>
</div>
</textarea></div>
</form>
<br />
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F05%2Fmenu-vertical-photo-couleur-lien.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Menu vertical photo couleur lien changeantes</span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-25397228172580345072011-05-07T11:57:00.001-07:002011-05-08T00:07:55.071-07:00Menu horizontal avec photo et couleur du lien actif changeantes<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUKJI3eSaKFCd9-o4MgrPsXg9riQJgolJyF1JEanuI6ItAqPgy7P1n8WYZurMjVm5kOnZDNYK_w-SSGf4pYcayoPK-p16nkxBUvQK8hFbHBSoxgvnBAR38bNkB2wtOqA1o9Pe1rMa5RI/s1600/Menus+2.jpg" /></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #cc0000; font-family: Georgia, 'Times New Roman', serif;"><b style="background-color: yellow;">Ce post doit être ouvert seul pour fonctionner correctement!!!</b></span><br />
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Exemple:</b></span></div>
<div style="text-align: center;">
<div style="text-align: left;">
<script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<style>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 175px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</style>
<img border="0" height="286" name="imagename" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg" width="356" />
</div>
<div class="link">
<a class="bouton" href="http://best-off-ps3.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" target="new">Jeux Playstation 3</a>
<a class="bouton" href="http://art-olivier.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="new">Creations graphiques</a>
</div>
<div class="link">
<a class="bouton" href="http://mister-idiot.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="new">Videos amusantes</a>
<a class="bouton" href="http://les-10-meilleurs.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="new">Jeux videos</a>
</div>
<style>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton1 { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 356px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton1:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</style>
<br />
<div class="link">
<a class="bouton1" href="http://optimisation-blogger.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src">Optimisation-blogger</a>
</div>
</div>
<div class="MsoNormal">
<br />
<br />
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Code:</b></span></div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<STYLE>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 175px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</STYLE>
<!-- Ici vous pouvez mettre une autre image que image0 si vous souhaitiez commencer par une autre -->
<img border="0" name="imagename" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"width="356" height="286" />
<div class="link">
<a href="http://best-off-ps3.blogspot.com" class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" target="new">Jeux Playstation 3</a>
<a href="http://art-olivier.blogspot.com/" class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="new">Creations graphiques</a>
</div>
<div class="link">
<a href="http://mister-idiot.blogspot.com/"class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="new">Videos amusantes</a>
<a href="http://les-10-meilleurs.blogspot.com/"class="bouton" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="new">Jeux videos</a>
</div>
<!-- Pour au cas ou vous avez des cases plus grandes ou que vous les souhaitiez d'une autre couleur -->
<STYLE>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton1 { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 356px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton1:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</STYLE>
<!-- Pour ouvrir dans même fenêtre: supprimer target='new' -->
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/"class="bouton1" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src">Optimisation-blogger</b></a>
</div>
</textarea></div>
</form>
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F05%2Fmenu-horizontal-photo-couleur-lien.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: white;">Menu horizontal photo couleur lien change</span></div>
</div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8278614900123345417.post-68081096032647596742011-05-07T11:48:00.001-07:002011-05-07T11:54:06.761-07:00Menu horizontal dont la couleur du lien actif change<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUKJI3eSaKFCd9-o4MgrPsXg9riQJgolJyF1JEanuI6ItAqPgy7P1n8WYZurMjVm5kOnZDNYK_w-SSGf4pYcayoPK-p16nkxBUvQK8hFbHBSoxgvnBAR38bNkB2wtOqA1o9Pe1rMa5RI/s1600/Menus+2.jpg" /></div>
<div style="text-align: center;">
Exemple:</div>
<style>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 150px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</style>
<br />
<div class="link">
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Diaporamas">Diaporama</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/visuel">Visuel</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/video">Video</a>
</div>
<div class="link">
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Texte">Texte</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/HTML">HTML</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Fichiers">Fichiers</a>
</div>
<div class="link">
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Aspect%20du%20blog">Aspect du blog</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Menus">Menus</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Gestion%20de%20blogger">Gestion de blogger</a>
</div>
<div class="link">
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Widget">Widgets</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Referencement">Referencement</a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Flux%20RSS">Flux RSS</a>
<noscript></noscript>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div class="MsoNormal">
<div style="text-align: center;">
Code:</div>
<div style="text-align: center;">
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><STYLE>
.link A { COLOR: #455a87; TEXT-DECORATION: underline} /* Rule 1 of embedded stylesheet */
.link A.bouton { BORDER-RIGHT: #868686 3px solid;
BORDER-TOP: #dbdbdb 3px solid;
DISPLAY: inline; /*block; */
FLOAT: left;
FONT-WEIGHT: bold;
BACKGROUND: #b9b9b9;
BORDER-LEFT: #dbdbdb 3px solid;
WIDTH: 150px;
BORDER-BOTTOM: #868686 3px solid;
TEXT-ALIGN: center;
TEXT-DECORATION: none}
.link a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
.link
{
clear:both;
float:none;
display:block;
}
</STYLE>
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/search/label/Diaporamas" class="bouton">Diaporama</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/visuel" class="bouton">Visuel</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/video" class="bouton">Video</a>
</div>
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/search/label/Texte" class="bouton">Texte</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/HTML" class="bouton">HTML</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Fichiers" class="bouton">Fichiers</a>
</div>
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/search/label/Aspect%20du%20blog" class="bouton">Aspect du blog</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Menus" class="bouton">Menus</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Gestion%20de%20blogger" class="bouton">Gestion de blogger</a>
</div>
<div class="link">
<a href="http://optimisation-blogger.blogspot.com/search/label/Widget" class="bouton">Widgets</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Referencement" class="bouton">Referencement</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Flux%20RSS" class="bouton">Flux RSS</a>
<noscript></noscript>
</div></textarea></div>
</form>
</div>
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F05%2Fmenu-horizontal-couleur-lien-actif.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe><br />
<span class="Apple-style-span" style="color: white;">Menu horizontal couleur lien actif change</span></div>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-68945015722487007442011-05-07T11:23:00.000-07:002011-05-08T00:08:06.030-07:00Tableau muni de cases liens<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUKJI3eSaKFCd9-o4MgrPsXg9riQJgolJyF1JEanuI6ItAqPgy7P1n8WYZurMjVm5kOnZDNYK_w-SSGf4pYcayoPK-p16nkxBUvQK8hFbHBSoxgvnBAR38bNkB2wtOqA1o9Pe1rMa5RI/s1600/Menus+2.jpg" /></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b><span class="Apple-style-span" style="color: #cc0000; font-weight: normal;"><b style="background-color: yellow;">Ce post doit être ouvert seul pour fonctionner correctement!!!</b></span></b></span><br />
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Exemple:</b></span></div>
<div style="text-align: left;">
<script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="188" name="imagename" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg" width="250" />
</span></div>
<table border="1" cellpadding="1" cellspacing="1" style="text-align: center; width: 250px;"><tbody>
<tr>
<td bgcolor="#232e35" onclick="window.open('http://best-off-ps3.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" width="118"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Jeux Ps3</b></span></td>
<td bgcolor="#232e35" onclick="window.open('http://art-olivier.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="_blank" width="119"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Creations graphiques</b></span></td> </tr>
<tr> <td bgcolor="#232e35" onclick="window.open('http://mister-idiot.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="_blank"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Videos amusantes</b></span></td>
<td bgcolor="#232e35" onclick="window.open('http://les-10-meilleurs.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="_blank"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Jeux videos</b></span></td> </tr>
<tr> </tr>
</tbody></table>
<table border="1" cellpadding="1" cellspacing="1" style="text-align: center; width: 250px;"><tbody>
<tr bgcolor="#730070"> <td bgcolor="#232e35" onclick="location.href='http://optimisation-blogger.blogspot.com/'" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src" target="_blank"><b><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Optimisation-blogger</span></b></td>
</tr>
</tbody></table>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Remarques:</b></span><br />
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Pour que le lien soit la case entière et non simplement le texte qu'elle contient (et par conséquent que l'image présente change lorsque la sourie survole la case entière et non simplement le texte):</span></div>
</div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">- <span class="Apple-style-span" style="color: red;">Ne pas utiliser A href=""</span></span></div>
<div style="text-align: left;">
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Utiliser: </span></div>
</div>
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Pour ouvrir dans une autre page:</span></div>
<div style="text-align: left;">
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><td <span class="Apple-style-span" style="color: #741b47;">onClick="window.open('URL','blank')"</span>>Nom du lien</td></span></div>
</div>
<div style="text-align: center;">
<div style="text-align: left;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Pour ouvrir dans la même page:</span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><td <span class="Apple-style-span" style="color: #741b47;">onclick="location.href='URL'"</span>>Nom du lien</td></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Exemple avec le code du tableau présent dans cette page:</b></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span><br />
<form name="copy">
<div align="center">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></span></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<img border="0" height="188" name="imagename" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg" width="250" />
<!-- Pour Cellule entière et non juste le texte ne pas utiliser <A href= MAIS: (Page blank) onClick="window.open('URL','blank')"-->
<br />
<table border="1" cellpadding="1" cellspacing="1" style="text-align: center; width: 250px;"><tbody>
<tr>
<td bgcolor="#232e35" onClick="window.open('http://best-off-ps3.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" width="118"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Jeux Ps3</b></span></td>
<td bgcolor="#232e35" onClick="window.open('http://art-olivier.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="_blank" width="119"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Creations graphiques</b></span></td> </tr>
<tr> <td bgcolor="#232e35" onClick="window.open('http://mister-idiot.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="_blank"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Videos amusantes</b></span></td>
<td bgcolor="#232e35" onClick="window.open('http://les-10-meilleurs.blogspot.com','blank')" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="_blank"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><b>Jeux videos</b></span></td> </tr>
<tr> </tr>
</tbody></table>
<!-- Pour Cellule entière et non juste le texte ne pas utiliser <A href= MAIS: (Page Self) onclick="location.href='URL'"-->
<table border="1" cellpadding="1" cellspacing="1" style="text-align: center; width: 250px;"><tbody>
<tr bgcolor="#730070"> <td bgcolor="#232e35" onclick="location.href='http://optimisation-blogger.blogspot.com/'" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src" target="_blank"><b><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Optimisation-blogger</span></b></td>
</tr>
</tbody></table>
</textarea></div>
</form>
</div>
</div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F05%2Ftableau-cases-liens-href-selection.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span><br />
<span class="Apple-style-span" style="color: white;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Tableau cases liens href </span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">sélection</span></span></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-8278614900123345417.post-62799951732367344612011-05-07T09:51:00.001-07:002011-05-07T10:09:39.467-07:00Supprimer le message de blogger 'messages les plus récents portant le libellé...'<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip8G7WUUnOMWzBod6W2CgH-WOvUSTud428f6PjThQQc8sLxlhZfrQSSpatJal2Tu_LK6OtqEyXiVzrs2n8p-mRNYJ1fG6i2PyeCQwtjH_lK-PoNLP8ZuDrk7Cs1luPOnY_ftf_k3MAzs6y/s1600/Tool.jpg" /></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Si comme moi vous ne supportez pas ce message concernant les libellés:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a alt="supprimer-message-libelles" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEoLwhAC2xRkbdsy7pTIE0E55QRDYYSDxukCjeWtGbq5tDKk8ShOp4UyP7_Ju2axVH4VPR2Zr9J-rclbSkWge6ND_k05rE3lOybjXXKFzvSLNlNt85oxUpOxzGCQebisEPFkyFxPu51_t/s1600/Supprimer-message-libelles-blogger-1.jpg" imageanchor="1" rel="lightbox[supprimer message des libellés]" style="margin-left: 1em; margin-right: 1em;" title="supprimer-message-libelles"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwEoLwhAC2xRkbdsy7pTIE0E55QRDYYSDxukCjeWtGbq5tDKk8ShOp4UyP7_Ju2axVH4VPR2Zr9J-rclbSkWge6ND_k05rE3lOybjXXKFzvSLNlNt85oxUpOxzGCQebisEPFkyFxPu51_t/s320/Supprimer-message-libelles-blogger-1.jpg" width="320" /></span></a></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Alors:</b></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Alors allez dans présentation -> modifier le code Html tout en sélectionnant: 'dévelloper des modèles de gadgets':</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Puis supprimez cette ligne:</span><br />
<div class="MsoNormal" style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="background-color: yellow;"><a href="http://www.blogger.com/post-edit.g?blogID=8278614900123345417&postID=6279995173236734461" name="OLE_LINK20"><span class="fullpost"><span lang="EN-GB" style="color: black;"><</span></span></a><strong><span lang="EN-GB" style="color: black;">b:include data='top'
name='status-message'/</span></strong><span class="fullpost"><span lang="EN-GB" style="color: black;">></span></span></span><span class="fullpost"><span lang="EN-GB" style="color: black;"><o:p></o:p></span></span></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a alt="supprimer-message-libelles" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnmMZROjeHQpOkYvrglp3C7TvQvcHsTG22JPsOBOt35ExwfiU3i63AqQr9J8mvBC_IxVNsCtZyyOX4Wlhc3atAlTd0rm0wDt3preE7zfsZPREtteXK7cXweZ5lOyq3YVdB5xM3Sjj_EPOI/s1600/Supprimer-message-libelles-blogger-2.jpg" imageanchor="1" rel="lightbox[supprimer message des libellés]" style="margin-left: 1em; margin-right: 1em;" title="supprimer-message-libelles"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnmMZROjeHQpOkYvrglp3C7TvQvcHsTG22JPsOBOt35ExwfiU3i63AqQr9J8mvBC_IxVNsCtZyyOX4Wlhc3atAlTd0rm0wDt3preE7zfsZPREtteXK7cXweZ5lOyq3YVdB5xM3Sjj_EPOI/s320/Supprimer-message-libelles-blogger-2.jpg" width="320" /></span></a></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>Résultat:</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a alt="supprimer-message-libelles" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdFU5SNMulThahMZYzahSOwzvk5HldIeWhyphenhyphennyvNy22Z-7fhlt4aglHH41uLpfOqG7RF_E4qiIOM-rugV-aMiyAbLQTvqMkV3gwhvK4pMRM0_UgRngqjseXjrF8Vc5DjbijiQRZF3CxYmq4/s1600/Supprimer-message-libelles-blogger-3.jpg" imageanchor="1" rel="lightbox[supprimer message des libellés]" style="margin-left: 1em; margin-right: 1em;" title="supprimer-message-libelles"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="131" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdFU5SNMulThahMZYzahSOwzvk5HldIeWhyphenhyphennyvNy22Z-7fhlt4aglHH41uLpfOqG7RF_E4qiIOM-rugV-aMiyAbLQTvqMkV3gwhvK4pMRM0_UgRngqjseXjrF8Vc5DjbijiQRZF3CxYmq4/s320/Supprimer-message-libelles-blogger-3.jpg" width="320" /></span></a></div>
<div style="text-align: center;">
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b><span class="Apple-style-span" style="color: #0b5394;">Si on veut le remettre:</span></b></span></div>
<div style="text-align: left;">
</div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <span lang="EN-GB"><!-- posts --><o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-GB"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <div class='blog-posts hfeed'><o:p></o:p></span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="EN-GB"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <span class="Apple-style-span" style="background-color: yellow;"><b:include data='top'
name='status-message'/></span><o:p></o:p></span></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span lang="EN-GB"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <data:defaultAdStart/><o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-GB"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b:loop values='data:posts' var='post'></span></span></div>
</div>
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F05%2Fsupprimer-message-libelles-messages.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-32127831799771974812011-05-07T07:05:00.001-07:002011-05-07T09:33:09.181-07:00Augmenter la taille de l'image du titre du blog à plus de 970 pixels<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsSBhjiWoATNOOvnvkRAoFOdiz_lznabL15vGh1-u6JXMJ4UnPY9SoE52YCCmSGKufIAkZw-FfjqixE5tb2HEc9ezHGLaNT2Y2C8y_XQh146KGnekCWrIg_Hce25DcA_BwniF1M7Px2hAZ/s1600/Agrandir.png" /></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Même si vous choisissez une photo supérieure en taille, Blogger réduit l'image du titre à 970 pixels.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://optimisation-blogger.blogspot.com/2011/04/modifier-la-largeur-de-votre-blog.html">Si vous avez augmenté la largeur de votre blog à plus de 1000 pixels (Tuto sur ce lien) le résultat ressemblera à cela:</a></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a alt=" augmenter-taille-image-titre-plus-de-970-pixels " href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJot92M96g2M0dC7tnj5Fi7hqmjnOA0HxLVmAOjM20cq8z1nbw0ohSPOdG0YlYKDeQWxGS08f18UJ5fYTPG3XYT4AcDEiaCuI6xkkXxKg5fyyKnaw_7LQpOPBmk-c6bjQhYp7JmbOa4Y/s1600/Augmenter-taille-image-titre-blogger.jpg" imageanchor="1" rel="lightbox[augmenter taille image titre plus de 970 pixels]" style="margin-left: 1em; margin-right: 1em;" title="augmenter taille image titre plus de 970 pixels"><span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIJot92M96g2M0dC7tnj5Fi7hqmjnOA0HxLVmAOjM20cq8z1nbw0ohSPOdG0YlYKDeQWxGS08f18UJ5fYTPG3XYT4AcDEiaCuI6xkkXxKg5fyyKnaw_7LQpOPBmk-c6bjQhYp7JmbOa4Y/s320/Augmenter-taille-image-titre-blogger.jpg" width="320" /></span></a></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">L'image est trop petite et centrée à gauche ce qui n'est pas esthétique du tout.</span><br />
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b><br /></b></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>1. Allez dans l'outil de création de modèles:</b></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-size: 15px; line-height: 20px;">Tableau de bord -> Présentation -> Outil de création de modèle -> Avancé -> Ajouter le fichier CSS.</span></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Puis ajouter ceci:</span><br />
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL">#Header1_headerimg{
width: 100%;
height: auto;
}</textarea></div>
</form>
<div class="MsoNormal" style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #0b5394;"><b>2. Résultat</b></span></span><span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><b>:</b></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a alt=" augmenter-taille-image-titre-plus-de-970-pixels " href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBE-T2hP_ijTlfGQk-dqLHhkFNIlJ9FHrzMc-M_CGd59iLCS3C_CrKtADdawwTpkZx90OOBlat6bmKJWq1EQbDpV_TyXgaJmVUNv4w0vu0xiey6QZzABmL7_m_50ODm299eh2BSJlWa4o/s1600/Augmenter-taille-image-titre-blogger-2.png.jpg" imageanchor="1" rel="lightbox[augmenter taille image titre plus de 970 pixels]" style="margin-left: 1em; margin-right: 1em;" title="augmenter taille image titre plus de 970 pixels"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBE-T2hP_ijTlfGQk-dqLHhkFNIlJ9FHrzMc-M_CGd59iLCS3C_CrKtADdawwTpkZx90OOBlat6bmKJWq1EQbDpV_TyXgaJmVUNv4w0vu0xiey6QZzABmL7_m_50ODm299eh2BSJlWa4o/s320/Augmenter-taille-image-titre-blogger-2.png.jpg" width="320" /></a></div>
<div class="MsoNormal">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="attribute-value"><span lang="EN-GB">L'image à retrouvée sa taille initiale!</span></span></span></div>
<br />
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F05%2Ftitre-plus-grand-970-pixels-blogger.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>
<span class="Apple-style-span" style="color: white;">titre plus grand 970 pixels Blogger blogspot
</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-7206623111010445902011-04-27T15:14:00.001-07:002011-04-27T15:38:40.491-07:00Très joli menu vertical dont la couleur du lien actif change<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUKJI3eSaKFCd9-o4MgrPsXg9riQJgolJyF1JEanuI6ItAqPgy7P1n8WYZurMjVm5kOnZDNYK_w-SSGf4pYcayoPK-p16nkxBUvQK8hFbHBSoxgvnBAR38bNkB2wtOqA1o9Pe1rMa5RI/s1600/Menus+2.jpg" /></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Voici un très joli menu vertical. La couleur change selon la position de la sourie pour signaler un lien actif:</span><br />
<br />
<center>
<style type="text/css">
a.bouton
{
width:200px;
text-align:center;
display:block;
border-width: 5px;
font-weight:bold;
text-decoration:none;
background:#232e35;
border-top:3px #DBDBDB solid;
border-left:3px #DBDBDB solid;
border-bottom:3px #717172 solid;
border-right:3px #868686 solid;
}
a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
</style>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Diaporamas"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Diaporama</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/visuel"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Visuel</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/video"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Video</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Texte"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Texte</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/HTML"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">HTML</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Fichiers"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Fichiers</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Aspect%20du%20blog"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Aspect du blog</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Menus"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Menus</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Gestion%20de%20blogger"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Gestion de blogger</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Widget"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Widgets</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Referencement"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Référencement</span></a>
<a class="bouton" href="http://optimisation-blogger.blogspot.com/search/label/Flux%20RSS"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Flux RSS</span></a><noscript></noscript><br />
<div style="text-align: center;">
<span class="Apple-style-span" style="color: purple;"><b>Code:</b></span></div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><style type="text/css">
a.bouton
{
width:200px;
text-align:center;
display:block;
border-width: 5px;
font-weight:bold;
text-decoration:none;
background:#B9B9B9;
border-top:3px #DBDBDB solid;
border-left:3px #DBDBDB solid;
border-bottom:3px #868686 solid;
border-right:3px #868686 solid;
}
a.bouton:hover
{
background-color: #FF6600;
border-top:4px #FFCC00 solid;
border-left:4px #FFCC00 solid;
border-bottom:2px #CC0000 solid;
border-right:2px #CC0000 solid;
}
</style>
<a href="http://optimisation-blogger.blogspot.com/search/label/Diaporamas" class="bouton">Diaporama</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/visuel" class="bouton">Visuel</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/video" class="bouton">Video</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Texte" class="bouton">Texte</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/HTML" class="bouton">HTML</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Fichiers" class="bouton">Fichiers</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Aspect%20du%20blog" class="bouton">Aspect du blog</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Menus" class="bouton">Menus</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Gestion%20de%20blogger" class="bouton">Gestion de blogger</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Widget" class="bouton">Widgets</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Referencement" class="bouton">Référencement</a>
<a href="http://optimisation-blogger.blogspot.com/search/label/Flux%20RSS" class="bouton">Flux RSS</a><noscript></noscript></textarea></div>
</form>
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Ftres-joli-menu-vertical-couleur.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe>
<span class="Apple-style-span" style="color: white;">tres jo</span><br />
<span class="Apple-style-span" style="color: white;">li menu vertical couleur changeante blogger</span></div>
</center>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8278614900123345417.post-16484261528420562882011-04-27T14:09:00.000-07:002011-05-08T00:08:16.737-07:00Menu avec images changeantes selon le lien sélectionné<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmxBbbmX3u7fwRFxq9nzkp2-YaWZWaa_oRp6sll3RzFGz9JsV-MgCWRM8sixFZ65oLqHshtA4JuSTTK5a6-H2THxI6WBvyi-_xKcWrYFJZmEzLQoN2JXsiYydVR29W3kjT_svkny2oM0L2/s1600/Images.jpg" /></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #cc0000;"><b style="background-color: yellow;">Ce post doit être ouvert seul pour fonctionner correctement!!!</b></span></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Je trouve ce ceci très sympathique. Voici un exemple d'utilisation:</span><br />
<br />
<script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" name="imagename" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg" /> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://best-off-ps3.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" target="new">Jeux Playstation 3</a> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://art-olivier.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="new">Créations graphiques</a> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://mister-idiot.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="new">Vidéos amusantes</a> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://les-10-meilleurs.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="new">Jeux vidéos</a> </span></b><br />
<a href="http://optimisation-blogger.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src" target="new"><b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> Optimisation-blogger</span></b></a> <br />
<noscript>&amp;amp;amp;amp;amp;amp;lt;a href="http://www.editeurjavascript.com/"&amp;amp;amp;amp;amp;amp;gt;ajax&amp;amp;amp;amp;amp;amp;lt;/a&amp;amp;amp;amp;amp;amp;gt;</noscript>
<br />
<div style="text-align: center;">
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"><b>Code:</b></span></div>
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><script language="javascript">
if (document.images) {
image0 = new Image
image1 = new Image
image2 = new Image
image3 = new Image
image4 = new Image
image5 = new Image
image0.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg"
image1.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoIkbXYNyyCmQ-lcOCzsfMTjvvUZkjodc3GrIMG2gdn2r6H0QkNGTxUiO1M0gmVKrMBliuLDXW3gxQXeP-AhYRiecaHEbbKicZ6qkxxjGSOGM7QpXTRUd8Bc5CHqXS06X7M4FhVNhtb9RP/s1600/Best+off+Ps3.jpg "
image2.src = " https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpjwQdq4qgxBSs3fSZGYA7ojq-m9-jtrV_OAA0wQhlf8PQ6fPgIRp-KiiLZpmmAisY3S3LNc7DCS4RvGKiSETM9upbKBFA-QYQN6XGhDm7OxxcqxafEbK0-_vwVQtBpvQz7hlEvjO_tE2m/s1600/Olive+web1.jpg "
image3.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFo6TPtFjt1zVubxYmPgWNnATGT_YMHETu6QmIwrP1RYpI0gjfPiTpDqLNnHQ8vMsdFjne6jhfNC4li8MvKPDHhvM_RV20xSCeq7loKxZlVBwd_aHCNaTac691qYOCil1iaNgClYKH6iAs/s1600/Mr+Idiot.jpg"
image4.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3eLCkZfXXkZpGKp-0bacf_JE9ahWB3tKzmH5NJKCmYGNyebPp6BQ5pXhheMUO2ggDjgHbYPBAHEpyXsysmT8jpwPOGIcWSafnVNK98RFpzX7P1gc9Y7XMU3Z1et99oSGlUwBqcX-p4ex_/s1600/Les+10+meilleurs.jpg"
image5.src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBPc9l7xq2QtO04vazODwfXE05no_ADWw4FJkw5efH3gLspQCel_-GzIaiaCaI-JKdmsH0y7aZt6Lesl2eq1znt-EMW8cPxkMmrZ1Zmim2UwW-M6OoG6-qzK7wE4WquFto1giKKx7xS6Y/s1600/Optimisation+blogger.jpg"
}
</script>
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" name="imagename" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6sTCw5G8RGG3sCKPzOS6ACewfaQRx4pLgnMu0tOSfVark7kWIffwgXZEaFHvBYyV_H4ce7Y6nux3VBrWrp8VqEJiI_G43MTNGaeejOQuG3cwq0FcqQwrg8QMp8M6L1PuVEkaHyhpGgI/s1600/Site.jpg" /> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://best-off-ps3.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image1.src" target="new">Jeux Playstation 3</a> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://art-olivier.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image2.src" target="new">Créations graphiques</a> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://mister-idiot.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image3.src" target="new">Vidéos amusantes</a> </span></b><br />
<b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://les-10-meilleurs.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image4.src" target="new">Jeux vidéos</a> </span></b><br />
<a href="http://optimisation-blogger.blogspot.com/" onmouseout="document.imagename.src=image0.src" onmouseover="document.imagename.src=image5.src" target="new"><b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> Optimisation-blogger</span></b></a> <br />
<noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript></textarea></div>
</form>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"><b><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fliens-avec-images-menu-selon-texte.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></b></span><br />
<span class="Apple-style-span" style="color: white;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b></b></span>liens avec images menu selon texte blogger</span></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-8278614900123345417.post-78107074703304215632011-04-27T12:36:00.001-07:002011-04-27T12:51:32.266-07:00Texte apparaissant façon machine à écrire<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZd0uifrpavmLSbDYix2WorDHXywFVGTOgjXRHbnRYlRfie4pOId1D6TUAnElMVOXQch_Hl08mYsTxD4co2WWzmW51mrIpFZGH0wZJTuYRhCRnO0uguCMEsfFMLhW-JS3s8c1XFBroYmwa/s1600/Texte.jpg" /></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<title>Superbe texte défilant</title>
<style>
#ticker{font-family:cursive;color:blue;
}
</style>
<script type="text/javascript">
<!--
var speed = 10 //vitesse d'écriture
var speed2 = 100000 //temp de pause
// Ci-dessous : Rajoutez des messages sans oublier de changer le numéro du msg[...]
msg = []
function upticker(){
if (y > msg2.length - 1) {
y = 0; setTimeout("upticker()",speed);}
else{if (x > msg2[y].length) {
msg = msg2[y];x = 0; y++;
setTimeout("upticker()",speed2);}
else {msg = msg2[y].substring(0,x++);
setTimeout("upticker()",speed);}
t.innerHTML = msg };}
setTimeout("upticker()",speed);
function init(){t=document.getElementById("ticker");
msg[0]=t.innerHTML;msg2 = msg;x = y = 0;
upticker()
}
window.onload=init
//-->
</script>
<br />
<div id="ticker">
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Bonjour je vous présente ce texte défilant type machine à écrire.</span><br />
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y va !.</span><br />
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Il suffit de mettre la balise </span><br />
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">et voila.</span><br />
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Vous pouvez changer :
</span><br />
<ul>
<li><span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Le contenu HTML dans le div id="sticker"</span></li>
<li><span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Le style dans la feuille de style </span></li>
<li><span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Dans le script
</span><ul>
<li><span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">La vitesse d'écriture.
</span></li>
<li><span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Le temps de pause a la fin du texte.</span></li>
</ul>
</li>
</ul>
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Voila j'espère que la démo vous a plus.</span><br />
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<br />
<br />
<br />
<br />
<center>
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">Salut a tous les webmaster et bon surf a tous.
</span><br />
<span class="Apple-style-span" style="color: black; font-family: Georgia, 'Times New Roman', serif;">script trouvé sur Optimisation-blogger.blogspot.com</span><br />
</center>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"><b>Code:</b></span>
<div style="text-align: center;">
<form name="copy">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Superbe texte défilant</title>
<style>
#ticker{font-family:cursive;color:blue;
}
</style>
<script type="text/javascript">
<!--
var speed = 10 //vitesse d'écriture
var speed2 = 100000 //temp de pause
// Ci-dessous : Rajoutez des messages sans oublier de changer le numéro du msg[...]
msg = []
function upticker(){
if (y > msg2.length - 1) {
y = 0; setTimeout("upticker()",speed);}
else{if (x > msg2[y].length) {
msg = msg2[y];x = 0; y++;
setTimeout("upticker()",speed2);}
else {msg = msg2[y].substring(0,x++);
setTimeout("upticker()",speed);}
t.innerHTML = msg };}
setTimeout("upticker()",speed);
function init(){t=document.getElementById("ticker");
msg[0]=t.innerHTML;msg2 = msg;x = y = 0;
upticker()
}
window.onload=init
//-->
</script>
</head>
<body >
<div id="ticker">Bonjour je vous présente ce texte défilant type machine à écrire.<br>
Comme vous le voyez vous pouvez sauter de ligne a tout moment attention on y va !.<br>
Il suffit de mettre la balise <br /> et voila.<br>
Vous pouvez changer :
</p>
<ul>
<li>Le contenu HTML dans le div id="sticker"</li>
<li>Le style dans la feuille de style </li>
<li>Dans le script
<ul>
<li>La vitesse d'écriture.
</li>
<li>Le temps de pause a la fin du texte.</li>
</ul>
</li>
</ul>
Voila j'espère que la démo vous a plus.<br>
Si vous voulez m'envoyer un mail voici mon adresse :<br>
ici ton adresse e-mail
<center>
<p>Salut a tous les webmaster et bon surf a tous.
</p>
<p>script trouvé sur Optimisation-blogger.blogspot.com</p>
</center>
</div>
</body>
</html>
</textarea></div>
</form>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Ftexte-type-machine-ecrire-blogger-blog.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe>
<span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">texte t</span><br />
<br />
<center style="text-align: center;"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">Texte apparaissant type machine a ecrire</span></center></div>
</center>
Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-8278614900123345417.post-31284701258728626412011-04-27T12:15:00.001-07:002011-04-27T12:22:29.502-07:00Texte Zoom in et Zoom out<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZd0uifrpavmLSbDYix2WorDHXywFVGTOgjXRHbnRYlRfie4pOId1D6TUAnElMVOXQch_Hl08mYsTxD4co2WWzmW51mrIpFZGH0wZJTuYRhCRnO0uguCMEsfFMLhW-JS3s8c1XFBroYmwa/s1600/Texte.jpg" /></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br /></span><br />
<div style="text-align: center;">
<script type="text/javascript">
/*
Inserer ici les messages à afficher
*/
var message2 = new initTableau(
"Optimisation-blogger.blogspot.com",
"vous propose",
"des tonnes de codes",
"pour votre site !"
);
/*
Déclaration de variables
vous pouvez modifier la vitesse et la taille de police max!
Attention : Plus vitesse est haut, plus la vitesse diminue!
*/
var vitesse = 1;
var cycle = 1000;
var taillemax = 36;
var police = "Arial";
var x = 0;
var y = 0;
var message, taille;
/*
Ne plus rien modifié sous cette ligne
*/
function initTableau() {
this.length = initTableau.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initTableau.arguments[i];
}
}
function AugmenteTaille(){
message = message2[y];
if (x < taillemax) {
x++;
setTimeout("AugmenteTaille()",vitesse);
}
else setTimeout("DiminueTaille()",cycle);
//Utilisation différente du dhtml selon Netscape ou Internet Explorer
if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1) {
taille = "<font point-size='"+x+"pt'>";
document.calque.document.write(taille+"<center><font face="+police+">"+message+"</center></font></font>");
document.calque.document.close();
}
/*
Condition pour Netscape 6
*/
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
document.getElementById("calque").innerHTML = "<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";
}
if (navigator.appVersion.indexOf("MSIE") != -1){
calque.innerHTML = "<center><font face="+police+">"+message+"</center></font>";
calque.style.fontSize=x+'px'
}
}
function DiminueTaille(){
if (x > 1) {
x--;
setTimeout("DiminueTaille()",vitesse);
}
else {
setTimeout("AugmenteTaille()",cycle);
y++;
if (y > message2.length - 1) y = 0;
}
if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1){
taille = "<font point-size='"+x+"pt'>";
document.calque.document.write(taille+"<center><font face=Arial>"+message+"</center></font></font>");
document.calque.document.close();
}
/*
Condition pour Netscape 6
*/
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
document.getElementById("calque").innerHTML ="<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";
}
if (navigator.appVersion.indexOf("MSIE") != -1){
calque.innerHTML = "<center><font face=Arial>"+message+"</center></font>";
calque.style.fontSize=x+'px'
}
}
/*
On adapte le calque selon le navigateur
*/
if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1)
document.write('<layer id="calque"></layer><br>');
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1))
document.write('<DIV STYLE="font-size:12px" ID="calque"></DIV>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="calque"></span><br>');
setTimeout("AugmenteTaille()",vitesse);
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"><b>Code:</b></span></div>
<form name="copy">
<div align="center">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></span></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><script type="text/javascript">
/*
Inserer ici les messages à afficher
*/
var message2 = new initTableau(
"Optimisation-blogger.blogspot.com",
"vous propose",
"des tonnes de codes",
"pour votre site !"
);
/*
Déclaration de variables
vous pouvez modifier la vitesse et la taille de police max!
Attention : Plus vitesse est haut, plus la vitesse diminue!
*/
var vitesse = 1;
var cycle = 1000;
var taillemax = 36;
var police = "Arial";
var x = 0;
var y = 0;
var message, taille;
/*
Ne plus rien modifié sous cette ligne
*/
function initTableau() {
this.length = initTableau.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initTableau.arguments[i];
}
}
function AugmenteTaille(){
message = message2[y];
if (x < taillemax) {
x++;
setTimeout("AugmenteTaille()",vitesse);
}
else setTimeout("DiminueTaille()",cycle);
//Utilisation différente du dhtml selon Netscape ou Internet Explorer
if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1) {
taille = "<font point-size='"+x+"pt'>";
document.calque.document.write(taille+"<center><font face="+police+">"+message+"</center></font></font>");
document.calque.document.close();
}
/*
Condition pour Netscape 6
*/
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
document.getElementById("calque").innerHTML = "<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";
}
if (navigator.appVersion.indexOf("MSIE") != -1){
calque.innerHTML = "<center><font face="+police+">"+message+"</center></font>";
calque.style.fontSize=x+'px'
}
}
function DiminueTaille(){
if (x > 1) {
x--;
setTimeout("DiminueTaille()",vitesse);
}
else {
setTimeout("AugmenteTaille()",cycle);
y++;
if (y > message2.length - 1) y = 0;
}
if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1){
taille = "<font point-size='"+x+"pt'>";
document.calque.document.write(taille+"<center><font face=Arial>"+message+"</center></font></font>");
document.calque.document.close();
}
/*
Condition pour Netscape 6
*/
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1)){
document.getElementById("calque").innerHTML ="<center><font face="+police+" style='font-size:"+x+"px'>"+message+"</center></font>";
}
if (navigator.appVersion.indexOf("MSIE") != -1){
calque.innerHTML = "<center><font face=Arial>"+message+"</center></font>";
calque.style.fontSize=x+'px'
}
}
/*
On adapte le calque selon le navigateur
*/
if(navigator.appName == "Netscape" && navigator.appVersion.indexOf("5") == -1)
document.write('<layer id="calque"></layer><br>');
if((navigator.appName == "Netscape") && (navigator.appVersion.indexOf("5") != -1))
document.write('<DIV STYLE="font-size:12px" ID="calque"></DIV>');
if (navigator.appVersion.indexOf("MSIE") != -1)
document.write('<span id="calque"></span><br>');
setTimeout("AugmenteTaille()",vitesse);
</script><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>
</textarea></div>
</form>
<div style="text-align: center;">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fzoom-texte-elastique-grossi-retreci.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
<br /></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">zoom texte elastique grossi retreci blogger</span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-19321926252555900632011-04-27T03:49:00.001-07:002011-04-27T04:30:53.103-07:00Problèmes dans une textarea -> Balise Br ou d’espace :<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZd0uifrpavmLSbDYix2WorDHXywFVGTOgjXRHbnRYlRfie4pOId1D6TUAnElMVOXQch_Hl08mYsTxD4co2WWzmW51mrIpFZGH0wZJTuYRhCRnO0uguCMEsfFMLhW-JS3s8c1XFBroYmwa/s1600/Texte.jpg" /></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Blogger facilite la modification du code HTML en faisant pour nous les retours à la ligne <BR> lorsque l'on presse entré.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Cependant si cela est bien pratique il empêche néanmoins le bon fonctionement des zones de texte modulables <textarea> (<a href="http://optimisation-blogger.blogspot.com/2011/04/inserer-zone-texte-modulable-blogger.html" target="blanc">Tuto ici</a>).</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz68Qq-QhjnUOBpIG-hUS4pLGJ69Bl3UaE_8f4nrG7RyiGY_GLYxp1JaJxTA3ctV-PW06KU266G47roz8fwAMM0R9voeEc2A6KptU3Zxf8Z48yFgLrWOmi2YB7hMjwmbkfpWrLdq8ikgoO/s1600/textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz68Qq-QhjnUOBpIG-hUS4pLGJ69Bl3UaE_8f4nrG7RyiGY_GLYxp1JaJxTA3ctV-PW06KU266G47roz8fwAMM0R9voeEc2A6KptU3Zxf8Z48yFgLrWOmi2YB7hMjwmbkfpWrLdq8ikgoO/s320/textarea+blogger.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Aussi il convient de désactiver cette option en indiquant d'utiliser des balises <BR>.</span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"><b>Explications en photos:</b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"></span></span></a><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"></span></span></a><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"></span></span></span></span></a><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"></span></span></a><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"></span></span></span></span></a><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9X0d5RnEmVgl2BNFT3Vmo5AQ9dEYpbRLevIz_BX1BBIdFty2OILAFFeUwgr1jB74fv48Z4L72HfCQoFcfLE8x5TLM_3U_uNE-4a2YpGm8I-nNHEcLbcMf8san_lXhfQJDhqvGudQtq5N-/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"></span></span></span></span></span></span></span></span></a><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8JPLEs_5o8IAnTVcYRkmm8r88dkIT_sVEzmc8Q27GpXUKjFBONXSGqiAU-TV7wPkN3eWAkobgS5lpnlldt7EY7mQj6FpWVIEGQ1TTpLLufXpnHBAJQmf1Oy5lMCmohempNQ76nJaTTj0/s1600/zone+de+text+textarea+blogger.jpg" rel="lightbox[textarea blogger]" title="textarea blogger" alt="textarea blogger" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8JPLEs_5o8IAnTVcYRkmm8r88dkIT_sVEzmc8Q27GpXUKjFBONXSGqiAU-TV7wPkN3eWAkobgS5lpnlldt7EY7mQj6FpWVIEGQ1TTpLLufXpnHBAJQmf1Oy5lMCmohempNQ76nJaTTj0/s320/zone+de+text+textarea+blogger.jpg" width="319" /></span></a></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></a></span></span></span></span></span></span></span></span></a></span></span></span></span></a></span></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: white;">textarea balise br espace blanc <br> problème</span></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: white;"><br />
</span></span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: white;"><span class="Apple-style-span" style="color: black; font-family: 'Times New Roman';"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Ftextarea-balise-br-espace-blanc.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></span></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: white;"> </span></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-45819924494017731892011-04-27T02:27:00.001-07:002011-04-27T04:59:36.743-07:00Multi boutons animés défilants<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAqQwEdt59emvt5pHtkTuXfNi3u0tb11-2j3UAJ_H42ONCrKK0n-lZ3X_p4ZnTOWRj5fPCduPEi9QFsKQR1cqh-zOfh8el_Nyp56QvLFmIzBegrQ0TorWzz1kFTsKZ2mZSb097qhhkQS0/s1600/move.jpg" /></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Les boutons qui suivent sont tous des liens:</span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">
<div style="text-align: center;">
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;">
<body onLoad="StartHeadliner()"><SCRIPT LANGUAGE="JavaScript">
<!-- Begin
typeWriterWait=120 // Style machine à écrire : délai
blinkTextWait=1000 // Style clignotement : délai
blinkSpacesWait=300 // Style clignotement : délai
blinkMax=3 // Nombre de clignotements
expandWait=100 // expanding headliner delay
scrollWait=90 // scrolling délai
scrollWidth=34 // nb de caratères du scrolling
randomLines=false // choix de lignes au hasard
lineMax=6 // nombre de boutons ou message (ci-dessous)
lines=new Array(lineMax)
// Format pour chaque bouton
// (texte, url or mailto, nom frame de destination, effet, délai (temps)
lines[1]=new Line("Deplacement de droite a gauche: Ceci est un lien vers mes creation graphiques ", "http://art-olivier.blogspot.com", "blank", Scroll, 1000)
lines[2]=new Line("Statique: Ceci est un lien vers optimisation-blogger.blogspot.com", "http://optimisation-blogger.blogspot.com", "blank", Static, 3500)
lines[3]=new Line("Milieu vers exterieur: ceci est un lien vers un site de jeux video", "http://les-10-meilleurs.blogspot.com", "blank", Expand, 2000)
lines[4]=new Line("Deplacement de gauche a droite: Ceci est pour m-envoyer un email", "xerex@laposte.net", "blank", Scroll, 3000)
lines[5]=new Line("Type machine a ecrire: Lien vers Optimisation-blogger", "http://optimisation-blogger.blogspot.com","blank", TypeWriter, 1500)
lines[6]=new Line("Type clignotant: Lien vers Optimisation-blogger", "http://optimisation-blogger.blogspot.com", "blank", Blink, 1000)
// Ne rien modifier ci-dessous :-)
lineText=""
timerID=null
timerRunning=false
spaces=""
charNo=0
charMax=0
charMiddle=0
lineNo=0
lineWait=0
function Line(text, url, frame, type, wait) {
this.text=text
this.url=url
this.frame=frame
this.Display=type
this.wait=wait
}
function StringFill(c, n) {
var s=""
while (--n >= 0) {
s+=c
}
return s
}
function getNewRandomInteger(oldnumber, max) {
var n=Math.floor(Math.random() * (max - 1) + 1)
if (n >= oldnumber) {
n++
}
return n
}
function getRandomInteger(max) {
var n=Math.floor(Math.random() * max + 1)
return n
}
function GotoUrl(url, frame) {
if (frame != '') {
if (frame == 'self') self.location.href=url
else if (frame == 'parent') parent.location.href=url
else if (frame == 'top') top.location.href=url
else {
s=eval(top.frames[frame])
if (s != null) top.eval(frame).location.href=url
else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes")
}
}
else window.location.href=url
}
function Static() {
document.formDisplay.buttonFace.value=this.text
timerID=setTimeout("ShowNextLine()", this.wait)
}
function TypeWriter() {
lineText=this.text
lineWait=this.wait
charMax=lineText.length
spaces=StringFill(" ", charMax)
TextTypeWriter()
}
function TextTypeWriter() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo)
charNo++
timerID=setTimeout("TextTypeWriter()", typeWriterWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Blink() {
lineText=this.text
charMax=lineText.length
spaces=StringFill(" ", charMax)
lineWait=this.wait
TextBlink()
}
function TextBlink() {
if (charNo <= blinkMax * 2) {
if ((charNo % 2) == 1) {
document.formDisplay.buttonFace.value=lineText
blinkWait=blinkTextWait
}
else {
document.formDisplay.buttonFace.value=spaces
blinkWait=blinkSpacesWait
}
charNo++
timerID=setTimeout("TextBlink()", blinkWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Expand() {
lineText=this.text
charMax=lineText.length
charMiddle=Math.round(charMax / 2)
lineWait=this.wait
TextExpand()
}
function TextExpand() {
if (charNo <= charMiddle) {
document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo)
charNo++
timerID=setTimeout("TextExpand()", expandWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function Scroll() {
spaces=StringFill(" ", scrollWidth)
lineText=spaces+this.text
charMax=lineText.length
lineText+=spaces
lineWait=this.wait
TextScroll()
}
function TextScroll() {
if (charNo <= charMax) {
document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo)
charNo++
timerID=setTimeout("TextScroll()", scrollWait)
}
else {
charNo=0
timerID=setTimeout("ShowNextLine()", lineWait)
}
}
function StartHeadliner() {
StopHeadliner()
timerID=setTimeout("ShowNextLine()", 2000)
timerRunning=true
}
function StopHeadliner() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning=false
}
}
function ShowNextLine() {
if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax)
else (lineNo < lineMax) ? lineNo++ : lineNo=1
lines[lineNo].Display()
}
function LineClick(lineNo) {
document.formDisplay.buttonFace.blur()
if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame)
}
with (document) {
write('<center><form name="formDisplay"><input type="button"')
write('name="buttonFace" value="Optimisation-blogger presente...."')
write('onClick="LineClick(lineNo)"></input></form></center>')
}
// End -->
</SCRIPT>
<b>Paramètres:</b></span></div>
<ul>
<li><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Deplacement de droite a gauche: Scroll, </span></li>
<li><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Statique: Static</span></li>
<li><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Milieu vers exterieur: Expand</span></li>
<li><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Deplacement de gauche a droite: Scroll</span></li>
<li><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Type machine a ecrire: TypeWriter</span></li>
<li><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Type clignotant: Blink</span></li>
</ul>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">
</span>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"><b>Code:</b></span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: 'Times New Roman';"></span></span>
<form name="copy">
<div align="center">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: 'Times New Roman';"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></span></span></div>
<div align="center">
<textarea cols="60" name="txt" rows="3" style="height: 100px; width: 600px;" wrap="VIRTUAL"><body onLoad="StartHeadliner()"><SCRIPT LANGUAGE="JavaScript"> <!-- Begin typeWriterWait=120 // Style machine à écrire : délai blinkTextWait=1000 // Style clignotement : délai blinkSpacesWait=300 // Style clignotement : délai blinkMax=3 // Nombre de clignotements expandWait=100 // expanding headliner delay scrollWait=90 // scrolling délai scrollWidth=34 // nb de caratères du scrolling randomLines=false // choix de lignes au hasard lineMax=6 // nombre de boutons ou message (ci-dessous) lines=new Array(lineMax) // Format pour chaque bouton // (texte, url or mailto, nom frame de destination, effet, délai (temps) lines[1]=new Line("Deplacement de droite a gauche ", "", "blank", Scroll, 1000) lines[2]=new Line("Statique", "", "blank", Static, 3500) lines[3]=new Line("Milieu vers exterieur", "", "blank", Expand, 2000) lines[4]=new Line("Deplacement de gauche a droite", "", "", Scroll, 3000) lines[5]=new Line("Type machine a ecrire", "","", TypeWriter, 1500) lines[6]=new Line("Type clignotant", "", "", Blink, 1000) // Ne rien modifier ci-dessous :-) lineText="" timerID=null timerRunning=false spaces="" charNo=0 charMax=0 charMiddle=0 lineNo=0 lineWait=0 function Line(text, url, frame, type, wait) { this.text=text this.url=url this.frame=frame this.Display=type this.wait=wait } function StringFill(c, n) { var s="" while (--n >= 0) { s+=c } return s } function getNewRandomInteger(oldnumber, max) { var n=Math.floor(Math.random() * (max - 1) + 1) if (n >= oldnumber) { n++ } return n } function getRandomInteger(max) { var n=Math.floor(Math.random() * max + 1) return n } function GotoUrl(url, frame) { if (frame != '') { if (frame == 'self') self.location.href=url else if (frame == 'parent') parent.location.href=url else if (frame == 'top') top.location.href=url else { s=eval(top.frames[frame]) if (s != null) top.eval(frame).location.href=url else window.open(url, frame, "toolbar=yes,status=yes,scrollbars=yes") } } else window.location.href=url } function Static() { document.formDisplay.buttonFace.value=this.text timerID=setTimeout("ShowNextLine()", this.wait) } function TypeWriter() { lineText=this.text lineWait=this.wait charMax=lineText.length spaces=StringFill(" ", charMax) TextTypeWriter() } function TextTypeWriter() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=lineText.substring(0, charNo)+spaces.substring(0, charMax-charNo) charNo++ timerID=setTimeout("TextTypeWriter()", typeWriterWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Blink() { lineText=this.text charMax=lineText.length spaces=StringFill(" ", charMax) lineWait=this.wait TextBlink() } function TextBlink() { if (charNo <= blinkMax * 2) { if ((charNo % 2) == 1) { document.formDisplay.buttonFace.value=lineText blinkWait=blinkTextWait } else { document.formDisplay.buttonFace.value=spaces blinkWait=blinkSpacesWait } charNo++ timerID=setTimeout("TextBlink()", blinkWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Expand() { lineText=this.text charMax=lineText.length charMiddle=Math.round(charMax / 2) lineWait=this.wait TextExpand() } function TextExpand() { if (charNo <= charMiddle) { document.formDisplay.buttonFace.value=lineText.substring(charMiddle - charNo, charMiddle + charNo) charNo++ timerID=setTimeout("TextExpand()", expandWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function Scroll() { spaces=StringFill(" ", scrollWidth) lineText=spaces+this.text charMax=lineText.length lineText+=spaces lineWait=this.wait TextScroll() } function TextScroll() { if (charNo <= charMax) { document.formDisplay.buttonFace.value=lineText.substring(charNo, scrollWidth+charNo) charNo++ timerID=setTimeout("TextScroll()", scrollWait) } else { charNo=0 timerID=setTimeout("ShowNextLine()", lineWait) } } function StartHeadliner() { StopHeadliner() timerID=setTimeout("ShowNextLine()", 2000) timerRunning=true } function StopHeadliner() { if (timerRunning) { clearTimeout(timerID) timerRunning=false } } function ShowNextLine() { if (randomLines) lineNo=getNewRandomInteger(lineNo, lineMax) else (lineNo < lineMax) ? lineNo++ : lineNo=1 lines[lineNo].Display() } function LineClick(lineNo) { document.formDisplay.buttonFace.blur() if (lineNo > 0) GotoUrl(lines[lineNo].url, lines[lineNo].frame) } with (document) { write('<center><form name="formDisplay"><input type="button"') write('name="buttonFace" value="Optimisation-blogger presente...."') write('onClick="LineClick(lineNo)"></input></form></center>') } // End --> </SCRIPT><br /> </textarea></div>
</form>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="font-family: 'Times New Roman';"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fmulti-boutons-anime-defilant-liens.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></span></div>
<span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">multi boutons anime defilant liens blogger</span>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-8278614900123345417.post-2094121300747633472011-04-27T00:32:00.001-07:002011-04-27T00:40:00.189-07:00Correspondance de la taille du texte entre HTML et CSS<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1qaMY6aGSmkQyJr2kFTJJ14CUCpdNGyBajYAcUHk3LZ_LROnHbMcEmCFChRokMYH-YtA4oSV6Lmn6zOIUFojRGqbn_pa4TIa-pZwTPFpkqs51n9zw8YpFQA_YA_Zj2RpnfSChOPMVJw5/s1600/Css.jpg" /></div><br />
<br />
<br />
<center style="text-align: -webkit-auto;"><br />
</center><center><table border="0" cellpadding="0" cellspacing="1" class="MsoNormalTable" style="background: #666666; mso-cellspacing: .7pt; mso-padding-alt: 3.75pt 3.75pt 3.75pt 3.75pt;"><tbody>
<tr style="mso-yfti-irow: 0;"> <td style="background: black; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><b><span style="color: #ffcc00;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">CSS:<o:p></o:p></span></span></b></div></td> <td style="background: #FFCC99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">xx-small<o:p></o:p></span></div></td> <td style="background: #FFCC99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">x-small<o:p></o:p></span></div></td> <td style="background: #FFCC99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">small<o:p></o:p></span></div></td> <td style="background: #FFCC99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b>medium</b><o:p></o:p></span></div></td> <td style="background: #FFCC99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">large<o:p></o:p></span></div></td> <td style="background: #FFCC99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">x-large<o:p></o:p></span></div></td> <td style="background: #FFCC99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">xx-large<o:p></o:p></span></div></td> </tr>
<tr style="mso-yfti-irow: 1; mso-yfti-lastrow: yes;"> <td style="background: black; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><b><span style="color: #ffcc00;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">HTML:<o:p></o:p></span></span></b></div></td> <td style="background: #FFFF99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">1<o:p></o:p></span></div></td> <td style="background: #FFFF99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">2<o:p></o:p></span></div></td> <td style="background: #FFFF99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b>3</b><o:p></o:p></span></div></td> <td style="background: #FFFF99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">4<o:p></o:p></span></div></td> <td style="background: #FFFF99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">5<o:p></o:p></span></div></td> <td style="background: #FFFF99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">6<o:p></o:p></span></div></td> <td style="background: #FFFF99; padding: 3.75pt 3.75pt 3.75pt 3.75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">7<o:p></o:p></span></div></td> </tr>
</tbody></table><br />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fcorrespondance-taille-police-css-html.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe><br />
<span class="Apple-style-span" style="color: white;"> correspondance taille police css html blogger</span></center>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-71012793526922280592011-04-27T00:13:00.001-07:002011-04-27T00:30:58.386-07:00Texte défilant vers le haut<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMAqQwEdt59emvt5pHtkTuXfNi3u0tb11-2j3UAJ_H42ONCrKK0n-lZ3X_p4ZnTOWRj5fPCduPEi9QFsKQR1cqh-zOfh8el_Nyp56QvLFmIzBegrQ0TorWzz1kFTsKZ2mZSb097qhhkQS0/s1600/move.jpg" /></div><span style="font-family: georgia; font-size: large;"></span><br />
<div align="center"><span style="font-size: large;"><marquee direction="up" height="150" onmouseout="function anonymous()
{
this.start()
}" onmouseover="function anonymous()
{
this.STOP()
}" scrollamount="1" scrolldelay="5" width="500"><center><span style="color: #674ea7; font-family: Georgia, 'Times New Roman', serif;"><b>Ceci permet de faire circuler le texte vers le haut !!!</b></span></center></marquee></span></div><div style="text-align: center;"><b><span class="Apple-style-span" style="color: #0b5394;">Code:</span></b></div><div style="text-align: center;"><textarea cols="60" name="textarea" onfocus="this.select();" readonly="" rows="3" style="background-attachment: initial; background-clip: initial; background-color: infobackground; background-image: initial; background-origin: initial; font-family: georgia; font-weight: normal; height: 100px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 600px;" title="Code iframe"><marquee direction="up" height="150" onmouseout="function anonymous() { this.start() }" onmouseover="function anonymous() { this.STOP() }" scrollamount="1" scrolldelay="5" width="300"><center><span style="color: black; font-size: x-small;">TAPEZ VOTRE TEXTE ICI</span></center></marquee></textarea></div><div style="text-align: center;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Ftexte-defilant-vers-le-haut-blogger.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe><br />
<span class="Apple-style-span" style="color: white;">texte defilant vers le haut blogger</span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-5091248115848041942011-04-26T13:59:00.000-07:002011-04-26T14:40:41.460-07:00Afficher un titre défilant dans la barre du navigateur<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqnicdGXdtEqNRrH4tjPTo1SIXYQ-u20S_I4RO9E1T2L4meMkqz-mmobaAHdIX_dymbkwQGZBpQHZU85jPXaXYIVa3yVitQBNmXn0_KVfvGI6PPTJhyphenhypheng1OfO790UtcEbwWIvZpe5dyRad8/s1600/Animation.jpg" /></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Voici un script assez sympa qui permet d'afficher un titre défilant dans la barre du navigateur.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Vous devez vous rendre dans:</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Tableau de bord -> Présentation -> Modifier le code HTML</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Et juste au dessus de </head> vous copiez ce code:</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span><br />
<div class="MsoNormal"></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><script type='text/javascript'></span></div><div class="MsoNormal"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #333399;">var titre =&quot;</span><span class="Apple-style-span" style="color: magenta;">VOTRE TEXTE ICI</span><span class="Apple-style-span" style="color: #333399;">&quot;</span></span></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">function bougerTitre(){</span></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">titre = titre.substring(1, titre.length) + titre.substring(0, 1);</span></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">document.title = titre;</span></div><div class="MsoNormal"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: #333399;">setTimeout(&quot;bougerTitre()&quot;,</span><span class="Apple-style-span" style="color: magenta;">100</span><span class="Apple-style-span" style="color: #333399;">);</span></span></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">}</span></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">bougerTitre();</span></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></script></span></div><div class="MsoNormal" style="color: #333399;"><span class="Apple-style-span" style="color: #666666;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></head> <--- Pour information (ne pas copier!)</span></span></div><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Remarque: 100 représente la vitesse. Plus le nombre est élevé et plus l'animation est lente. Sur ma page celle ci est réglée sur 200.</span><br />
<span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">titre defilant barre navigateur blogger blogspot</span><br />
<div style="text-align: center;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Ftitre-defilant-barre-navigateur-blogger.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8278614900123345417.post-24262940700302192262011-04-26T08:21:00.000-07:002011-04-26T12:11:22.135-07:00Aligner la description du blog<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOJlLNnqEXLxbVxivlrzMaOw7w643Qi36harOxI_nvn1T7webZwkS0cxldoFa0U17bkGEs-B8NtMo-_Val6wvViPttfIi3D4Nj2Gdtrzv_aNXB7unNWjzsWbDqh-BuRhyphenhyphenRYe44fvJsGCGu/s1600/Align.jpg" /></span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-size: 15px; line-height: 17px;"><b><i><span class="Apple-style-span" style="color: #0b5394;"><span class="Apple-style-span" style="color: black; font-style: normal; font-weight: normal;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Sur blogger la description d'origine est à gauche:</span></span></span></i></b></span></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgoxCBPtGJmNKcgX3UblM_XSyYGXNImYbDUUWp7EK_uaxbOrJYFCyCDw-b2eAOE51BimjRZWW5uJfFXIURc8_zwa86Lw1F7B0Oe_BCH5EwAsl1XEaOGbyitKUzSLpzXnZPd4K07lQTMzq/s1600/1.jpg" imageanchor="1" rel="lightbox[centrer la description]" style="margin-left: 1em; margin-right: 1em;" title="centrer la description"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgoxCBPtGJmNKcgX3UblM_XSyYGXNImYbDUUWp7EK_uaxbOrJYFCyCDw-b2eAOE51BimjRZWW5uJfFXIURc8_zwa86Lw1F7B0Oe_BCH5EwAsl1XEaOGbyitKUzSLpzXnZPd4K07lQTMzq/s320/1.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Si vous désirez la centrer:</span></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-size: 15px; line-height: 17px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b><i><span class="Apple-style-span" style="color: #0b5394;"><span class="Apple-style-span" style="color: black; font-style: normal; font-weight: normal;"></span><span class="Apple-style-span" style="color: black; font-style: normal; font-weight: normal;"> </span>1. Allez dans l'outil de création de modèles:</span></i></b><br />
Tableau de bord -> Présentation -> Outil de création de modèle -> Avancé -> Ajouter le fichier CSS.<br />
<b><i><span class="Apple-style-span" style="color: #0b5394;">2. L'éditer avec ce code:</span></i></b></span></span></div><div class="MsoNormal" style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">.descriptionwrapper {</span></div><div class="MsoNormal" style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">text-align: center;</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">}</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv4Ys7MIngcvoHUHyy49QZic2Z6BdYwSWLsfEmOchshesDbV2uhcJL4nVVGxRxqcchOHL1_96FXtq2XF4DoYUfl4NDbdTa6CXY5MvvBwqexmiz1USOysfXUPIB-nt3vquzenDdSWy6YqxP/s1600/2.jpg" imageanchor="1" rel="lightbox[centrer la description]" style="margin-left: 1em; margin-right: 1em;" title="centrer la description"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv4Ys7MIngcvoHUHyy49QZic2Z6BdYwSWLsfEmOchshesDbV2uhcJL4nVVGxRxqcchOHL1_96FXtq2XF4DoYUfl4NDbdTa6CXY5MvvBwqexmiz1USOysfXUPIB-nt3vquzenDdSWy6YqxP/s320/2.jpg" width="320" /></span></a></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div><div style="text-align: left;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Faligner-description-centrer-mettre-au.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></div><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">aligner description centrer mettre au millieu</span>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-8278614900123345417.post-86970310893308372362011-04-26T05:30:00.000-07:002011-04-26T08:56:51.092-07:00Héberger ses fichiers gratuitement et facilement sans FTP<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxwHnVyuWf33UJxRLMtnxLs9DSFS9OMGmEW5HoX_DLfUO3h5m8C9k_lT9q3wvE3nkjwm2ETvH4xpWwSW1pfIwidGcbmlcavNrpWP59PCDmlkMKGUllH-75eMFs5IXCaUimlCu19oTEGRmB/s1600/FTP.jpg" /></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Dans ce tuto je vais vous expliquer comment héberger vos fichiers gratuitement et facilement. Sans un FTP. Et grace à une compagnie extrêmement fiable: 'Google'.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b><i><span class="Apple-style-span" style="color: purple;">1. Aller sur Google.</span></i></b></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Et rendez vous ici:</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYTkqYpzjjr6BB52Igyql40708271wD8wVMCcPEOga2ga2MQaUsKjsw3w7LgMl-W3N9aQrFdWc5FVY-gAlRpRKX4SyZ_XDOxCKFjjvMzF3ucG9T5YgvIoZKw5BOfoGVD5X8Iv_i5PsdioG/s1600/1.jpg"rel="lightbox[FTP gratuit]" title="herberger fichier gratuitement" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYTkqYpzjjr6BB52Igyql40708271wD8wVMCcPEOga2ga2MQaUsKjsw3w7LgMl-W3N9aQrFdWc5FVY-gAlRpRKX4SyZ_XDOxCKFjjvMzF3ucG9T5YgvIoZKw5BOfoGVD5X8Iv_i5PsdioG/s320/1.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b><i><span class="Apple-style-span" style="color: purple;"> 2. Puis créer une page classeur:</span></i></b></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">(Emplacement de stockage des fichiers)</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgllSowSG7Si8DDLdeKPkOk2JQgnnsDQhxVaHj4OoFmeVvvJ1BjC6c7kpMe0e7qvLTs2kOlW80J5mJ-ROhVs6lr_KJLoVQpGdYOhPQes4fXArlGH6o6HR5gD0lwS7biIqGiLoGgav1JwCgE/s1600/2.jpg"rel="lightbox[FTP gratuit]" title="herberger fichier gratuitement" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgllSowSG7Si8DDLdeKPkOk2JQgnnsDQhxVaHj4OoFmeVvvJ1BjC6c7kpMe0e7qvLTs2kOlW80J5mJ-ROhVs6lr_KJLoVQpGdYOhPQes4fXArlGH6o6HR5gD0lwS7biIqGiLoGgav1JwCgE/s320/2.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <i><b><span class="Apple-style-span" style="color: purple;"> 3. Ajoutez un fichier comme ceci:</span></b></i></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNF5qoG02ag1eBXtNXz4z-Ohgmw-tTYILYSGjtQ7hlpCTN0lciiHbVnWcutNx0tTaW3Vcmc-u05nKlNmqd-nJUHKxoqrPH2g9RwthwViShd39L7Hn0AsPjcaKW8mv-2cnCWBEh0_wzsGDC/s1600/3.jpg"rel="lightbox[FTP gratuit]" title="herberger fichier gratuitement" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNF5qoG02ag1eBXtNXz4z-Ohgmw-tTYILYSGjtQ7hlpCTN0lciiHbVnWcutNx0tTaW3Vcmc-u05nKlNmqd-nJUHKxoqrPH2g9RwthwViShd39L7Hn0AsPjcaKW8mv-2cnCWBEh0_wzsGDC/s320/3.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b><i><span class="Apple-style-span" style="color: purple;">4: Pour connaitre l'URL:</span></i></b></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Copier le nom du fichier à l'adresse précédée de /, comme ceci:</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBh7k2OOk7z6ds19KEkSGuXcUJB_wArsNO2_WqA_egYivSZb0vXVgEdIniSIxipPEUp1QMZ4KfjEKFrRtYtpqn16YR2TH0ICdSHeMatNXWWsCpo9uFNiWCUpMOr8oR2i4dg_42DgDh7JoF/s1600/4.jpg"rel="lightbox[FTP gratuit]" title="herberger fichier gratuitement" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBh7k2OOk7z6ds19KEkSGuXcUJB_wArsNO2_WqA_egYivSZb0vXVgEdIniSIxipPEUp1QMZ4KfjEKFrRtYtpqn16YR2TH0ICdSHeMatNXWWsCpo9uFNiWCUpMOr8oR2i4dg_42DgDh7JoF/s320/4.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLsffSGXplAgzNBMXjdq0yXRbjP_PjBe1w306fhyBeb6RWRd-xiQWcPauLtAVmUyw9CkMp8Unnf4LhRawmsbIvoqUIwxo_Bl3IrdI1d8QibOEjw6JoApr8cb830KMQO4I-qoISqf7SiLEn/s1600/4bis.jpg"rel="lightbox[FTP gratuit]" title="herberger fichier gratuitement" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLsffSGXplAgzNBMXjdq0yXRbjP_PjBe1w306fhyBeb6RWRd-xiQWcPauLtAVmUyw9CkMp8Unnf4LhRawmsbIvoqUIwxo_Bl3IrdI1d8QibOEjw6JoApr8cb830KMQO4I-qoISqf7SiLEn/s320/4bis.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b><i><span class="Apple-style-span" style="color: purple;">5. Et Voila!</span></i></b></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Résultat pour un Pdf:</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8RmWhFtlRoVsKplFkgUD7lisWWsGevOB-ziYKpLzLoWmpPSLZ-l13IwMZDhpLnzFuA1YbMzOvuKfwLeqMCM5JruXP7T3TgCmF5EIs8-V44e9kcwrt4RMN15_Fvgil5S-ho5PbHahLy1ii/s1600/5.jpg"rel="lightbox[FTP gratuit]" title="herberger fichier gratuitement" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8RmWhFtlRoVsKplFkgUD7lisWWsGevOB-ziYKpLzLoWmpPSLZ-l13IwMZDhpLnzFuA1YbMzOvuKfwLeqMCM5JruXP7T3TgCmF5EIs8-V44e9kcwrt4RMN15_Fvgil5S-ho5PbHahLy1ii/s320/5.jpg" width="238" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fheberger-fichier-sans-ftp-gratuit.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></div><div style="text-align: center;"><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">heberger fichier sans ftp gratuit facile</span></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8278614900123345417.post-85145017204197790202011-04-26T04:33:00.001-07:002011-04-26T08:57:09.049-07:00Insérer des documents Pdf, powerpoint et TIFF sur blogger facilement<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnZmNKMzsfqbp5mFaKVEqmmVyy2A0ZoSNQifdZbVsNrgq79ooUL3JZ8ilUzh40-ghm6Es_QcZ8mAtt587InKknO_htR4_aj_0Zd9dctncVpxLUA1F4gXx5Ff8gZxJ9HaRIqRyhJdOBYJsi/s1600/pdf.jpg" /></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Se fait grâce à Google Docs Viewer.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Copiez simplement le code suivant dans votre Article :</span><br />
<div style="text-align: center;"><textarea cols="60" name="textarea" onfocus="this.select();" readonly="" rows="3" style="background-attachment: initial; background-clip: initial; background-color: infobackground; background-image: initial; background-origin: initial; font-weight: normal; height: 100px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; width: 600px;" title="Code iframe"><iframe src="http://docs.google.com/gview?url=URL DU DOCUMENT&embedded=true" style="width:550px; height:500px;" frameborder="0"></iframe></textarea></div><div style="text-align: center;"><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe src="http://docs.google.com/gview?url=<span class="Apple-style-span" style="color: red;">URL DU DOCUMENT</span>&embedded=true" style="width:<span class="Apple-style-span" style="color: blue;">550</span>px; height:<span class="Apple-style-span" style="color: blue;">500</span>px;" frameborder="0"></iframe></span></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div><b><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Exemple:</span></b></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe frameborder="0" src="http://docs.google.com/gview?url=http://sites.google.com/site/scripsolivier/home/pdf/1.pdf&embedded=true" style="height: 500px; width: 550px;"></iframe> </span><br />
<div style="text-align: left;"><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Remarque: vous pouvez héberger gratuitement vos documents sur google site.</span></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://optimisation-blogger.blogspot.com/2011/04/heberger-fichier-sans-ftp-gratuit.html">Voir le tuto ici</a></span></div></div></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fdocument-pdf-powerpoint-tiff-blog.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></div><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">document PDF PowerPoint TIFF blog Google</span>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8278614900123345417.post-67881815843135433872011-04-26T03:42:00.000-07:002011-04-26T08:57:30.713-07:00Comprendre les feuilles de style CSS<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1qaMY6aGSmkQyJr2kFTJJ14CUCpdNGyBajYAcUHk3LZ_LROnHbMcEmCFChRokMYH-YtA4oSV6Lmn6zOIUFojRGqbn_pa4TIa-pZwTPFpkqs51n9zw8YpFQA_YA_Zj2RpnfSChOPMVJw5/s1600/Css.jpg" /></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Affichage de la feuille de style: </span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Depuis votre navigateur: Affichage -> Code source de la page.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVOwb5ENdVefHyjdJWxYQ4EPCe_hQLulER3bvo_yGMMtQ7N4ZZGa_7ovogwB8cicA00Sf7r0GTezaUSgC_qClfYTRiHRDP8NI6cMGBfZWUHXlxWSMJzgwVHGRjNuUl_xSJTNfSmqUcAIf/s1600/1.jpg" imageanchor="1" rel="lightbox" style="margin-left: 1em; margin-right: 1em;" title="Affichage du code source de la page"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXVOwb5ENdVefHyjdJWxYQ4EPCe_hQLulER3bvo_yGMMtQ7N4ZZGa_7ovogwB8cicA00Sf7r0GTezaUSgC_qClfYTRiHRDP8NI6cMGBfZWUHXlxWSMJzgwVHGRjNuUl_xSJTNfSmqUcAIf/s320/1.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="color: #404040; font-size: x-small; line-height: 19px;"></span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Voici un pdf pour clarifier tout ça:</span></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><a href="http://olivier.sk.free.fr/PDF/Comprendre%20la%20feuille%20de%20style.pdf" target="_blank" title="Télécharger le pdf">Télécharger le Pdf</a></span></div><span class="Apple-style-span" style="color: #e0218a; font-family: Georgia, 'Times New Roman', serif; font-size: x-small; line-height: 19px;"><iframe ><="" <iframe="" div><="" frameborder="0" src="http://olivier.sk.free.fr/PDF/Comprendre%20la%20feuille%20de%20style.pdf" style="height: 500px; width: 720px;"></iframe></span><br />
<div style="text-align: center;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fcomprendre-feuille-style-css-blogger.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-18540364667936904602011-04-26T01:51:00.000-07:002011-04-26T08:56:31.074-07:00Ajouter bouton Paypal donation 'Faire un don'<div class="separator" style="clear: both; text-align: center;"></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0I4zhJ6t58-fxXpiQTHufTrurKB3e1IgyGvPaWUnZRmkb0-lRgDU_ID2MwAduHzab0KFDXLkN3hPOUtheupSb2PC89_F-1Hxov3Hnohxvp4iau4ITQwlVrnfBCKBGX3bZDBfSX75SioI/s1600/paypal2.jpg" /></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">S'occuper d'un blog demande de d'argent, du temps et de l'énergie.</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Ceci pourrait être comparé à la rédaction d'un livre fait bénévolement.</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Les lecteurs peuvent manifester leur reconnaissante en envoyant un don via paypal si ils le désire.</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <span class="Apple-style-span" style="color: purple;"> 1. Aller dans votre compta paypal.</span></span><br />
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"> 2. Dans la section '<b><i>Solutions e-commerce</i></b>', cliquez sur '<b><i>dons</i></b>':</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0GbPxKO4LzUtZjvaWxdys1pDCsQnnJbJPbMlPHgp97EhluxxVyiLkDfN3xbps5F7LPhyphenhyphenKz2TUaQjBoHdr8r8oT__szr5_7pv86nGE9OgE8TJqIWSLMOvT2OuNfFvhJ_CtvKBbJ6dmjGc/s1600/1.jpg"rel="lightbox[Bouton paypal donation]" title="bouton paypal donation" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="295" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw0GbPxKO4LzUtZjvaWxdys1pDCsQnnJbJPbMlPHgp97EhluxxVyiLkDfN3xbps5F7LPhyphenhyphenKz2TUaQjBoHdr8r8oT__szr5_7pv86nGE9OgE8TJqIWSLMOvT2OuNfFvhJ_CtvKBbJ6dmjGc/s320/1.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <span class="Apple-style-span" style="color: purple;"> 3. Choisissez l'apparence que vous désirez où uploader votre propre bouton.</span></span><br />
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"> 4. Puis copiez le code HTML que vous introduirez dans votre site:</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Tableau de bord -> Mise en page -> Ajouter un élément de page -> HTML/Java script.</span><br />
<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif; margin-left: 1em; margin-right: 1em;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWc65LPs66KBDBoMd5no2zNZwP0lF9e4EZO-sCNL6ZLw1rLP2cQQ3M9ob8nFx-hBZcKQCG-ruQA-L2gdTXj5SDw8f85YvsQhjSXcDW-wlDEYyCjQckMY4wqojiafYqkf1INf2v112Xdpa/s1600/2.jpg"rel="lightbox[Bouton paypal donation]" title="bouton paypal donation" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWc65LPs66KBDBoMd5no2zNZwP0lF9e4EZO-sCNL6ZLw1rLP2cQQ3M9ob8nFx-hBZcKQCG-ruQA-L2gdTXj5SDw8f85YvsQhjSXcDW-wlDEYyCjQckMY4wqojiafYqkf1INf2v112Xdpa/s320/2.jpg" width="320" /></a></span></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fwidget-image-don-paypal-donation-euro.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></span></div><span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">widget image don paypal donation euro blog blogger</span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-57919702104848720132011-04-25T14:41:00.000-07:002011-04-27T15:39:37.036-07:00Faire de jolis menus flash facilement<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUKJI3eSaKFCd9-o4MgrPsXg9riQJgolJyF1JEanuI6ItAqPgy7P1n8WYZurMjVm5kOnZDNYK_w-SSGf4pYcayoPK-p16nkxBUvQK8hFbHBSoxgvnBAR38bNkB2wtOqA1o9Pe1rMa5RI/s1600/Menus+2.jpg" /></span></div>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Voici l'adresse:</span></div>
<div style="text-align: center;">
<span class="Apple-style-span" style="color: purple; font-family: Georgia, 'Times New Roman', serif;"><a href="http://www.flashvortex.com/" target="blanc">http://www.flashvortex.com</a></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Quelques exemples:</span></div>
<br />
<br />
<br />
<br />
<br />
<center><table border="0" cellpadding="0" cellspacing="0" style="width: 730px;"><tbody>
<tr> <td width="233"><div align="center">
<b><a href="http://www.flashvortex.com/generators.php?exampleId=231" target="_blank"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Template</span></a></b></div>
</td> <td width="233"><div align="center">
<b><span class="Apple-style-span" style="color: #0b5394; font-family: Georgia, 'Times New Roman', serif;"><a href="http://www.flashvortex.com/generators.php?exampleId=234" target="_blank">Template</a></span></b></div>
</td> <td width="233"><div align="center">
<b><a href="http://www.flashvortex.com/generators.php?exampleId=233" target="_blank"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Template</span></a></b></div>
</td> </tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" style="width: 730px;"><tbody>
<tr> <td width="233"><div align="center">
<script src="http://h1.flashvortex.com/display.php?id=2_1303729990_56124_509_0_178_383_9_1_32" type="text/javascript">
</script></div>
</td> <td width="233"><div align="center">
<script src="http://h1.flashvortex.com/display.php?id=2_1303728420_54860_509_0_179_384_9_1_32" type="text/javascript">
</script></div>
</td> <td width="233"><div align="center">
<script src="http://h1.flashvortex.com/display.php?id=2_1303728627_14012_509_0_179_384_9_1_32" type="text/javascript">
</script></div>
</td> </tr>
</tbody></table>
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
<span class="Apple-style-span" style="color: white;"> Jolis menus flash facilement blog blogger</span></span></center><br />
<div style="text-align: center;">
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fjolis-menus-flash-facilement-blog.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-84999382340174433972011-04-25T08:48:00.001-07:002011-04-26T09:23:13.170-07:00Connaitre Id et class widget<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSrTxal_23225WgLYGup9DKvs4Z0DywwcRoNM5gcqlvicyOfTD0_71RR3xOrhh-ESVC3DXU7YAKG5ZAgx1VLxmS5gEiycnBf859GJye8BcMEDeFkDvgDQKlODvP7eltCD91BM5juIA4UBx/s1600/Id+et+class.jpg" /></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b><i><span class="Apple-style-span" style="color: #073763;"> </span><span class="Apple-style-span" style="color: #0b5394;">1. Aller dans le paneau de configuration du widget :</span></i></b></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">- Petite molette depuis le blog (comme sur la photo).</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">- Ou bien: Tableau de bord -> Présentation -> Elements de la page.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJy-mORl2aO5GLjFkugJH-oFoHD-RaHswVUYaNHtzrPB4ZtufpNba3Hpfo0CYQOHk86MBwweeuBMCZLAQPu0Mrkb0LoywTHbiI1aPrFZJL5Fkap53nbjD3id-YLlUT7AAHmxnozF2iDzcj/s1600/id1.jpg" imageanchor="1" rel="lightbox[connaitre Id class widget]" style="margin-left: 1em; margin-right: 1em;" title="connaitre Id class widget"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJy-mORl2aO5GLjFkugJH-oFoHD-RaHswVUYaNHtzrPB4ZtufpNba3Hpfo0CYQOHk86MBwweeuBMCZLAQPu0Mrkb0LoywTHbiI1aPrFZJL5Fkap53nbjD3id-YLlUT7AAHmxnozF2iDzcj/s320/id1.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <span class="Apple-style-span" style="color: #0b5394;"> <b><i> 2. A la fin de l'adresse:</i></b></span></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Se trouve le nom du widget: ici: HTM2</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpt4ytnWLW7TP-kIijz3Dg1l5c1eDcpVZNygoq1uJclRgaOc9LjEY_xBs9BIt2T0i_JAkb3vaxN86_w1UF1QIub11msk6lups9NBTwYxG5S2r8jYrEQyjaMp1pK78lH4w1obshvZJ3EzPp/s1600/Id2.jpg" imageanchor="1" rel="lightbox[connaitre Id class widget]" style="margin-left: 1em; margin-right: 1em;" title="connaitre Id class widget"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpt4ytnWLW7TP-kIijz3Dg1l5c1eDcpVZNygoq1uJclRgaOc9LjEY_xBs9BIt2T0i_JAkb3vaxN86_w1UF1QIub11msk6lups9NBTwYxG5S2r8jYrEQyjaMp1pK78lH4w1obshvZJ3EzPp/s320/Id2.jpg" width="290" /></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Ps: On peut également le faire via l'inspection de la page (add on web developper pour firefox et autres...)</span><br />
<span class="Apple-style-span" style="color: white; font-family: Georgia, 'Times New Roman', serif;">connaitre ID class widget gadget blogger</span><br />
<div style="text-align: center;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fconnaitre-id-class-widget-gadget.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8278614900123345417.post-37304701316737140242011-04-25T08:45:00.000-07:002011-04-26T09:15:13.088-07:00Baisser ou augmenter l'espace entre les widgets.<div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoz4KiD7xhlzBkAmYk-tVlRXeIgeGecL6QeGQcBxWGBvTd-AWBDrcujArWGD6On6mJ9-twD02loV2pV0oHS900bpdZtB3HzJLLZuBFMU6XRHPPebj0bsx9bYdK7enKHeM0Beb6H4XMYjnK/s1600/Margin+padding.jpg" /></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><i><span class="Apple-style-span" style="color: #666666;">Le présent tuto devrait en aider plus d'un car j'ai vu énormément de questions sans réponses sur le sujet.</span></i></span><br />
<span class="Apple-style-span" style="color: #666666; font-family: Georgia, 'Times New Roman', serif;"><i>Le but est donc de baisser l'espace (ou de l'augmenter) entre les widgets.</i></span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Exemple:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj31L3G8zYd2LkIEIian4AVFgtmaRL6o7kOxJKv7vSUWtEeYgxybB7b6eVkozg-y-K01hahsxYnQXudadMyuXV14HReyPznB4PmwA7kNTfM4zEumATNybpQvKNLfGYfmy2PvKxjQ7Y7ed36/s1600/Avant+apr%25C3%25A8s.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj31L3G8zYd2LkIEIian4AVFgtmaRL6o7kOxJKv7vSUWtEeYgxybB7b6eVkozg-y-K01hahsxYnQXudadMyuXV14HReyPznB4PmwA7kNTfM4zEumATNybpQvKNLfGYfmy2PvKxjQ7Y7ed36/s320/Avant+apr%25C3%25A8s.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> </span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="color: magenta; font-family: Georgia, 'Times New Roman', serif; font-size: large;"><b><i>Marges en haut et en bas</i></b></span></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><b><i><span class="Apple-style-span" style="color: #0b5394;"> </span></i></b> <b><i><span class="Apple-style-span" style="color: #0b5394;">1. Vous devez connaitre l'adresse ID de votre widget:</span></i></b></span><br />
<div style="text-align: center;"><a href="http://optimisation-blogger.blogspot.com/2011/04/connaitre-id-class-widget-gadget.html" target="_blank" title="Connaitre l'ID et la class des widgets"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Lien vers le tuto</span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b><i><span class="Apple-style-span" style="color: #0b5394;"> 2. Allez dans l'outil de création de modèles:</span></i></b></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Tableau de bord -> Présentation -> Outil de création de modèle -> Avancé -> Ajouter le fichier CSS.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"> <b><i><span class="Apple-style-span" style="color: #0b5394;">3. L'éditer avec ce code:</span></i></b></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">#ID du widget{</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">margin-bottom:-15px;</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">margin-top:-50px;</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">}</span><br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6HXpRXjPqTP7VuGjZCIqWDnet1xrxaAMD7iCnyzpfKp3JAY31tAes7yzU0_6-kwV1v7ORdFv8bL5oraK7aFz6GMM0mX3iRfUwTTsDJEyb9YNpvkoOtXUWtOPGqD0Lh_8nhPR8G7epBQi/s1600/1.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic6HXpRXjPqTP7VuGjZCIqWDnet1xrxaAMD7iCnyzpfKp3JAY31tAes7yzU0_6-kwV1v7ORdFv8bL5oraK7aFz6GMM0mX3iRfUwTTsDJEyb9YNpvkoOtXUWtOPGqD0Lh_8nhPR8G7epBQi/s320/1.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Vous verrez en tant réel l'ajustement.</span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Par exemple ici c'est trop:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvooZzNjpWVTcjHnAxM6U7jftnDKEiv8y6II0-wOlOAIhvzzux1Ia_BXiO4fwIdSnLa8HiJjt3Eduij4omX3mimCGTj6lL4s7ARASN7FAE0e8ph34Gnv9S1FRjXXzfF1y-ZtzQhrtimgDn/s1600/2.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvooZzNjpWVTcjHnAxM6U7jftnDKEiv8y6II0-wOlOAIhvzzux1Ia_BXiO4fwIdSnLa8HiJjt3Eduij4omX3mimCGTj6lL4s7ARASN7FAE0e8ph34Gnv9S1FRjXXzfF1y-ZtzQhrtimgDn/s320/2.jpg" width="320" /></span></a></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Ici cela me convient:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GKRGxEZMTd5eqgakJfrco6PMn_M-R-tu0vpKKSX5CHA5aoBeCtzFeWYNdnYfZjqJDe-96IQsvdFI7SBhbZzsAXjBBOJvRzOGaKAklEjaMkA7xYRQBB4t_neQj3lB0mTJH34W0lhQDaII/s1600/3.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GKRGxEZMTd5eqgakJfrco6PMn_M-R-tu0vpKKSX5CHA5aoBeCtzFeWYNdnYfZjqJDe-96IQsvdFI7SBhbZzsAXjBBOJvRzOGaKAklEjaMkA7xYRQBB4t_neQj3lB0mTJH34W0lhQDaII/s320/3.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Et voila, il ne vous reste plus qu'à l'appliquer au blog!</span><br />
<div style="text-align: center;"><b><span class="Apple-style-span" style="color: magenta; font-family: Georgia, 'Times New Roman', serif; font-size: large;"><i>Marges à gauche et à droite</i></span></b></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Cela marche aussi pour les marges à gauche et à droite.</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Ex:</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"></span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">#HTML3{</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">margin-bottom:+20px;</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">margin-top:-20px;</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: red;">margin-left</span>:-25px;</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">}</span><br />
<span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Ou margin right :)</span><br />
<div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Il arrive que les widgets soient mal placés comme ceci:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvhVLtiRZP-aMjw0AJI_9hozIN_5BElGWIxsbDnT1cFIwFhPbL16vno2YE4KMlti2UYSQTgnOtiq0W5iyBayfU5VzdiS03Ycltae8nM3EcjL400St71vfuXhcbu0hM331eq2tHPlUXJ_e/s1600/1.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivvhVLtiRZP-aMjw0AJI_9hozIN_5BElGWIxsbDnT1cFIwFhPbL16vno2YE4KMlti2UYSQTgnOtiq0W5iyBayfU5VzdiS03Ycltae8nM3EcjL400St71vfuXhcbu0hM331eq2tHPlUXJ_e/s320/1.jpg" width="320" /></span></a></div><div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Même procédure que pour les marges du haut et du bas:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzPdu5wAZRodPlrdKTnbaKMG-THw3oi_IVQu1M-aqTeIO2VDmpsD2AGampoasatNM_eLOkyjDKcvXdKWtiUsH2vVAxUTPsno3FfMCkGdTBF58G679T-u5i34X2e7qbsL2iDWXOFtNrq9KQ/s1600/2.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzPdu5wAZRodPlrdKTnbaKMG-THw3oi_IVQu1M-aqTeIO2VDmpsD2AGampoasatNM_eLOkyjDKcvXdKWtiUsH2vVAxUTPsno3FfMCkGdTBF58G679T-u5i34X2e7qbsL2iDWXOFtNrq9KQ/s320/2.jpg" width="320" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyxZDWIp6ZuhO1l0kYqUNI_7BM_sFnG9tWzkLCS2rjyGM9NHFbMiX6oOHc5Za4y9DtB2eL1ydNRoai_tawC2U9EjCgQg9w8igkWZubDYTJO9nAifb-_wTberCywxotqW42g1OHMt1w-HS/s1600/2Bis.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibyxZDWIp6ZuhO1l0kYqUNI_7BM_sFnG9tWzkLCS2rjyGM9NHFbMiX6oOHc5Za4y9DtB2eL1ydNRoai_tawC2U9EjCgQg9w8igkWZubDYTJO9nAifb-_wTberCywxotqW42g1OHMt1w-HS/s1600/2Bis.jpg" /></span></a></div><div class="separator" style="clear: both; text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;">Et voila le résultat:</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSiGFUzFKy6tkTvHnsrvN08bZd5KnQEXF5px0g4nAuLVE6eDIjgozDSE26EFEv6kPdXW4yj5lCUObFYNGLBXutCgG1PvbvIeuFrSf1Peb1CH1KOYx_aVhXpHnfzx6CJ7iFGQbmARLGkDR/s1600/4.jpg" imageanchor="1" rel="lightbox[reduire espace widget blogger]" style="margin-left: 1em; margin-right: 1em;" title="reduire espace widget blogger"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><img border="0" height="289" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiSiGFUzFKy6tkTvHnsrvN08bZd5KnQEXF5px0g4nAuLVE6eDIjgozDSE26EFEv6kPdXW4yj5lCUObFYNGLBXutCgG1PvbvIeuFrSf1Peb1CH1KOYx_aVhXpHnfzx6CJ7iFGQbmARLGkDR/s320/4.jpg" width="320" /></span></a></div><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', serif;"><span class="Apple-style-span" style="color: white;">baisser espace entre widgets gadgets augmenter blog</span></span><br />
<div style="text-align: center;"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Foptimisation-blogger.blogspot.com%2F2011%2F04%2Fbaisser-espace-entre-widgets-gadgets.html&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe></div>Unknownnoreply@blogger.com10