Archives FluxBB.fr

FrenchyNeo

Membre

Modification du thème. Possible ?

Bonjour à tous.

Voilà j'utilise sur mon site nouvellement installer, le thème VbStyle-Blue que je trouve très bien.

Seulement j'aimerai pousser l'adaptation un peu plus loin mais ne connaissant pas grand chose au CSS, je me tourne vers vous...

Je cherche à avoir un gif de chaque coté pour reproduire un effet de fondu.
Et j'aimerai placer une image en dessous du pied.

Je joint une image, en rouge, ce que je cherche a faire.

Quelqu'un pourrait il m'aider ?

Merci infiniment
A très vite

tatice

Membre

Re : Modification du thème. Possible ?

Je te conseille plutôt d'enlever le fond blanc et de le remplacer par le même rouge.
Parce-que l'effet de transition, je ne vois pas comment le mettre en place.

Si tu veux remplacer cette couleur, vas dans ton css, normalement tu devrais trouver un
#punwrap { BACKGROUND-COLOR:#FFFFFF }
remplaces #FFFFFF par le code couleur de ton rouge (essaye avec ce code ci #8D3038 ).

Pour l'image en dessous du pied, c'est où ? Dans la partie rouge tout en bas ?

---

..: Cristal Intense est sorti ! :..
[img]http://igloo.crystalxp.net/linkim/6995.png[/img]  [img]http://serv1.upload4you.free.fr/perso/66/1183832478.png[/img]

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

houlà, j'ai l'impression d'avoir mal exprimé la chose

Voilà mon site: http://www.crystalart.fr/

Je recherche a faire les coté en fondu sur le forum comme j'ai sur mon site "normal".

Merci à toi de ton aide

vin100

Membre

Re : Modification du thème. Possible ?

Salut,

Il faut utiliser les fichiers template des forums pour ajouter le HTML nécessaire à cet effet.

Sinon une autre méthode, plus propre à mon avis, celle que j'ai utilisé ici pour les bordures, c'est de créer une image qui va se placer derrière les forums et se répeter verticalement

par exemple là en dessous on repète cette image : http://www.punbb.fr/forums/img/dc_style/page.png
ce qui créer les bordures

regarde dans la CSS de ce forum, utilise une extension firefox comme la Web Developper ToolBar ou Firebug pour repérer facilement le CSS

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

Voilà le forum.

http://www.crystalart.fr/forum/

En bricolant et en essayant de comprendre comme tu m'a dit, je n'arrive pas a comprendre...

Je n'arrive pas a mettre l'image dessous le template pour que ca "déborde" de chaque coté, laissant apparaitre l'effet d'ombrage.

Comment puis je réaliser ce type de manip ?

Merci bcp a vous

vin100

Membre

Re : Modification du thème. Possible ?

En mettant l'image en arrière plan et en la répétant verticalement. Il faut que cette image contienne les deux bords. Une fois que l'image est positionnée il faut mettre une marge interne pour laisser apparaitre les bords

As tu regardé au code ici ? Utilise-tu des outils de développement comme les extensions pour Firefox Web Developper et Firefbug ?

Là j'ai l'impression que tu as le problème des gens qui font des sites web avec des tableaux et qui doivent désapprendre ce qu'il savent pour apprendre à faire des sites web avec CSS.

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

Oui tu a tout a fait raison.
J'ai toujours travailler comme ca, et maintenant le CSS

Déjà que je suis autodidacte et plus beaucoup de temps...

Alors je développe...
En remontant dans les liens, je trouve donc le bon Css (si je ne me trompe pas...).

http://www.punbb.fr/forums/style/import … yle_cs.css

L'image est donc: page.png

Cituer dans ce code:

#punwrap {
    background: #ffffff url(../../img/dc_style/page.png) repeat-y center top;
    color: inherit;
    border-bottom: 1px solid #ccc;
}

Moi dans mon CSS, j'ai ca:

#punwrap {
background-color : #fafafa;
MARGIN: auto; 
WIDTH : 824px; 
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 0px;
}

J'ai essayer donc de "compiler les deux en faisant:

#punwrap {
background-color : #fafafa urlhttp://www.pcinpact.com/forum/img/dc_style/page.png) repeat-y center top;
MARGIN: auto; 
WIDTH : 824px; 
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 0px;
}

