Header
Partagez | 

[forumactif]<Astuce> Code: CSS; un fond en page d'accueil

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Sya

Doyenne
Bons Points (BP) : 60
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr

Message Sujet: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 19:30

Coucou!

Beaucoup de personne ne savent pas mettre un joie fond sur la page d'accueil. Voici un code CSS afin d'embellir cette page (testé sous Invision) :
Code:

div.newslink{
background-image: url('URL DE VOTRE IMAGE');
background-repeat: no-repeat;
}
Attention: Il ne faut pas ôter les sortes de guillemets ('...') pour l'URL de l'image.

Conseils: Afin que votre image ne se répète pas, background-repeat: no-repeat; est présent. Cependant, si vous voulez que le fond se répète jusqu'en pied de page, il suffit de mettre à la place de no-repeat; : repeat; (avec le point virgule bien entendu Wink )

Si vous voulez mettre ce fond en transparence alors il faut mettre:
Code:

div.newslink{
background-color: transparent !important;
}

Viilou!



Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].

Je soussignée, Sya,  accepte qu'un directeur reposte le tutoriel "[FA] Code: CSS; un fond en page d'accueil" tel que je l'ai rédigé.
Revenir en haut Aller en bas
avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 113
Voir le profil de l'utilisateur

Message Sujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 19:41

On pourrait avoir un exemple? Very Happy

Sinon merci pour cette astuce css Smile
Revenir en haut Aller en bas


avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Sya

Doyenne
Bons Points (BP) : 60
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr

Message Sujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 19:55

Voici un petit exemple:

Avec :

Code:
div.newslink{
background-image: url('URL DE VOTRE IMAGE');
background-repeat: no-repeat;
}

Spoiler:
 

Avec:
Code:
div.newslink{
background-image: url('URL DE VOTRE IMAGE');
background-repeat: repeat;
}

Haut
Spoiler:
 

Bas
Spoiler:
 
Revenir en haut Aller en bas
avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 113
Voir le profil de l'utilisateur

Message Sujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 20:06

Merci Very Happy

Effectivement, cela offre plus de possibilité ^^
Revenir en haut Aller en bas


avatar

Mes clubs

Invité

Invité

Message Sujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Lun 25 Jan - 23:04

La seul différence c'est que le deuxième, l'image se répète, non ?
Revenir en haut Aller en bas
avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Sya

Doyenne
Bons Points (BP) : 60
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr

Message Sujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Lun 25 Jan - 23:11

Oui en effet c'est cela même Very Happy
Revenir en haut Aller en bas
[forumactif]<Astuce> Code: CSS; un fond en page d'accueil
Page 1 sur 1
 Sujets similaires
-
» FireFox 4 : Trucs et astuces
» Blabla Land [Accepté]
» Message en HTML
» [Macema] Embellir le profil des membres
» Message de page d'accueil pour Amplificatum[Phantasmagoria]
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+