PDA

Voir la version complète : vBulletin 3.7.x Mettre un effet d'hombre via CSS ?

Sebasti1
31/12/2006, 12h34
Bonjour à tous,

J'ai réussis à créer un effet d'hombre pour mon forum: http://www.soltel.be/forum/index.php?styleid=6

Dans la partie body du CSS j'ai mis ceci:

margin: 0% 2.4% 1% 1%;
margin-top: 16.8%;
padding: 0%;
background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2.jpg) no-repeat top center;

et dans la partie page du CSS j'ai mis ceci:

background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_middle2.jpg) repeat-y center;

tout s'affiche bien et c'est super beaux mais il y a un problème c'est que quand je change ma résoluation d'écran le forum déborde (voir image)

http://www.soltel.be/images/catastrophe.JPG

Quelqu'un serait-il m'aider car ca fait depuis hier que je buche la dessus sans relache et je n'en vois pas l'issue... :(

Un tout grand merci...
esf
31/12/2006, 14h57
Je suis pas un spécialiste des skins mais après un visu de quelques secondes:

http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2.jpg fait 1008 px de largeur et ton forum est en pourcentage (85% et 100%).

C'est donc normal que ton forum déborde. Je mettrai la largeur de ton forum égale à celle de l'image.
Sebasti1
31/12/2006, 15h22
Non ça fonctionne pas ca déborde toujours... :( merci quand même de ton aide ;)
esf
31/12/2006, 15h29
Pour travailler en poucentage, je découperais la partie centrale de l'image pour créer une image bg.gif

et j'utiliserais:

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left"><img src="images/gauche.gif" border="0" alt="" /></td>
<td width="100%" style="background-image:url(images/bg.gif)" align="center"></td>
<td align="right"><img src="images/droite.gif" alt="" /></td>
</tr>
</table>

Peut-être qu'un spécialiste des skins va te répondre mieux que moi.

@+
Sebasti1
31/12/2006, 15h41
La il affiche plus rien :(
Bec à Fuel
31/12/2006, 15h53
http://developpeur.journaldunet.com/tutoriel/css/050324-css-ombre-portee.shtml
esf
31/12/2006, 16h12
http://developpeur.journaldunet.com/tutoriel/css/050324-css-ombre-portee.shtml

Intéressant le lien pour créer un effet d'ombre, merci!

(l'effet d'ombre de Sebast1 est déjà créé mais le design ne s'adapte pas aux résolutions d'écran).
Bec à Fuel
31/12/2006, 16h40
En effet. Je crains qu'il faille modifier les templates plus en profondeur pour y arriver de manière convenable...
Maintenant, est-ce bien raisonnable ?
esf
31/12/2006, 16h47
Raisonnable ? Oui. Ne serait-ce que pour apprendre. :)

Edit:
Je recherche un site de skins francophone....
.
.
Sebasti1
01/01/2007, 13h10
En effet. Je crains qu'il faille modifier les templates plus en profondeur pour y arriver de manière convenable...
Maintenant, est-ce bien raisonnable ?

Oui car j'aimerais que ça ressemble à la page d'accueil, donc si quelqu'un sait m'aider à le faire ça serait super et je peux payer bien sur si c'est un pro ;)
Pitchoune
05/01/2007, 11h07
Met une valeur fixe pour la largeur de ton forum au lieu de mettre un pourcentage :)