PDA

Voir la version complète : besoin d'aide en css

Sebasti1
30/12/2006, 12h33
Bonjour à tous, voila j'aimerais faire un effet d'hombre à mon forum donc j'ai mis une images en fond au dessous avec ce code:

background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2.jpg) no-repeat top center;Voila le problème c'est que quand je veux mettre cette image comme fond pour le reste:

http://www.soltel.be/templates/seriousblue/images/content_table_bg_middle.jpg

avec ce code ci:

background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_middle2.jpg) no-repeat top center;Le problème est que l'effet d'hombre se fait bien mais du coup mon image du dessus s'efface... comment dois-je faire ?


Merci de votre futur aide :)
Sebasti1
30/12/2006, 12h45
J'ai essayé:

.arriereplan1 {
background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_top2.jpg) no-repeat top center;
}

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


Mais la du coup il affiche plus rien :( suis perdu...
Sebasti1
30/12/2006, 14h38
Voila j'ai presque tout trouvé sauf comment mettre l'image que je veux au pied de la page...
Sebasti1
31/12/2006, 10h59
J'ai fini mais je viens de me rendre compte que j'ai un problème et pas moyen de trouver d'ou vient le problème, quand je change de résolution d'écran le forum déborde par rapport au cadre avec l'effet d'hombre:

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

Une petite aide serait la super bienevenue... :( je vais cracker lol
Mako
31/12/2006, 11h44
une url vers le skin qui pose problème ça aide pour de l'aide ;)
Sebasti1
31/12/2006, 11h46
C'est le skin d'origine Vbulletin modifier, sur mon site c'est le skin orange (http://www.soltel.be/forum/index.php?styleid=6) un grand merci à celui qui sera m'aider car j'en peux plus de tourner en rond...


j'ai mis dans la partie CSS body:


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 CSS page j'ai mis ceci:

background:url(http://www.soltel.be/templates/seriousblue/images/content_table_bg_middle2.jpg) repeat-y center;
Mako
31/12/2006, 12h00
Il n'est pas accessible au public ton skin, on peu rien voir ;)
Sebasti1
31/12/2006, 12h10
Attends je vais te le mettre ;)
Mako
31/12/2006, 12h17
Ok je ne vais pas malheureusment pas pouvoir t'aider perso parceque ça ne deborde
que sous firefox, aucun probleme sous ie/maxthon, c'est donc le genre de truc
qui dépasse largement mes petites compétence :/
Bon courage en tous cas :)
Sebasti1
31/12/2006, 12h19
Sous IE il y a le même problème :( par exemple quand je met ma résolution en 1280X1024 ...
Mako
31/12/2006, 12h27
Ah ben oui effectivement je viens de voir :/
Il semblerait que tu ai mis 100% pour la largeur du forum et que tu te fatigue à fixer des marges, ton header etant fixe il me semble que pour regler le probleme il suffit de jouer sur la largeur totale au lieu de 100% essaye voir 80% ou moins

regarde dans les options de ton skin, la toute premiere option :
Largeur du tableau principal (en pixels ou pourcentage)
(Valeur déterminant la largeur du tableau qui contient tout le contenu de votre forum vBulletin)
Sebasti1
31/12/2006, 12h31
Il est à 85% et ça change rien car quand je le met par exemple à 64% effectievement en 1280X1024 c'est bon mais en 1024X728 et bien le forum est trop petit alors... :(
Mako
31/12/2006, 12h43
Je seche désolé, qq d'autre va pouvoir t'aider sans doute il faut attendre ;)
Sebasti1
31/12/2006, 12h46
Ok merci d'avoir essayé c'est sympa ;)


Pour les autres "A l'aide !!!" un grand merci :(
Allan
31/12/2006, 13h51
Il faut que tu créer deux images (left.gif et right.gif par exemple), celle de droite et celle de gauche.

Dans ton template header, ajoute ceci tout en haut:

<!-- LATERAL GAUCHE -->
<table width="$stylevar[outertablewidth]" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td style="background-image:url($stylevar[imgdir_misc]/left.gif); background-repeat:repeat-y;" width="23" valign="top"><img src="$stylevar[imgdir_misc]/left.gif" alt="" width="23" height="6"></td>
<td>
<!-- LATERAL GAUCHE -->
Dans ton template footer, ajoute ceci tout en bas:

<!-- LATERAL DROITE -->
</td>
<td style="background-image:url($stylevar[imgdir_misc]/right.gif); background-repeat:repeat-y;" width="23" valign="top"><img src="$stylevar[imgdir_misc]/right.gif" alt="" width="23" height="6"></td>
</tr>
</table>
<!-- LATERAL DROITE -->
N'oublie pas de modifier les valeurs avec la couleur rouge :)

Il y aura sans doute des choses a modifier encore, enfin, tu nous dira ^^
Sebasti1
31/12/2006, 14h04
Merci de ton aide :)

Ca donne ça:

http://www.soltel.be/images/catastrophe2.JPG :(
Allan
31/12/2006, 14h06
Ton style est pas bon à la base, la barre de navigation déconne déja :p
Sebasti1
31/12/2006, 14h09
C'est le skin d'origine :( Et quand je met pas ça par exemple si tu choisis le skin blue (qui est le même) tu verras que rien dépasse...

L'image de droite j'ai mis: http://www.soltel.be/forum/images/misc/right.jpg

L'image de gauche j'ai mis: http://www.soltel.be/forum/images/misc/left.jpg
Allan
31/12/2006, 14h15
Ce que tu demande est complexe car il faut revoir pas mal de chose, je suis aller voir ton site: http://www.soltel.be/forum/?styleid=6


Ce que je t'ai donner semble fonctionner très bien, mais ya encore pas mal d'adaptation à faire.

Faire quelques modif, ca peux aller, mais refaire un style dans sa grande surface et moins évident, il faut un passer un minimum de temps.
Sebasti1
31/12/2006, 14h18
Sinon le plus simple vous connaissez pas un site (en francais :)) ont je peux leur demander de me faire un skin comme ma page d'accueil ? (payant bien sur je ne fait pas la charité ;))


Merci car je ne crois pas avoir les compétences suffisantes pour cela :(
Allan
31/12/2006, 14h31
Sinon le plus simple vous connaissez pas un site (en francais :)) ont je peux leur demander de me faire un skin comme ma page d'accueil ? (payant bien sur je ne fait pas la charité ;))


Merci car je ne crois pas avoir les compétences suffisantes pour cela :(
héhé, si j'aipour projet d'ouvrir un site de vente de styles et de création sur mesure, mais cela ne sera réaliser que courant Janvier normalement.
Sebasti1
31/12/2006, 14h44
Arf dommage que c'est pas plus tôt car je peux pas laisser le site comme ça en attendant, merci quand même :(
Sebasti1
31/12/2006, 15h13
Comment dois-je faire pour rapprocher le forum de l'effet d'hombre car il y a un grand espace ? Merci :)