FluxBB.fr

Le site des utilisateurs francophones de FluxBB.

Recherche rapide

Vous n'êtes pas identifié(e).

Version 1.4.13 : [.tar.gz][.zip] (maj 20/10/2014)
Pack langue française pour 1.4.x : [.zip] (maj 06/01/2012)

Branche 1.5.x : fluxbb.org
Pack langue française pour 1.5.x : [.zip] (maj 14/01/2016)

Ancienne Version 1.2.24 fr : [.zip] (maj 26/08/2011)

Vous avez un problème ?
Avant de poser votre question sur les forums d'entraide nous vous invitons à consulter :

#1 17-05-2011 17:05:38

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Modifier Skin

Bonjour,

Voila j'ai actuellement un forum punbb 1.3.5 avec comme skin Oxygen , j'aimerais pouvoir changer le header mettre une images perso ainsi que changer les barres mettre un fond , a quelle endroit exactement je doit modifier le css y a tellement de chose et pour ce que je veux faire sa ne sert a rien de faire un nouveau css

Merci

Cordialement,
Kira

Hors ligne

#2 17-05-2011 20:10:11

Guims
Habitué très actif
Lieu : Chez GoOgle
Inscription : 07-03-2009
Messages : 891
Site Web

Re : Modifier Skin

La recherche sert bien en tout cas !! Merci de t'en servir

Hors ligne

#3 18-05-2011 17:06:16

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

Ton messages est comment dire très positif smile si je poste c'est que j'ai fait une recherche peu être pas la bonne mais je n'ai pas trouvé d’où le faite que je poste sur le forum smile

Hors ligne

#4 18-05-2011 17:12:53

Spiky
Habitué très actif
Inscription : 10-04-2008
Messages : 829

Re : Modifier Skin

Bonjour,
Pour les problèmes de css, il nous faut l'adresse du site.
Sinon on peut pas faire grand chose.
On a pas tous les mêmes versions de flux/punbb.


I don't play against a team in particular. I play to fight against the idea to lose... Life is beautiful.
Quelque #ID et beaucoup de .CLASS

Hors ligne

#5 18-05-2011 17:16:15

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

http://kira.legtux.org/

Ce que j'aimerais faire c'est mettre une images de fond un header en haut a la place du rectangle bleu , et changer les barres bleu ainsi que l'images des nouveaux messages , j'ai déjà toutes les images en ma possession ce que j'aimerais bien savoir c'est a quelle endroit du css il faut modifier tel chose pour avoir tel résultat

Hors ligne

#6 18-05-2011 17:31:11

Spiky
Habitué très actif
Inscription : 10-04-2008
Messages : 829

Re : Modifier Skin

Tout est expliqué dans l'aide, sauf qu'il faut que tu trouves les noms des div et class qui sont différentes pour punbb 1.3.5 par rapport à fluxbb.

Pour le header c'est dans Oxygen_cs.css (ligne 303)

#brd-head {
    background: url(de ton image) no-repeat;
    border-color: #296FA5;
    color: #DDDDDD;
}

Pour les barres des titres c'est ".brd .main-head, .brd .main-foot" ligne 313 qu'il faut modifier.
Pour tes icones modifier ".brd .main-content .main-item .icon" en t'inspirant de l'aide.

P.S: je pense que sur http://punbb.informer.com, tu devrais aussi trouver les infos.

Dernière modification par Spiky (18-05-2011 17:36:06)


I don't play against a team in particular. I play to fight against the idea to lose... Life is beautiful.
Quelque #ID et beaucoup de .CLASS

Hors ligne

#7 18-05-2011 18:00:39

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

Je te remercie big_smile , par contre la j'ai un soucis il ne m'affiche pas les images que sa sois jpg ou png sur ftp ou mon pc yikes alors que l'url est juste :s

Hors ligne

#8 18-05-2011 18:16:24

Spiky
Habitué très actif
Inscription : 10-04-2008
Messages : 829

Re : Modifier Skin

Es tu sur du chemin de tes images ?

Et quand je suis sur ton index, il y a un problème, tu as un slash de trop huh

http://kira.legtux.org//index.php
Vérifies la configuration de ton forum, surtout l'URL de base dans la partie admin, elle ne doit pas contenir de slash (/) à la fin.

[EDIT]

En mettant :
background: url("/images/background.jpg") no-repeat;

Je vois ton image wink donc règle le point ci-dessus.

Dernière modification par Spiky (18-05-2011 18:23:48)


I don't play against a team in particular. I play to fight against the idea to lose... Life is beautiful.
Quelque #ID et beaucoup de .CLASS

Hors ligne

#9 18-05-2011 19:04:12

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

Oki je te remercie je n'avais même pas fait gaffes a sa :s

Hors ligne

#10 19-05-2011 15:33:23

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

