Partagez | 

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

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

Sya

avatar
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
Doyenne
Bons Points (BP) : 60
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

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

Miettes

avatar
Voir le profil de l'utilisateur
Bons Points (BP) : 498
On pourrait avoir un exemple? Very Happy

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


Merci Elenthil (h)

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

Sya

avatar
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
Doyenne
Bons Points (BP) : 60
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

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

Miettes

avatar
Voir le profil de l'utilisateur
Bons Points (BP) : 498
Merci Very Happy

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


Merci Elenthil (h)

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

Invité

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

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

Sya

avatar
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
Doyenne
Bons Points (BP) : 60
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+