Cadre du Forum = Image

[traqueur]

Bonjour !

Je voulais juste savoir s'il est possible d'obtenir le résultat ci dessous, par CSS, par Template, ou encore à l'aide d'autre chose ? Merci



C'est à dire, une image à la place du trait habituel.

[Invité]

Peut être qu'en passant par l'edition du CSS c'est possible.

[traqueur]

Bon j'ai essayé... Mais je ne sais pas... Peut être ai je mal modifié le CSS. Voici ce que j'ai mis :

.bodyline{
background-color: #000000;
border-image: 1px url("http://apu.mabul.org/up/apu/2008/07/12/img-1819181f3to.jpg") solid;

Une erreure ?

Merci pour vos réponses ! ^^

[Prof TNJ]

Je n'ai pas testé et je ne sais pas si ça fonctionne, mais il manque } à la fin :

Code:

.bodyline{
background-color: #000000;
border-image: 1px url("http://apu.mabul.org/up/apu/2008/07/12/img-1819181f3to.jpg") solid;
}

[traqueur]

Non ce n'est pas ca ! J'avais juste oblié de le remettre ici xD

Dsl !

D'autre possibilité... ?

[Prof TNJ]

border-image n'est pas accepté en CSS.
J'ai essayé avec
border: 10px url(http://apu.mabul.org/up/apu/2008/07/12/img-1819181f3to.jpg) solid; => rien !



Par contre, avec
border: 10px solid url(http://apu.mabul.org/up/apu/2008/07/12/img-1819181f3to.jpg);
j'obtiens un bord beige. C'est voulu ?

Edit :

J'ai essayé avec une autre image : le bord reste beige !
Pourquoi beige ?

[traqueur]

Non ce n'est pas voulut ! Beige... Non non. On doit obtenir ceci à la fin :



J'ai essayé sur mon forum, et je n'ai même pas la bande Beige xD

[Prof TNJ]

Je viens de réviser : border-image n'existe pas en CSS.

Donc il doit y avoir un autre procédé que border-... que je ne connais pas.

[Asus02]

salut,
pour mettre une image en cadre tu doit mettre une taille de forum fixe, c'est a dire en px et non pas en %, ensuite il te suffit de placer une image qui va se dedoubler et suivre la taille de ton forum (attention ton forum doit avoir la taille de ton image).



en suite pour le css :

Code:

.bodyline{
background-color: #;
background-position: 50% 5%;
background-image: url("http://image centre.png");
background-repeat : repeat;
}

resultat :

[traqueur]

Cool ! Merci de la réponse, mais j'ai quelques questions :

Comment mettre la taille de mon forum en Px ?

La taille de l'image doit plutôt faire la taille de la moitié de mon forum vu qu'elle va se dédoubler ?

Merci

[Asus02]

pour le taille de ton forum :

Code:

.bodylinewidth {
width: 920px;
}

width: 920px; = taille de ton forum (cadre)
ensuite tu place le code que je tes donné et tu ajuste la taille de ton forum avec la taille de l'image que tu va mettre

[traqueur]

C'est fait

Cool... Tout marche correctement

Maintenant j'aimerai savoir comment mettre le dessus de la barre ? Tout en haut, et une seule... Sans créer une image hyper longue !

Une idée ? ^^

[traqueur]

Alors j'ai encore essayé de toucher au CSS, sans succès. Mais bon je pense que c'est le CSS. Vous n'avez aucune idée ?

Le but est d'obtenir ceci :



Merci

[Asus02]

pour la barre du haut & bas il te faut intervenir dans les templates overall_header et overall_footer


ce qui te donnerais avec une image de centre + une image en haut & une en bas (ceci est un exemple)

[traqueur]

OK... Mais je modifie quoi dans les Templates ?

[traqueur]

J'ai cherché mais je n'ai pas trouvé... Est ce un script que je rajouter ou modifier ?

[traqueur]

Up ! ^^

[Prof TNJ]

Up ! ^^

Je crois qu'il faudra attendre le retour d'Asus02.
Je ne sais pas où il est. Il est peut-être en vacances
Il est le seul ici, je crois, qui maîtrise ce type de présentation.

[traqueur]

Ok ! Merci de m'avoir répondu ! ^^

Et bien j'attendrai ! ^^

[traqueur]

Nous pouvons reprendre le sujet ? ^^

[Prof TNJ]

Nous pouvons reprendre le sujet ? ^^

Seul Asus02 (enfin, je crois) est capable de t'aider dans ton projet.
Voir ici : il y est arrivé.

Mais je sais qu'il est très occupé.

[traqueur]

J'ai fais une recherche sur le forum et sur google pour voir comment mettre une fond dans un template mais encore la je n'ai rien trouvé qu'un sujet sur ce forum auquel vous avez participez (profTNJ) avec bicher pour un forum de prizeefrance. Au final, il a trouvé la solution. Et est ce que vous la savez aussi ? ^^

[traqueur]

Il est possible de relancer le sujet ? ^^

Merci ! ^^

[traqueur]

Up ?! ^^'

[Teddy dance]

Salut !

Je m'y suis mis aussi tôt ce matin (6 heures... heure de La Réunion)

J'avais trouvé un forum tuto concernant celà j'espère que sa t'aideras

Un grand merci à Dedall et à vous autres pour votre aide

http://forum.forumactif.com/gerer-l-apparence-de-son-forum-f7/tutorial-modifier-l-allure-de-son-forum-t197646.htm?highlight=modifier+css

Cependant, au lieu d'ouvrir un autre sujet pour ce même type de question, je rencontre juste un petit probème moi concernant le haut du forum :/

L'image ne se colle pas bien au milieu du forum... même en modifiant la hauteur dans le code dans le template sa ne résoud pas le problème :/

Aperçu de mon problème en image :

[Prof TNJ]

Je ne m'y connais pas dans ce type de présentation, mais j'ai quelques pistes :

• il y a un <br> ou <br /> après le code de l'image
• il y a un espace vide après le code de l'image
• si un tableau (table) a été utilisé, </td> doit de trouver sur la même ligne que le code de l'image.

Si ça peut vous aider...

[Teddy dance]

Bonsoir merci mais non j'ai regardé et j'ai pas vu grand chose :/

Bizarre le code est le même pour le haut et le bas ^^'

Voici le code pour le haut :

Code:

<div align="center"><div style="background: transparent url(http://img509.imageshack.us/img509/244/hautiv39rq1.png) no-repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 950px; height: 50px;"><font size="2"><br></font><div style="text-align: center;"><br><font size="2"></font><br></div><br></div></div>

[Prof TNJ]

Il y avait des trucs inutiles :

Code:

<div align="center">
<div style="background: transparent url(http://img509.imageshack.us/img509/244/hautiv39rq1.png) no-repeat scroll: 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 950px; height: 50px;"><br>
</div>
</div>

De plus les effets de transparence ne fonctionneront qu'avec Mozilla.
Je découvre des styles étranges comme -moz-background-clip (et il y en a d'autres), ça ne donnera rien avec Internet Explorer, Opera,...
Bref, il n'y aura pas de transparence avec ces navigateurs.

[Teddy dance]

Bonjour !

Ok alors merci de cette information, vu que le code n'est pas de moi je ne savais pas

En tout cas grand merci à vous Prof TNJ, votre code a résolu mon problème ^^

En espérant que le créateur de ce topic pourra faire de même

merci encore et bon samedi

[traqueur]

Hey ! Merci ! C'est tout bon pour moi !

Merci Prof TNJ, Asus02 et Teddy Dance ;p