Excusez moi pour le double post , j'ai réussi a faire tout ce que je voulais le seul dernier petit soucis es de modifié (mettre) une image lorsque un nouveau message es posté , j'aimerais juste mettre en place l'image en couleur quand il y a un nouveaux message et en noir et blanc quand il n'y en a pas , j'ai déjà fait des recherches sur le forum mais je n'ai rien trouvé pour le moment , je me suis dit je poste peut être que j'ai une réponse avant de trouvé happy'

Cordialement,
Kira

Hors ligne

#11 20-05-2011 09:53:59

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

personne ? :'(

Hors ligne

#12 20-05-2011 09:57:05

fanf73
Wik-wiki
Lieu : Lyon
Inscription : 12-09-2006
Messages : 4 432
Site Web

Re : Modifier Skin

Est-ce que cette discussion ne correspond pas à tes besoins ? http://fluxbb.fr/forums/viewtopic.php?id=10877

J'ai déplacé ton topic ici car tu es sous PunBB 1.3, et non pas FluxBB 1.4.


Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Hors ligne

#13 20-05-2011 10:15:44

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

J'ai déjà essayer sa ne donne rien peut être ais-je fait une faute je donne le code ,

.cs_css

/* Status indicators
----------------------------------------------------------------*/

.brd .main-content .main-item .icon {
    background:url(/images/new2.png);
    width:22px;
    height:22px
}

.brd .main-content .redirect .icon {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4;
    }

.brd .main-content .sticky .icon {
    border-color: #D7E5F3 #C3CFDC #9FB3C7 #90A2B4;
    }

.brd .main-content .closed .icon {
    border-color: #ACACAC #979797 #898989 #7A7A7A;
    }

.brd .main-content .sticky.closed .icon {
    border-color: #D7E5F3 #C3CFDC #898989 #7A7A7A;
    }

.brd .main-content .new .icon {
    background:url(/images/new.png);
    width:22px;
    height:22px
    }

.css

.brd .main-content .main-item .icon {
    float: left;
    margin-left: -2.417em;
    margin-top: 0.667em;
}

Hors ligne

#14 20-05-2011 11:25:50

WinuX
Habitué actif
Inscription : 17-07-2010
Messages : 390

Re : Modifier Skin

Salut,

Je suis pas sur de ce que j'avance, mais il ne faudrait pas concatener (concatenencer? mettre des apostrophe ou guillemet) les url des images?
Genre :

.brd .main-content .new .icon {
    background:url(/images/new.png);
    width:22px;
    height:22px
    }

Deviendrait :

.brd .main-content .new .icon {
    background:url('/images/new.png');
    width:22px;
    height:22px
    }

Sinon il s'agit bien de ces class là pour les message non lu et lu.

Hors ligne

#15 20-05-2011 11:26:42

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

les images s'affiche sans happy mais elle ne change pas selon le messages hmm

Hors ligne

#16 20-05-2011 11:40:00

WinuX
Habitué actif
Inscription : 17-07-2010
Messages : 390

Re : Modifier Skin

Si tu mettais en css juste .icon (pour les message lu) et .new .icon (pour les non lu)?

D'ailleurs en regardant ton site via firebug, j'ai pas trouvé l'image, juste un fond en couleur. Sur le coup, j'ai pas trop compris le délire xD

Hors ligne

#17 20-05-2011 11:46:47

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

tu veux dire faire une autre ligne du genre

..icon {
    background:url(/images/new2.png);
    width:22px;
    height:22px
}
.new .icon {
    background:url(/images/new.png);
    width:22px;
    height:22px
    }

Hors ligne

#18 20-05-2011 11:51:26

WinuX
Habitué actif
Inscription : 17-07-2010
Messages : 390

Re : Modifier Skin

Plutôt remplacer celle que t'as dans ton post precendant :

/* Status indicators
----------------------------------------------------------------*/

.brd .main-content .main-item .icon {
    background:url(/images/new2.png);
    width:22px;
    height:22px
}

bla bla bla.....

.brd .main-content .new .icon {
    background:url(/images/new.png);
    width:22px;
    height:22px
    }

Deviendrait :

/* Status indicators
----------------------------------------------------------------*/

.icon {
    background:url(/images/new2.png);
    width:22px;
    height:22px
}

bla bla bla.....

.new .icon {
    background:url(/images/new.png);
    width:22px;
    height:22px
    }

Je doute que ce soit forcement utile cependant. C'est juste une idée.

Le .css a beaucoup été modifié par rapport à l'original? Si oui faudrait s'inspirer de celui ci.

Hors ligne

#19 20-05-2011 12:00:13

nSydia-Kira
Membre
Inscription : 17-05-2011
Messages : 13

Re : Modifier Skin

non celui la a été a peine modifié

Hors ligne

#20 20-05-2011 12:20:25

WinuX
Habitué actif
Inscription : 17-07-2010
Messages : 390

Re : Modifier Skin

Possible d'avoir un compte test (meme limité à l'interdiction des post happy) juste pour voir un peu mieux via firebug, car en tant qu'invité, on ne sait pas si c'est lu ou non lu. Ca reste par defaut.

Hors ligne

Pied de page des forums