Fond de page différent pour une page html + appliquer un fond transparent

par Guilde-Egregore Dim 30 Nov 2014 - 15:45

Bonjour,

Je souhaite que le fond de page soit différent pour une de mes pages html.

J'ai trouvé plusieurs codes mais ils ne fonctionnent pas.

Mon CSS en rapport avec le fond de mon forum au cas ou ça il pose problème :

Code:: /*pour ajuster le fond de page sur le forum*/ body { background-image: url('http://i39.servimg.com/u/f39/18/73/48/08/0110.jpg'); background-size: cover; }

De plus je souhaite appliquer un fond transparent du contenu du cadre du forum comme sur mon portail à cette page html uniquement.

Javascript :
Pour appliquer le fond transparent sur le portail

Code:: $(function (){ $("#wrap").css("background-color","transparent"); $( "#wrap" ).addClass( "wrap_portail" ); });

CSS :

Code:: /*pour changer le fond du cadre du forum partie portail*/ .wrap_portail{background: url("http://i39.servimg.com/u/f39/18/73/48/08/t8010.png");}

N'hésitez pas à me demander plus d'infos merci beaucoup pour votre aide ! Smile

par Taylor ♥ Dim 30 Nov 2014 - 15:54

Bonjour,

Pour le fond d'une page HTML, essayez ceci :

Code:: <body background="URL_DE_L'IMAGE_DE_FONT">

Et pour le fond transparent, essayez cela :

Code:: .bodyline{ background: transparent; border: none; }

(même si je pense que la transparence sera appliquée sur toutes vos pages avec ce code. Embarassed

)

Bon après-midi,
Taylor.

par [Nihil] Dim 30 Nov 2014 - 16:08

Hello,

Pourrais-t-on avoir l'adresse de la page où tu veux faire cela s'il te plait Smile

?

par Guilde-Egregore Dim 30 Nov 2014 - 19:59

Merci pour vos messages je n'ai pas eu de notification dans la toolbar ! Sad

Alors l'adresse est :
http://guilde-egregore.forumactif.org/h2-presentation-fonctionnement-et-reglement-de-la-guilde-egregore

Merci Taylor le premier code je l'ai déjà essayé en le trouvant après une recherche mais sans succès. Sad

Et oui en effet cela affecte tout le forum.

par [Nihil] Dim 30 Nov 2014 - 20:39

Tout à la fin de ton code HTML, tu peux rajouter ceci :

Code:: <script type="text/javascript"> $(function(){ $('body').addClass('page-presentation'); }); </script>

Et dans ton CSS ensuite tu peux mettre le style que tu veux Smile

:

Code:: .page-presentation { background: white; }

Dis moi si ça fonctionne bien Wink

par Guilde-Egregore Dim 30 Nov 2014 - 21:25

Oui ça marche un peu.

J'ai modifié le code CSS en

Code:: .page-presentation { background-image: url('http://i39.servimg.com/u/f39/18/73/48/08/map_as11.jpg'); background-size: cover; }

Pour ne pas avoir le fond blanc donc du coup ça marche ! Mais par contre pour la transparence de cette manière comme sur cette page : http://guilde-egregore.forumactif.org/
Je ne sais pas comment faire.

En tout cas merci. Razz

Édition :

Ben finalement je viens de réussir mon code est donc :

Code:: <script type="text/javascript"> $(function(){ $('body').addClass('page-presentation'); }); $(function (){ $("#wrap").css("background-color","transparent"); $( "#wrap" ).addClass( "wrap_portail" ); }); </script>

Je l'ai bricolé peut être avez vous des idées pour l'optimiser ?
Par contre je me demande si à la force d'ajouter autant de CSS et de code il ne va pas y avoir des problèmes ?

par [Nihil] Lun 1 Déc 2014 - 10:54

Tu pourrais remplacer :

Code:: <script type="text/javascript"> $(function(){ $('body').addClass('page-presentation'); }); $(function (){ $("#wrap").css("background-color","transparent"); $( "#wrap" ).addClass( "wrap_portail" ); }); </script>

Par :

Code:: <script type="text/javascript"> $(function(){ $('body').addClass('page-presentation'); $("#wrap").css("background-color","transparent").addClass( "wrap_portail" ); }); </script>

T'inquiète pas, c'est très peu de code ce qu'il y a pour l'instant Wink