Image en fond des forums

[mkdeo]

Bonsoir à tous

Je me demandais s'il était possible sur forumactif, de mettre des images en fond avec du texte par dessus comme sur cet exemple :

http://www.heroes-france.com/forum/

Je trouve cela très esthétique et j'aimerai en faire autant, est-ce possible ?

Merci

[Mag11]

C'est vrais que ça fait super jolie et pas chargé du tout, je suis interressée par les réponses.
Merci

[mkdeo]

Silence... cela voudrait il dire que c'est impossible à réaliser?

[Mag11]

Ou que c'est les vacances et que le stafs a autre chose a gérer avant .... Patience, il en faut ici

[flam33]

Ouais, ce serait super de pouvoir faire ça, je suis aussi intéressée par les réponses

[nirupan]

bonjour a tous voici votre code

Code:

/*Image_fond_cellules_accueil-------------------------------------------------*/
ul.forums {
background-repeat: repeat;
background-image: url('ADRESSE DE VOTRE IMAGE ');
}

à coler dans le css

[luniverslorie]

oui mais comment sa marche et ou exactement le mettre css ou????????

dsl mais je suis pas trop un expert en css d'ailleurs j'y connait rien.

[nirupan]

si vous voulez voir un exemple de ce qui fait ce code venez jetter un coup d'oeil dans mon forum et vous verrez

sinon la feuille de style ou il faut coler ce code est dans votre panneau d'adinistration-->affichage-->couleur-->feuille de style et vous coller ce code


c'est tout

[carousse]

j'ai essayé ton code mais soit je me suis planté quelque par u autre mais chez moi ça ne marche pas.

[nirupan]

d'abord est ce que tu as changer " ADRESSE DE VOTRE IMAGE " par ton image souhaiter ?

[Mag11]

Bonjour nirupan, et a tous.

Merci beaucoup pour ton aide, cependant ça ne marche pas chez moi. Voici ce que j'ai collé dans la feuille css :
/*Image_fond_cellules_accueil-------------------------------------------------*/
http://perruches.forums-actifs.net/forum.htm{background-repeat: repeat;
background-image:('http://i43.servimg.com/u/f43/11/23/85/79/toui10.jpg');}


Il y a certainement quelque chose que j'ai mal recopié, mais je n'ai absolument aucune maitrise, si tu veux bien m'expliquer, ce serait sympa .

En te remerciant.

[Mag11]

Voilà, je pense que j’ai trouvé ce qui n’allait pas, c’est l’espace entre jpg et l’apostrophe. Maintenant, ça fonctionne, voici ce que j'ai collé. Par contre, il faut être en : phpBB3 (prosilver) impérativement ? car là ça me modifie toute ma page d'accueil

/*Image_fond_cellules_accueil-------------------------------------------------*/
ul.forums {
background-repeat: repeat;
background-image: url('http://i43.servimg.com/u/f43/11/23/85/79/toui10.jpg');
}

Par contre, j'ai la photo en double

[nirupan]

ba vous changer cette ligne background-repeat: repeat;
en background-repeat: no-repeat;

voilà

- Pour que l'image ne se répète pas, inscrivez no-repeat
- Pour que l'image se répète en mosaïque, inscrivez repeat
- Pour que l'image se répète horizontalement, inscrivez repeat-x
- Pour que l'image se répète verticalement, inscrivez repeat-y

[Mag11]

Merci beaucoup, je testerais plus tard, par contre, on ne peut faire ça qu'en étant en version phpBB3 ? Car avec les autres version ça ne fonctionne pas, et du coup ça me modifie complètement ma page d'acceuil.

[nirupan]

oui c'est un code pour phpbb3
mais c'est génial de passer en phpbb3 pour les dégrader nn ?

sinon voici la liste des autres dégrader et personaliseation que l'on peut réaliser

Code:

.module {
border: 1px #ffffff solid;
background-image: url('adresse');
}

pour la personalisation des modules

Code:

div.navbar  {
background-image: url('adresses');
}

pour la personalisation du menu en haut et du copyright en bas

Code:

.introduction {
background-image: url('adresses');
}

pour la personalisation du messages d'acceuil

Code:

.module .h3 {
margin: 0.5em 0;
color: #FFFFFF;
border-bottom: 1px solid #b52c97;
height: 1%;
text-align:center;
background-image: url('adresse');
}

pour la personalisation des titre des modules

Code:

/*Image_fond_messages-------------------------------------------------*/
.post {
background-repeat: repeat;
background-image: url('adresse');
}

pour la personalisation des messages

et pour finir un petit code simpas qui permet de personaliser les bouton tels que " envoyer , aller , rechercher ,etcc"

Code:

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
background-image: url('http://illiweb.com/fa/prosilver/bg_button.gif');

a.button1, input.button1, a.button2, input.button2, button.button2 {
background-image: url('http://i44.servimg.com/u/f44/11/14/60/21/bg_but10.gif');

voilà maintenant a vous de personaliser vos forums phpbb3

[Mag11]

Mille merci, c'est un domaine que je ne maitrise pas complètement, voir même pas du tout. Je vais tester demain, et si besoin je reviens vers toi, et encore merci.

[flam33]

Je voudrais bien le tester, mais est-ce que ça modifie qqch sur le forum si on passe en phpbb3 ? Et comment on fait pour passer en phpbb3 justement ?

[luniverslorie]

pour passer en phpbb3 c'est dans la gestion des thèmes faut que tu va dans panneau de configuration, affichage, choisir un thème, la tu clique sur version, et à l'endroit ou c'est inscrit changer de version tu clique pour phpbb3 et tu enregistre et c'est bon! mais perso moi je n'aime pas trop cette version, mais bon après c'est toi qui voit, sinon pour le reste au niveau code, je ne suis pas plus caller que toi, donc attend la réponse de nirupan qui sauras t'aider plus que moi!

[nirupan]

Mag11 a dit "car là ça me modifie toute ma page d'accueil Crying or Very sad " donc voilà .

Pour passer en phpbb3 :
panneau d'administration-->affichage -->choisir un theme-->version-->et tu clique sur phpbb3 .
c'est tout
Si tu passe en phpbb3 le disign de ton forum change sinon rien , sauf que tu ne peu plus modifier tes templates , sinon au niveau du disign phpbb3 personellement j'adore
voilà j'espere que j'ai répondu a tes question

[flam33]

Merci beaucoup pour vos réponses

Euh..une question toute bête : si on change la version en phpbb3 et que ça ne nous plaît pas, quand on revient en phpbb2, est-ce que le forum retrouve son apparence d'avant ?

[nirupan]

ba avant de mettre ton forum en phpbb3 tu enregistre ton theme phpbb2 et apres si tu veux retrouver l'apparence de ton forum initial tu peux remettre ton forum en phpbb2 et apres mettre ton theme télécharger auparavant
ou sinon si tu n'a pas envi de faire tout ca tu peux le faire grace a l'outil de secours

[luniverslorie]

qu'elle est l'outil de secours???????

Sinon c'est possible de mettre une image comme sa en fond sur la version phpbb2 (la version que j'ai actuellement)

mais je précise je n'y connait absolument rien en CSS

[nirupan]

j'ai pas tester mais vous pouvez mettre ce code je pense

voici l'url de l'outil : http://www.forumactif.com/fr/outils/

[luniverslorie]

ok merci

[flam33]

Ok, merci Nirupan ! C'est vrai, je suis bête, j'y avais pas pensé. Merci beaucoup

[carousse]

Moi j'ai mis cela
/*Image_fond_cellules_accueil-------------------------------------------------*/
ul.forums {
background-repeat: repeat;
background-image: url('http://www.servimg.com/image_preview.php?i=22&u=12758648');
}

ou ai je fais une erreur, aide please.

[nirupan]

essaye de changer avec cette image , normalement ca doit marcher
http://i45.servimg.com/u/f45/12/75/86/48/sans_t13.jpg