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>



20-07-2010 | 801 vues

Partager


Commentaires


catchinfos
site/blog
le 02-03-2011 à 17:26:30
Salut Papyclic !

J'ai une question, est-il possible de faire la meme chose avec les bordure de page ou pas ?
PapyClic
le 02-03-2011 à 17:42:48
Bonjour
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
ovation
le 21-08-2011 à 07:17:04
salut papyclic ; j'aimerais savoir si on peut changé tout le css sur un article ( meme l'image de fond) car lorsque j'ai essayé d'inseré un nouvelle image (lundi soir pr faire un article spécial live ... fin bref ...) ... merci d'avance
un co-administrateur de wrestling ovation
PapyClic
le 21-08-2011 à 09:00:35
Bonjour ovation
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
ovation
le 21-08-2011 à 09:34:44
beuuuup ; la je vois pas ... c'est rare mais ca fonctionne pas ... dommage :s
PapyClic
le 21-08-2011 à 10:08:26
Tu vois pas le code humm!
Tu postes sur le forum Blog4ever pour me demander de l'aide.
@+
Poster un commentaire
Merci de recopier le nombre de gauche dans la case ci-dessous (Pourquoi?)

Liens

Voir les articles de la catégorie " Nouveau composeur "
Imprimer cet article

Rechercher sur Diztest ? :

Recommander ce blog | Contacter l'auteur | Signaler un contenu | S'abonner au blog Flux RSS du blog | Espace de gestion | Annuaire des blogs