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

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message 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


Dernière édition par Guilde-Egregore le Lun 1 Déc 2014 - 12:37, édité 1 fois
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page différent pour une page html + appliquer un fond transparent

Message 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.


Dernière édition par Taylor ♥ le Dim 30 Nov 2014 - 20:16, édité 1 fois
Taylor ♥

Taylor ♥
****

Féminin
Messages : 233
Inscrit(e) le : 08/12/2012

http://tests-taylor.forumactif.org/
Taylor ♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page différent pour une page html + appliquer un fond transparent

Message 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 ?
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page différent pour une page html + appliquer un fond transparent

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

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

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.
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page différent pour une page html + appliquer un fond transparent

Message 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
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page différent pour une page html + appliquer un fond transparent

Message 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 ?
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Fond de page différent pour une page html + appliquer un fond transparent

Message 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
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de page différent pour une page html + appliquer un fond transparent

Message par Guilde-Egregore Lun 1 Déc 2014 - 12:36

Merci beaucoup ça marche super bien ! Very Happy

C'est super ! Flowers2 Yahoo
Guilde-Egregore

Guilde-Egregore
***

Masculin
Messages : 173
Inscrit(e) le : 26/05/2014

http://geleconnexion.guildmmorpg.com
Guilde-Egregore a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum