Placer une image sur chaque coté du forum

[Deaz]

Via ce tutoriel vous allez apprendre à placer une image différente sur chaque côté de votre forum, pour lui donner un style un peu plus personnel.


Tout d'abord créer une image assez large qui servira de background à votre forum:http://img112.imageshack.us/img112/9092/forumbgnh4.th.jpg (http://img112.imageshack.us/my.php?image=forumbgnh4.jpg)
Nom du fichier: forum_bg.jpg


Uploader votre image sur votre ftp (par exemple dans votre dossier /images/)
Ensuite connectez-vous à votre admincp pour mettre en place votre forum_bg.jpg sur votre forum.
Admincp > Styles &Templates > Votre template > Toutes les options de style.
Rechercher le tableau "Corps" et dans l'encadré "Attributs CSS standards", placé dans le champs "Arrière-Plan":
#C3C3C3 url(images/forum_bg.jpg) no-repeat

#C3C3C3 est la couleur de fond de votre forum

url(images/forum_bg.jpg est l'url de votre forum_bg.jpg

Toujours dans le tableau "Corps" allez dans le champs "Attributs CSS supplémentaires" et écrivez:
margin: 0px 0px 0px 0px;
padding: 0px;

background-repeat: no-repeat;
background-position: center top;



Normalement si tout c'est bien passer vous devriez vous retrouver avec ceci:http://www.deaz.fr/forums/index.php

;)

Tuto by Deaz (Overdoz) for vBulletin-Ressources et Deaz

[Gaetan]

byby
ton idée est bonne mais il y a 3 problèmes majeurs selon moi ::blush2:
- tu te retrouves avec un image enorme a charger et il faut penser aux petites connexions.

- il faut penser aux grandes resolutions pour qui ton image sera trop petite.

- ne fonctionne qu'avec des thèmes fixed

Neanmoins je le repète c'est une bonne idée et très simple pour ceux qui ne veulent pas modifier leur templates.:yahoo:

[Deaz]

- J'ai tester avec mon maigre 1M et ca va ca ne lague pas... après c'est vrai qu'en dessous de 1M ca pourrais poser un problème, mais dés que je trouve (ou que quelqu'un trouve un solution) je fais un MàJ.

- C'est vrai j'ai tester avec mon 17" mais pas plus, si ya une autre solution je suis preneur :D

Merci beaucoup pour tes idées d'améliorations :yahoo:

[Ombre]

Slt, ce tutorial est basé sur des réponses deja donnée sur le forums d'apres ce que je lis, mais il aideras des gens je penses, par contre je pense pas qu'une image de quelques 100ene de ko gène réellement le surf meme de petite connections, a partir du moment ou il y a deja pas mal d image sur une page, c est pas des 100ene de ko en plus qui vont ralentir l exécution de la page de façon inconfortable. Apres il est sure qu'il ne faut pas abusé avec une image trop lourde :)

Pour pouvoir utilisé une image découper il faut obligatoirement passé par un fichier css je pense.

Merci pour le partage :)

[SpitFriX]

Joliiii ^^ j'ai réussi à avoir un résultat plutot sympathique en quelques minutes !

Merci :)

[nathalie83]

Bonsoir à toutes et à tous,


je suis nouvelle et j'aimerais savoir comment peut'on uploader une image a

partir du ftp ( dans le dossier/images/ ).


Merci d'avance pour votre aides

Amities Nathalie

[sony]

n'écrit tu si grand se n'est pas agréable à lire, et tu aurais du poser ta question dans un nouveau post dans le forum approprié, car celui que le sujet n'intéresse pas ne va venir et tu aura moins de chance d'avoir une réponse

à part ça bonjour nathalie83

mais que veux tu dire par uploader une image à partir du ftp, ce n'est pas très précis, c'est envoyer une image sur le ftp ou afficher une image sur le forum depuis le ftp par exemple ?

si c'est envoyer une image sur le ftp, il te faut un client ftp pour cela, n'importe quel logiciel genre flashFxp, etc...

si c'est afficher une image depuis le ftp, il suffit d'indiquer le chemin de l'image, par exemple h*ttp://monforum/forum/images/monimage.gif

bien sur modifie le lien par celui exacte de ton image, il suffit de faire un click droit dessus sur le ftp et propriétés ou copier l'url suivant le logiciel ftp, tu aura le chemin, il suffit alors de remplacer ftp:// par http:// et enlever le public_html du lien

donc par exemple f*tp://monforum/public_html/forum/images/monimage.gif devient h*ttp://monforum/forum/images/monimage.gif

[nathalie83]

Bonjour sony,


Désole pour l'écriture et merci beaucoup d'avoir répondu,

ex : à coté de chaque forum mettre une icone ou une image différente je ne sais pas comment faire.

et enlever le logo en haut vers la gauche '' élément ''.

encore un grand merci sony et désolé je suis nouvelle.

Amitié nathalie

[sony]

quand tu dis icônes différentes, c'est changer celle par défauts ou en ajouter d'autres à côté

si c'est changer les icones par défaut, mettre un différent pour chaque forum, tu sais le faire dans vB regarde cette discusion (http://www.vbulletin-ressources.com/forum/showthread.php?t=11544) on explique comment le faire

si c'est ajouter un icônes en plus devant tes forum, regarde ma capture tu comprendra mieux, alors il te faut le hack vB Category Icons (http://www.vbhackers.com/f76/vb-category-icons-1412/index4.html#post32554) et regarde cette discusion (http://www.vbulletin-ressources.com/forum/showthread.php?t=1525&highlight=vB+Category+Icons&page=2) j'explique comment faire, ne fais pas se qui est indiqué dans le hack, car là il font changer le template complet et comme cela à changé avec les nouvelles version de vB, il vaut mieux faire ma modification que de changer le template complet

pour le logo, c'est enlever ou remplacer par un autre, si c'est enlever il faut retirer le code dans le template header, mais il faut voir si il y a un background (image de fond) sinon tu va avoir du vide à la place du logo, sans voir le code je ne saurais pas te dire, il faudrait que tu mette ton header sur le forum

si c'est remplacer par un autre logo, il suffit d'en faire un autre et de le nommer comme celui de ton forum, même nom, même extension, par exemple monlogo.gif et tu le met sur ton ftp en écrasant l'original

voilà si tu a des question, n'hésite pas ;)