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("http://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>


Commentaires
site/blog
le 02-03-2011 à 17:26:30
J'ai une question, est-il possible de faire la meme chose avec les bordure de page ou pas ?
le 02-03-2011 à 17:42:48
Je ne comprends pas bien ta question. Là, c'est dans un article avec le nouveau composeur, il faut encapsuler le CSS avec des balises Javascript. Dans les bordures, en version payante, c'est inutile, tu mets le CSS normalement, entre les balises de "style".
Bonne continuation
le 21-08-2011 à 07:17:04
un co-administrateur de wrestling ovation
le 21-08-2011 à 09:00:35
Cette page est un exemple de ce que tu demandes.
C'est un article, dans lequel j'ai mis dans le nouveau composeur en mode HTML, le code de l'exemple ci-dessus.
Le fond je l'ai mis dans la partie #article, mais si tu veux sur la totalité du "Contenu", c'est à dire sous les commentaires et les liens, tu mets le fond dans la règle #contenu.
Moi j'ai supprimé le "Menu", tu peux supprimer la ligne #menu, pour que le menu s'affiche.
Bonne continuation
le 21-08-2011 à 09:34:44
le 21-08-2011 à 10:08:26
Tu postes sur le forum Blog4ever pour me demander de l'aide.
@+