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-01-2013 09:42:02

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Généralité du Air.css 1.5.1

re allo,

Ayant trouvé comment bannir les robots-inscripteurs (merci à OtoMatic et sklerDer), je veux passer à la modification basic de mon "Sanctuaire" sans donner un gros contrat d'un thème à qui que se soit.

Il est possible que le titre de mon sujet ne concorde pas avec ce que je proposerai ici mais je risque de poser pas mal de questions concernant le Air.css car je ne connais pas encore la compilation de tout son contenu. Si les admins/modos n'ont pas d'inconvénients, j'aimerais poster mes questions relatives au CSS dans un seul est unique post qui serait celui-ci. Bien entendu avant de poster, je chercherai mes informations sur ceux qui auront déjà posés des questions similaires (sans être mots pour mots) et je ferai un lien.

En regroupant les informations collectées et par étapes, je me suis dite que peut-être quelqu'un qui commence son forum aurait toutes les informations nécessaire pour "débuter" et avoir quelque chose de visuellement simple (ce qui serait mon cas). Je ne cherche pas le gros pack de template ni du flash, ni les gros boutons 3D ou autres ; seulement la simplicité avec mes couleurs basics (bourgogne, noir, gris et quelques images de fond). Par la suite, libre aux autres consultants de ce sujet de voir leurs intérêts face au désign qu'ils recherchent ( :

Donc cela dit, je me demandais où je pouvais trouver le tag (balise) pour mettre un background général dans le CSS. J'ai regardé dans le .punwrap {} et dans le body {} mais j'ai l'impression que je ne suis pas là où il faut. Ce que je cherche à faire est :

1. J'ai cette image (que j'ai toujours prise pour faire mon site et/ou forum) pour désigner "Le Sanctuaire"
(image réduite pour les besoins de la cause) :

bgtest1.jpg

2. Je veux centrer cette image en arrière-plan et la maintenir fixe (en déroulant, le fond ne bouge pas) ; je veux que les statues restent voyantes chaque côté (voir image 1)

3. Comme mon image est configurée pour recevoir l'effet répété de chaque côté, je veux que l'image se répète comme l'image le démontre :

bgtest2.jpg

4. Au final, ce qui donnerait ceci (au démarrage) :

bgtest3.jpg

Bien sûr avec ces images, j'aimerais obtenir ce résultat visuel mais je ne sais pas si je devrai ajouter en plus d'autres attributs (top, bottom, marge) pour combler les vides autour. Exemple, en faisant F11, voir des bandes noires ou autres superflus qu'ils n'ont pas raison d'être. Donc, est-ce que quelqu'un peut me guider pour avoir ce résultat svp ?

Merci du support apporté ( :


Ippen, shinde miru...

Hors ligne

#2 17-01-2013 12:45:46

PascL
Habitué très actif
Inscription : 06-09-2007
Messages : 554
Site Web

Re : Généralité du Air.css 1.5.1

Bonjour,

Chercher .pun dans les fichiers css, et ajouter entre les { et } qui doivent suivre:

background: url("http://www.internet-underground.org/sanctuaire/style/Air/img/demoflux/bgtest1.jpg") repeat-x fixed center top transparent;

url("...") = lien vers l'image
repeat-x = se répète horizontalement et pas verticalement (repeat pour faire les 2)
fixed = ne scrolle pas avec la page
center = l'image est centré horizontalement
top = l'image est mise en haut de page
transparent = la couleur qui doit apparaitre si jamais l'image n'existe pas/plus, n'est pas chargé correctement, etc...


Et utilise firefox + firebug. Dès qu'il faut toucher à du css, ya pas mieux.

Hors ligne

#3 17-01-2013 16:20:53

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

( :

de ce qui est de chercher .pun on comprend que c'est plein | : par contre j'ai saisi ton code source sans problème. J'ai effectivement trouvé firebug (que j'admire) et qui m'a permis de trouver ce code :

Air.css (line 1401)

html, body, .pun
{background: none repeat scroll 0 0 #F6F9FC;
color: #333333;}

"Si" c'est bien ça, je reste dans le néant car quand je regarde le CSS à la ligne 1401, j'obtiens ça :

html, body, .pun
{background: #f6f9fc;
color: #333;}

C'est alors que j'ajoute ton code et je ne vois toujours pas la modification ) ' :

A suivre donc...

Dernière modification par Agniezska (17-01-2013 16:21:36)


Ippen, shinde miru...

Hors ligne

#4 17-01-2013 17:06:39

PascL
Habitué très actif
Inscription : 06-09-2007
Messages : 554
Site Web

Re : Généralité du Air.css 1.5.1

Effectivement, après test, c'est pas à mettre dans .pun mais dans .punwrap (ou alors laisser dans .pun mais supprimer le background qui est dans .punwrap)

Pour les différences entre firebug et le code réellement dans le css, firebug ajoute pour certains attributs les valeurs appliquées par défaut quand elles ne sont pas explicitées dans le css. C'est normal.
Par exemple, dans le code que j'ai mis dans le message précédent, si on supprime transparent du css, firebug indiquera tout de même transparent...

Hors ligne

#5 18-01-2013 10:15:14

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

Re,

De ce qui est de .pun et de .punwrap, j'avoue avoir été pompomgirl pour mon collège dans le temps mais je ne m'attendais pas à etre une punpunwrap 18 ans plutard (jeu de mot emballé) \ ;

Donc, les .pun.punwrap je peux voir ce situeraient là :

Air.css (common styles, line 165)

.pun .punwrap
{border: 1px solid;
padding: 15px;}

Air.css (colour scheme, line 1405)

.pun .punwrap
{background: #fff;
border-color: #cad7e1;
color: #566579;}

En cherchant quelques lignes plus hautes (1401), j'ai trouvé ça :

html, body, .pun
{background: #f6f9fc;
color: #333;}

J'ai remplacé le background par le miens :

html, body, .pun
{background: url('../image/Credits2.jpg') repeat-x fixed center top transparent;
color: #333;}

Sugoi ! A première vue ça fonctionne en mode navigateur :

bgtest4.jpg

Mais par curiosité, je voulais tester en fullscreen (tv 19"),  une bande blanche apparaît en bas d'écran :

bgtest5.jpg

J'ai donc ajouté background-color pour le mettre noir :

html, body, .pun
{background: url('../image/Credits2.jpg') repeat-x fixed center top transparent;
background-color: #000000;
color: #333;}

bgtest6.jpg

Remarque ça ne me stress pas que le bas de page reste noire mais c'est pour ceux qui sont sur les tv plus résolutionnée que la mienne. Je ne veux pas faire 10 backgrounds pour faire plaisir à tout-le-monde \ ; Sinon, si il y a un moyen de régler la bande je suis preneuse, sinon ce n'est pas urgent... au moins mon background apparaît et je me sens dans mon élément ( :

Merci du support apporté et de la patience ( :

Dernière modification par Agniezska (18-01-2013 10:17:57)


Ippen, shinde miru...

Hors ligne

#6 21-01-2013 09:33:44

Mpok
Néo Admin
Inscription : 10-08-2006
Messages : 2 928
Site Web

Re : Généralité du Air.css 1.5.1

Agniezska a écrit :

En regroupant les informations collectées et par étapes, je me suis dite que peut-être quelqu'un qui commence son forum aurait toutes les informations nécessaire pour "débuter" et avoir quelque chose de visuellement simple (ce qui serait mon cas).

Bonne idée, sauf que très vite (au-delà de l'image générale de background) TES considérations/demandes vont LOGIQUEMENT prendre le pas sur ce qui pourrait être considéré comme un 'tutoriel'.
Mais ceci dit, je m'avance… wink
=> Pour l'instant, je constate que l'aide de PascL est excellente (évidemment… wink).
(mais dès que ça va devenir plus spécifique, ça devient PRESQUE une PRESTATION… siffle).


Life is a struggle, programming is a suffer.

Hors ligne

#7 22-01-2013 07:18:17

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

( :

Je serai peut-être pour vous "hors chemin" en racontant ceci mais...

Oui j'y avais pensé, plus j'avancerais dans le forum, plus mes "goûts" seraient spécifiques mais dans un but d'un forum simple contrairement à du gros complexe "flash" ou "intégrer un forum dans un site ou page" comme j'ai déjà lu. Déjà j'étais complexé à savoir comment écrire (en français clair) et où proposer "cette demande" car je ne voulais pas déranger le département "custom template/style" ni être hors sujet comme je suis vu souvent sur d'autres forums.

Je tentais plutôt, comment je dirais ça, au début je voulais vraiment faire un tutorial en HTML (mapzone, explications et images) et tout découper chaque pages à savoir où sont les objets (balises) se trouveraient pour qu'une personne puisse être en mesure de monter son forum ; gagner également du temps aussi mais sans toutefois, faire un pied de nez à l'administration et/ou la réputation de FluxBB.org et FluxBB.fr. N'ayant pas scripté Fluxx, je cherche souvent les morceaux qui le constituent et qui ne sont pas souvent faciles à trouver même si on comprend les balises. Du même fait, (re)poser une question qui a déjà été posée dans différents mots, je pense que personne (incluant admins et modos) n'aime ça et c'est chose que je respecte.

De ce qui est de PascL et autres, je ne recule pas devant l'aide. Tous aiment aider dans leurs connaissances et leurs passions mais comme tu dis, si ça devient trop spécifique, c'est là que j'ai peur de poser des questions trop custom et que tout tombe à l'eau. J'ai ressentis ton message comme si tu m'aurais dis : "En gros tu veux qu'on fasse la job à ta place ?". Sans être si direct que ça, non ; ce n'est pas mon but premier sauf si ce n'est que de me dire la base des choses. J'aime apprendre, foncer, explorer, toucher à tout (je suis casse-cou) mais faut comprendre que j'ai eu de la "m...." mauvaise expérience côté concurrent et c'est pour cela que j'avais changer de "compagnie" ; pour avoir du plus léger, lire des questions et réponses claires et avoir le temps du forum avant de voir une autre version sortir.

Pour vous dire franchement, je ne veux pas aller voir ailleurs. FluX est ma destinée, c'est écrit dans les livres : j'aime sa simplicité, les explications des gens (surtout administration), la patience que ceux-ci ont, si un morceau bug, ils réparent aussitôt, le contact mature est présent à vouloir aider les autres et personne se prend pour des bêtes de cirque comme j'ai déjà vu ailleurs.

Vous savez ce qui m'a marqué le plus ici ? "Si des gens vous aide ou vous ont aidés, aidez-les à votre tour". Il est clair qu'il ne faut pas mettre le démon dans l'eau bénite et c'est pourquoi je voulais faire un tutorial basic en textes et images au format HTML très simple pour justement donner de mon temps, guise de remerciement pour avoir eu des réponses à mes questions. Sans être égoïste, si je pouvais aider de cette façon je le ferais , mais ne connaissant pas assez FluX, il est clair que j'ai besoin d'aide quelque part. Je ne chercherais pas à encaisser les éloges car si ceci aiderait les autres, ma joie serait là.

Donc, ne mettant pas la confusion sur le bateau, j'aimerais savoir s'il me serait possible de continuer cette idée ou bien de continuer mon forum (dans mon coin) en posant des questions à droite et gauche car je risque d'en avoir pas mal même si simples pourraient-elles être. A moins de trouver une personne voulant bien m'aider dans tout et en retour, je fais un don à la communauté...

Au plaisir...


Ippen, shinde miru...

Hors ligne

#8 23-01-2013 18:55:03

Defaz
Habitué très actif
Inscription : 30-11-2006
Messages : 700
Site Web

Re : Généralité du Air.css 1.5.1

Bonsoir,

La structure CSS de FluxBB est quand même une des plus simples que j'ai vu et idéalement dirigée vers les débutants car tout est bien détaillé et classé dans les thèmes de base (je parle en connaissance de cause).

Libre à chacun ici de poser des questions ou d'y répondre et d'ailleurs c'est le but de ce forum. Maintenant il faut peut être se tourner vers des sites plus spécialisés sur l'apprentissage comme le siteduzero par exemple et poser ici des questions un peu plus pointues pour obtenir des réponses adaptées.

Et je réitère le conseille de PascL :

PascL a écrit :

Et utilise firefox + firebug. Dès qu'il faut toucher à du css, ya pas mieux.

Et en passant j'en donne un : Pour l'affichage en fond fixe la hauteur idéale se situe à 1080px de haut pour les téléviseurs hd et pour les pc on peut aisément monter à 1920px. Pourquoi ne pas faire une fondu vers le noir en bas de ton image.

Amuse toi bien avec le CSS, on s'arrache pas mal les cheveux au début wink

Hors ligne

#9 25-01-2013 06:27:08

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

re..

Oui si je regarde la structure, elle n'est pas comme j'ai connu et oui j'ai conscience qu'elle est détaillée par thème. De ce qui est de poser des questions, ma peur est là. Toujours dans l'univers du connu, j'ai eu des expériences qui ont mal tournées. Je ne dis pas que ça sera la copie ici mais je ne veux pas revivre ça ; surtout si j'explique mal ou on me traite d'ortho pour me dire à la fin "je décline, j'ai pas que ça à faire". Peut-être que des gens veulent bien vouloir aider (moi la première) mais souvent ceux qui posent leurs propres questions on ne les revoit plus alors que l'administration est la seule porte qu'il nous reste et eux n'ont pas que ça à faire. C'est pourquoi j'aime mieux poser des questions à l'administration pour être sûre d'avoir des réponses claires.

Pour le dégrader "noir" je ne sais pas comment faire ça encore mais ça serait une idée (si quelqu'un veut me guider la dessus). Du fait de m'amuser avec le CSS, j'ai pas de doute là-dessus ; je continue d'explorer et de lire le forum de partout pour me dépanner mais vient un truc que j'ai pas comprise :

Étant rendu à la partie du menu du sanctuaire, j'ai lu ces posts datant de 2010 (les plus récents du moins) :

http://fluxbb.fr/forums/viewtopic.php?id=11155
http://fluxbb.fr/forums/viewtopic.php?id=11159

Vu que FluxBB est rendu aux versions 1.5.1 et 1.5.2, déjà la question est de savoir si les explications des deux liens rejoignent les deux dernières versions car à voir celles-ci du fichier "include/function.php", les explications restent crues \ ; Ca ne dit pas grand chose à savoir quelles lignes ni comment les éditer et je ne crois pas avoir vu de topic relatif au 1.5.x sachant que la plupart sont dans le 1.4.x.

J'ai lu que certains supprimaient des lignes et s'amusaient comme des fous mais ça faisait planter le forum tout court ; on comprend je ne veux pas vivre ça mais ce qui me pousse à modifier le menu est de garder l'aspect texte mais le "refaire" comme le montage fullscreen le démontre (par respect de forum, l'image ne sera pas afficher ici) :

Démo Menu

J'ai l'impression d'avoir vu que des "if, else, function, var" mais rien vraiment de <tag> qui m'auraient guidé comme j'ai connu avec du concurrent. Bien sûre que la réponse serait facile : "quand on ne comprend pas on y touche pas" mais bon \ :

Est-ce possible si une personne pourrait m'aider ? J'ai juste peur de me prendre la tête et revenir vous voir pour corriger les bugs que j'ai dû faire alors que le sujet primaire sera repousser par des délais. Je sais que je demande toujours des "Est-ce possible que" mais les gens ici ont + l'habitude que moi dans ces choses là et qu'importe qui voudra bien m'aider, je vais le remercier sur mon forum ou je suis même prête à payer en n'importe quoi même pour aider flux à ce développer )' :

Merci du temps que vous me donnez(-rez)...

Dernière modification par Agniezska (25-01-2013 06:40:36)


Ippen, shinde miru...

Hors ligne

#10 01-02-2013 13:47:41

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

Donc, une personne serait disponible svp ? \ ;


Ippen, shinde miru...

Hors ligne

#11 01-02-2013 14:05:40

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 551
Site Web

Re : Généralité du Air.css 1.5.1

Bonjour,

Agniezska, désolé, mais ta prose est beaucoup trop prolixe, voire logorrhéique pour y trouver la question.
L'informatique demande d'être précis et factuel, mais concis.


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#12 02-02-2013 13:18:43

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

... re

... Je demandais seulement s'il était "possible" d'avoir un menu comme ça Demo Menu, de vous dire ce que j'ai essayé par références connues des anciens topics sans faire de "up" sachant que personne parle du 1.5.x et qui pourrait me guider. Si je suis laissé à moi-même faut me le dire, je vais arrêter de demander de l'aide ; ma foi...

Au plaisir de, si un jour...


Ippen, shinde miru...

Hors ligne

#13 02-02-2013 13:55:28

Otomatic
Régisseur
Lieu : Paris, France
Inscription : 12-12-2005
Messages : 3 551
Site Web

Re : Généralité du Air.css 1.5.1

Bonjour,

Ta demande a été déplacée, vue qu'elle ne concernait pas directement un style (Au temps pour moi, je n'ai pas laissé de message de redirection). C'est ici http://fluxbb.fr/forums/viewtopic.php?id=13029 avec  une première réponse.


Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#14 02-02-2013 14:05:46

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

Merci beaucoup, c'est déjà un début.


Ippen, shinde miru...

Hors ligne

#15 17-02-2013 20:16:20

Mpok
Néo Admin
Inscription : 10-08-2006
Messages : 2 928
Site Web

Re : Généralité du Air.css 1.5.1

Une réponse (parmi d'autres) :

  1. FluxBB a une structure HTML simple.

  2. FluxBB (1.4, 1.5) a AUSSI un CSS "properties driven" : donc, dans ton projet tu peux le jeter DIRECT (juste prendre les spécifications high levels).

  3. pour faire un VRAI "boxes driven CSS", tu devras ré-écrire une GRANDE PART de la partie HTML de FluxBB. C'est faisable, je l'ai fait sur la 1.2, mais est-ce que cela vaut le coup (quelques centaines d'heures… Et je n'exagère pas roll) ?


Life is a struggle, programming is a suffer.

Hors ligne

#16 18-02-2013 04:31:58

Agniezska
Régulier
Inscription : 24-11-2012
Messages : 50
Site Web

Re : Généralité du Air.css 1.5.1

Simple pour certains, Flux semble léger mais ayant été sur du Phpbb autrefois, Flux a quand même certaines choses que je ne comprend pas (les "pun"), comment ajouter des tags sans tout foutre en l'air le html du main menu et savoir ce qui se fait ou pas entre le 1.4.x et le 1.5.1... Pourtant je n'ai jamais eu de difficulté à refaire un forum... je ne dois pas avoir la tête là j'imagine...

En tout cas, reste à suivre cette semaine car pour le moment je vie un stress débile concernant mon orthodontie et mercredi, l'intuition féminine me dit que ça sera pas bon signe chez le dentiste...

Priez un Saint \ ;


Ippen, shinde miru...

Hors ligne

Pied de page des forums