[Wip] Babsolune
BBCode maxi best of plus
Discussions Générales
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
Reprise du message précédent
"C'est en cherchant un raccourci qu'il ne trouva jamais, qu'il les a rencontrés..."Après des heures de lutte acharnée contre cet enc
De retour au dessus du clavier je tapais fébrilement, table-flex, qui m'amena vers un display:block-flex et enfin un display:flex. j'avais mon sésame.
C'est fou non? je passe des heures à essayer de décrire au mieux la fonction que je cherche à réaliser, en vain, et son simple nom m'ouvre les portes de toute la doc dans ses moindres détails. w3c, alsacreations, dev.mozilla, tous ceux qui se refusaient à mes recherches, me déroulaient soudainement leur plus beaux tapis rouge.
Je poussais donc la porte pour rester bouche bée ... à la fois si simplement petit mais aux trésors si prestigieux. Il y avait là, le graal tenu par Arthur lui-même, la toison d'or servait de présentoir à la corne d'abondance, 1000 vierges portant chacune un exemplaire de la clef des mines du roi Salomon.
Bon après, il y a un type qui t'explique que le bâtiment est encore en travaux, la corne ne répond pour l'instant qu'en américain, quelques vierges ne le sont plus trop (ben oui faut tester)et qu'ils mettront plus de blondes, maisque dans les grandes lignes tout est fonctionnel et que si je veux profiter des mines, c'est entièrement disponible.
Je taille le bout de gras avec Salomon qui m'explique comment ça fonctionne, et après quelques tonnelets de connaissances, je ressortais des mines avec mon premier butin :
Fabriquée à partir de la structure html du theme base, aucun float n'a été utilisé dans cette quête, à part un, qui m'a volontairement suivi pour agencer mon lorem autour d'une image, et encore, en réfléchissant un peu on doit pouvoir s'en passer. mais bon il avait l'air sympa.
Je vous invite également à regarder le comportement de la page en dessous de 640px de large.
Il reste encore quelques width par ci par là, mais dans la version finale il n'y en aura plus besoin non plus, sauf, comme pour le float, pour des envies de design et non plus par obligation de nature structurelle.
Coté compatibilité, l'idéal actuel est d'utiliser chrome pour un rendu le plus juste, sachant que j'ai, autant que faire se peut, essayé d'éviter l'utilisation des balises encore en bug.
Côté partage ben comme d'hab hein c'est du gratuit donc viendez tous essayer la bète.
voir les sites en fin de message pour plus d'info
Au programme :
1 - ordre et direction des divs
2 - remplissage des vides
3 - flexibilités et définitions des largeurs sans px/em/%, meme si ça reste utilisable pour affinage de design
4 - et j'ai pas encore tout lu
exemple:
Code CSS :
div.contenu { display:flex; flex-direction:row; } nav{ order:1; flex:1; } .content { order:2; flex:3; } aside { order:3; flex:1 }
Code HTML :
dans ce script, on ne voit ni float ni width, chaque élément devrait donc s'empiler verticalement dans cet ordre nav > aside > content, chacun remplissant son espace en largeur, en fonction de son contenu.
mais avec le display:flex et ses amis, j'en décide autrement.
le flex-direction:row indique que ses enfants seront alignés horizontalement et au passage auront la même hauteur, celle du contenu maximum. Pour les empiler verticalement, j'aurai renseigné flex-direction:column, ce que je peux faire pour le viewport mobile
les flex:1, flex:3, indiquent l'espace qui est alloué à l'élément par rapport à l'espace disponible dans son parent qui lui, prendra toute la largeur de la fenetre du navigateur (dans ce cas), ici le content sera 3 fois plus grand que nav ou aside.
les order:1 , 2 et 3, j'explique ce que vous pensez déjà de ce à quoi ça va servir ou je vous laisse continuer tout seul, tellement c'est simplement magique et magiquement simple? par là .. ou par ici... voire, sur cette page...
donc bon, on aura du boulot pour la 4.1, c'est sur, et pour l'instant c'est un module en "candidate recommendation" (tu peux utiliser, ça marche pas trop mal, mais il se peut que la syntaxe soit modifiée dans les prochaines versions), mais vivement, la 4.2 ... et firefox 28
joyeux noel à tous
Édité par babsolune Le 22/12/2013 à 18h27
lobab Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre lobab
- Inscrit le : 25/02/2012
T'es vraiment un grand malade
J'aime vraiment les gens passionnés, parce que rien ne semble pouvoir les arrêter, et en plus ça fait du bien aux autres
La puissance est un sommet de connaissances et l'intelligence est le moyen d'y accéder ... Est-ce pour ça qu'il y a tant de cons en bas des pistes ???
Heureux celui qui est sourd, lui au moins, peut écouter le silence
Heureux celui qui est sourd, lui au moins, peut écouter le silence
Teki Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Teki
- Inscrit le : 17/02/2013
Les anciens navigateurs (IE < 10, pour changer) n'implémentent pas du tout ces règles. Il faudra attendre que tout le monde soit passé à Windows 7 (pas de IE 10 sous Vista) et encore.. Vu le temps que ça a prit pour les 'ignorants' oublient IE 7, c'est pas demain la veille qu'ils passeront sous IE 10/11.
En résumé, si on veut garder une compatibilité avec tous les visiteurs, ça ne sera pas pour au moins 2015... et ouais :/
"Je suis un mec simple, y'a pas plus compliqué que moi"
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
Je ne doute pas néanmoins que moults outils javascriptiques palieront aux defauts de ce mauvais élève, comme à chaque fois
Patoufix Membre non connecté
Booster Roquette
- Booster Roquette
- Voir le profil du membre Patoufix
- Inscrit le : 13/11/2012
- Site internet
- Groupes :
Salut à tous
Monde...Raymonde et Patoufix...Patrice
Le site de Mon Moto Club en PHPBoost : www.mcleopards.fr
Notre Blog : Ma Fiat 850 : http://poukynette.wordpress.com
Mon coté Artiste : Peintures et Photos : http://www.photopat.free.fr
Monde...Raymonde et Patoufix...Patrice
Le site de Mon Moto Club en PHPBoost : www.mcleopards.fr
Notre Blog : Ma Fiat 850 : http://poukynette.wordpress.com
Mon coté Artiste : Peintures et Photos : http://www.photopat.free.fr
Benjo Membre non connecté
Booster Fronde
- Booster Fronde
- Voir le profil du membre Benjo
- Inscrit le : 18/09/2013
Avec la sortie de la 4.1 Alpha, on pourrait avoir quelques petits thèmes de ce que tu nous as montré? Je pense notamment à UI Boost que je trouve tout simplement fabuleux..
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
merci de ton interet
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
ReidLos Membre non connecté
- Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
- Equipe Développement
Tout ça sans modifier de TPL ?
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
ReidLos Membre non connecté
- Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
- Equipe Développement
soupaloignon Membre non connecté
- Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
- Equipe Rédaction
- Equipe Modération
babsolune :
"C'est en cherchant un raccourci qu'il ne trouva jamais, qu'il les a rencontrés..."
Après des heures de lutte acharnée contre cet encensuré de float qui te met un gros doigt dans le flux dès qu'on lui demande un peu plus de souplesse, je décidai de couper un peu avec la surdose d'informations que me prodiguait chaque google clic. "am' suis fait une ch'tite liste de sites webdesign-tiens-toi-au-courant sur z'book, ava m'détendre les yeux tout ces beau design tout frais". coincidence? pas du tout. en fait.. rien... à peine plus que lors de mon dernier passage. bon... dépité je décide d'aller m'en jeter un sur Alsacréations, quand un type m'interpelle: " tu te souviens quand tu as essayé de créer une table en div ?". Je me retourne, personne. Normal, je suis dans mon bureau... je regarde le chien... il dort..."mais si, souviens toi, le table-flex...". ???. Je suis sorti précipitament, immédiatement suivi par brouillard de ce qui semblait être un conglomérat de bouts de code en suspension. Le soleil a eu la même idée, ce qui m'a suffisament appaisé pour arrêter de croire que j'avais "entendu" cette conversation.
De retour au dessus du clavier je tapais fébrilement, table-flex, qui m'amena vers un display:block-flex et enfin un display:flex. j'avais mon sésame.
C'est fou non? je passe des heures à essayer de décrire au mieux la fonction que je cherche à réaliser, en vain, et son simple nom m'ouvre les portes de toute la doc dans ses moindres détails. w3c, alsacreations, dev.mozilla, tous ceux qui se refusaient à mes recherches, me déroulaient soudainement leur plus beaux tapis rouge.
Je poussais donc la porte pour rester bouche bée ... à la fois si simplement petit mais aux trésors si prestigieux. Il y avait là, le graal tenu par Arthur lui-même, la toison d'or servait de présentoir à la corne d'abondance, 1000 vierges portant chacune un exemplaire de la clef des mines du roi Salomon.
Bon après, il y a un type qui t'explique que le bâtiment est encore en travaux, la corne ne répond pour l'instant qu'en américain, quelques vierges ne le sont plus trop (ben oui faut tester)et qu'ils mettront plus de blondes, maisque dans les grandes lignes tout est fonctionnel et que si je veux profiter des mines, c'est entièrement disponible.
Après des heures de lutte acharnée contre cet enc
De retour au dessus du clavier je tapais fébrilement, table-flex, qui m'amena vers un display:block-flex et enfin un display:flex. j'avais mon sésame.
C'est fou non? je passe des heures à essayer de décrire au mieux la fonction que je cherche à réaliser, en vain, et son simple nom m'ouvre les portes de toute la doc dans ses moindres détails. w3c, alsacreations, dev.mozilla, tous ceux qui se refusaient à mes recherches, me déroulaient soudainement leur plus beaux tapis rouge.
Je poussais donc la porte pour rester bouche bée ... à la fois si simplement petit mais aux trésors si prestigieux. Il y avait là, le graal tenu par Arthur lui-même, la toison d'or servait de présentoir à la corne d'abondance, 1000 vierges portant chacune un exemplaire de la clef des mines du roi Salomon.
Bon après, il y a un type qui t'explique que le bâtiment est encore en travaux, la corne ne répond pour l'instant qu'en américain, quelques vierges ne le sont plus trop (ben oui faut tester)et qu'ils mettront plus de blondes, maisque dans les grandes lignes tout est fonctionnel et que si je veux profiter des mines, c'est entièrement disponible.
respect ...
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <==
soupaloignon Membre non connecté
- Modérateur
- Voir le profil du membre soupaloignon
- Inscrit le : 27/03/2009
- Site internet
- Groupes :
- Equipe Rédaction
- Equipe Modération
1/ Avant de poster votre question, faite une recherche sur le forum et/ou le site
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
2/ Plus votre question sera détaillée, plus les éventuelles réponses seront pertinentes
3/ Plus votre français sera correct, plus vous donnerez envie que l'on vous réponde
4/ ==> Libérez les Huitres du bassin d'Arcachon <==
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
C'est plutôt marrant de voir un style Win8 sur un écran MAC
Tu pense que certaines modifications pourraient voir le jour dans la 4.1 finale ?
PS : je veux bien un zip aussi pour regarder rapidement.
babsolune Membre non connecté
Administrateur
- Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
des modif dans la 4.1 finale ? à toi de me dire
s'il n'y en a pas, je serai le premier content puisque moins de boulot
je redis ce que je viens de dire à Reidlos via mp, le but du theme est d'etre facilement modifiable au niveau des couleurs, avec la création d'un "framework" css , d'ou la modif de tous les tpl module. Du coup il n'y a plus qu'un seul fichier à modifier pour changer les couleur
exemple en modifiant 3 class de couleur
http://prntscr.com/3vee2r
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
A voir la manière dont tu as fait cela
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie