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>



20/07/2010
6 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso