Insertion de code CSS dans un article
Comment insérer du code CSS dans un article
Exemple :
Pour cette page j'ai supprimé le menu vertical et réglé les dimensions de la page
<script type="text/javascript">// <![CDATA[
document.write('<style type="text/css">' +
'#menu{display:none;}' +
'#contenu{width:100%; margin:10px auto; padding:5px;}' +
'</style>');
// ]]></script>
Il faut donc insérer le code entre le code Javascript suivant (en rouge) :
<script type="text/javascript">// <![CDATA[
document.write('<style type="text/css">' +
' ******** ' +
' ******** ' +
'</style>');
// ]]></script>
Chaque ligne de code CSS doit être entre apostrophes ' et terminée par le signe plus +
Pour exemple j'ai modifié et complété le code présenté plus haut :
<script type="text/javascript">// <![CDATA[
document.write('<style type="text/css">' +
'#menu{display:none;}' +
'#contenu{width:90%; margin:10px auto; padding:5px;}' +
'#article{' +
'background-image:url("https://static.blog4ever.com/2008/05/205392/artimage_205392_2394226_201004233955433.jpeg");' +
'background-repeat:repeat;' +
'width:90%;' +
'padding:5px;' +
'margin:10px auto;' +
'border:2px ridge #990000;}' +
'</style>');
// ]]></script>