Alors ca marche mais ca ne depasse pas les bords, ca reste à "l'interieur" du template (j'ai essayer avec un fond plus long pour depasser les 824 pixels).

Est ce que je fait la bonne chose ?

vin100

Membre

Re : Modification du thème. Possible ?

parce qu'après j'ai mis des marges de chaque côtés des blocs

/* Espacement latéral pour que ça ne dépasse pas de la feuille */
.inbox#brdmenu, .inbox#brdwelcome, div#helpfile.pun h2, div#helpfile .box, div.blocktable, div.block, div.blockform,  div.block2col, div.linkst, div.postlinksb, div.linksb, div.blockpost, #postreview {margin-right: 30px; margin-left: 30px; }
div.block2col div.blockform, div.block2col div.block { margin-right: 0; }

vin100

Membre

Re : Modification du thème. Possible ?

pour ta culture : http://www.pompage.net/pompe/raccourcisCSS/

donc ça :

padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 0px;

peut avantageusement être remplacé par :

padding: 0px 6px;

et aussi 0px c'est 0em mais aussi 0carrotes c'est toujours 0 donc :

padding: 0 6px;

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

D'accord.

Alors j'ai donc fait mon image de bord "fianal" que voici: http://www.crystalart.fr/forum/img/VbSt … e/fond.jpg

Et voilà mon début de codage:

HTML , BODY {
background-color : #43545E;
background-image: url(http://www.crystalart.fr/ressources_graphiques/bg.jpg);
MARGIN: 0;
PADDING: 0;
margin-bottom: 10px;
}

#punwrap {
background-color : #fafafa url(../../img/VbStyle-Blue/fond.jpg) repeat-y center top;
MARGIN: auto; 
WIDTH : 824px; 
padding-left: 6px;
padding-right: 6px;
padding-top: 0px;
padding-bottom: 0px;
}

#punwrap #punredirect{ PADDING: 3%;}

#punwrap { 
border-width: 2px;
border-style: solid; 
border-color: #FFFFFF;
border-top:   0; 
}

#brdfooter { margin-bottom: 6px;}

je pense être bon ce coup ci pourtant je n'ai pas d'image.
Le resultat est visible ici: http://www.crystalart.fr/forum/

Je progresse, je progresse dur dur

Merci mille fois

Dernière modification par FrenchyNeo (07-01-2007 02:20:00)

vin100

Membre

Re : Modification du thème. Possible ?

selon la feuille de style où tu le place le chemin de l'image peut ou pas être bon

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

Bon je n'y arrive décidément pas
Désolé, j'y met tout mon courage, mais les manips que j'effectue ne fonctionnent pas

Pourrait tu m'aider ?

Voilà le Css: http://www.crystalart.fr/forum/style/im … lue_cs.css

Merci pour ton aide indispensable
A très vite

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

petit up si quelqu'un à une idée sur mon problème.

Merci bcp par avance

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

Bon j'essaye de comprendre.
J'essaye de décortiquer. J'essaye de coder, mais impossible, je n'y arrive pas.

Alors je vais montrer ce que je cherche: http://www.phpbb-design.com/phpBB2_styl … eme/?s=231

Il faudrait donc comme sur ce type de forum.
Quelque chose qui depasse a gauche et à droite...

Merci d'avance pour votre aide

MT

Admin rasé

Re : Modification du thème. Possible ?

As-tu testé en mettant l'url complet de l'image ans la css ? Histoire de voir si c'est pas un problème de chemin...

Edit :
AH !!! Mais que je suis baïte !
Dans ta css, t'as mis [c]background-color: truc machin... ;[/c]
Il faut mettre [c]background: truc machin... ;[/c]

---

(s) MT
ex-Apupv
:faq: :recherche:
Gra.

FrenchyNeo

Membre

Re : Modification du thème. Possible ?

Fantastique.
Ca marche... il a fallu pas mal de bricolage par la suite pour afficher tout le background car celui ci ne depasser pas les bordures...

M'enfin après pluuuusieurs minutes... ca marche !! :canon:

Merci infiniment

Dernière modification par FrenchyNeo (11-01-2007 12:35:13)