Fork me on GitHub




« 1 2 (3) 4 5 »


Re: Viva Mr, Burning...
Guest_
pffffffff... c'est fatigant les surprises

> 1 thème multicolor avec des lorem ipsum dedans

Posté le : 10/03/2008 23:21
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Semi pro
Inscrit: 19/08/2005 21:01
De 97221
Messages: 1980
Yo, encore un chef d'œuvre.
Dis, tu le vois pas en vert, jaune, rouge.
Avec le centre, comme jaune, en image de fond le célèbre poster ou voie le Prophète les bras au ciel, avec le lion et la plante qui fait méditer.
Faudrais que je la retrouve cette image, par contre elle risque de ne pas être libre de droits.
Faudrait que j'essaie de la faire quant j'aurais du temps, je connais déjà son nom "Hommage"

Posté le : 11/03/2008 01:01

Open in new windowOpen in new window
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Guest_
... je vois que tu ne manque pas d'inspiration :) (me too > PM)

@+

Posté le : 11/03/2008 01:21
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Semi pro
Inscrit: 19/08/2005 21:01
De 97221
Messages: 1980
Je suis tombé dedans quant j'étais petit,
D'ou mon pseudo, qui peut prêter a confusion, mais n'a rien de prétentieux comme certain peuvent le croire.
Je le vois plutôt comme un signe de respect, un hommage a ma culture.
Et puis il m'a été attribué en Angleterre par une Allemande d'origine Italienne, et Verena, je te garanti que je l'oublierais jamais


Won't you help to sing these songs of freedom ?
'Cause all I ever have redemption songs
Bob Nesta Marley

Le 11 mai est un jour de larme, même a 40 ans.

Voila l'image, mais je ne l'ais trouvé que en vente sur des sites de ventes de poster, donc pour les droits !

Open in new window

Posté le : 11/03/2008 01:36

Open in new windowOpen in new window
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Semi pro
Inscrit: 12/03/2006 17:12
De Besançon
Messages: 906
Inspiration quand tu es en panne pour des bras casses comme moi est ce que les droits d'auteurs s'appliquent pour des gens comme nous quand à copier l'exemple de mise en page? J'adorrrrrre!!! la presentation...! Agreable navigation http://demo.xoops4noobs.fr/

C'est beau et y'a de quoi devenir fan

Posté le : 11/03/2008 07:20

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Semi pro
Inscrit: 27/10/2004 11:10
Messages: 566
Bravo Burning !
et on aura le droit de connaitre l'astuce pour changer le thème en fonction de chaque module ?

Posté le : 12/03/2008 11:40

J'aime les sirènes ...
j'aime pas les arrêtes dans le poisson !...
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Guest_
b'jour,

Citation :
et on aura le droit de connaitre l'astuce pour changer le thème en fonction de chaque module ?

... je vais essayer d'expliquer cette fonction du gabarit morphogenesis

Elle est vraiment intéressante car elle permet d'améliorer l'ergonomie du site (en clair le visiteur reconnais visuellement la zone du site dans laquelle il se trouve).

Rapidement, voici comment j'ai procédé :
- création d'un premier thème
- déclinaison du thème en 7 teintes (il y a une fiche sur la procédure dans l'archive du thème kubrickv2, ici)
- création d'un 8ème thème "multicolor" en fusionnant les feuilles de styles des 7 thèmes

Par "fusion" il faut entendre une série de copiés / collés (qui demandent un peu d'attention) et l'ajout des ID propres aux modules. Le principe des "ID" est simple car c'est le gabarit morphogenesis qui fait tout : lorsque tu te rends sur un module, toute la page est automatiquement encapsulée dans une <div> portant le nom du module (pour être précis, morpho récupère le nom du répertoire du module, exemple /news, /extgallery..).

Exemples :
- si on affiche le module News, la page est entièrement contenue dans <div id="news"> ... </div>
- si on affiche le module eXtGallery, la page est entièrement contenue dans <div id="extgallery"> ... </div>
- ...

Dans la feuille de style d'un thème multicolor, cela donne :
- #system #xo-wrapper {...} -> instructions pour la page d'accueil par défaut
- #new #xo-wrapper {...} -> instructions pour le module News...
- #extgallery {...} -> instructions pour le module eXtGallery
- ...

Il ne faut pas ajouter des #system, #news, #extgallery partout, mais simplement devant les .class qui diffèrent d'un thème à l'autre. En pratique et dans le cas du thème multi qui est dans ma signature, ce sont simplement les couleurs (liens et background) qui diffèrent. J'ai donc agit seulement sur les déclarations concernées.

... cela peut paraître compliqué. Peux pas dire le contraire mais je crois que c'est surtout au niveau de la compréhension du gabarit que cela se joue

@+

Posté le : 12/03/2008 12:30
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Régulier
Inscrit: 05/02/2006 12:43
Messages: 104
Bonjour,

Merci pour ce fabuleux bouleau j'ai testé est franchement cette manip permet de faire de tres belle chose avec les themes ceci-dit comment peut-on faire pour avoir layoutsoup.css different pour chaque module ?

cad avoir un squelette de theme different pour chaque mod

Merci encore Burning
@+

Posté le : 12/03/2008 13:01

"Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat)
Lieu d'échange et aide íƒÂ  l'emploi, Rapidachat.fr,
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Guest_
re',

Le principe est le même, qu'il s'agisse de faire varier les couleurs ou la mise en page. Je n'ai pas testé mais tu peux ajouter l'ID du module comme suit :

Citation :

/* pour la page d'accueil par défaut */
#system #xo-canvas-leftcolumn { width: 170px;}
#system #xo-page {
min-height: 400px;
padding-top:10px;
}
#system #xo-canvas-rightcolumn {width: 170px;}

/* pour le module News */
#news #xo-canvas-leftcolumn { width: 200px;}
#news #xo-page {
min-height: 400px;
padding-top:10px;
}
#news #xo-canvas-rightcolumn {width: 120px;}

/* pour le module eXtGallery */
#extgallery #xo-canvas-leftcolumn { width: 130px;}
#extgallery #xo-page {
min-height: 400px;
padding-top:10px;
}
#extgallery #xo-canvas-rightcolumn {width: 190px;}
...


Normalement on devrait ainsi obtenir un thème à "géométrie variable"

@+

Posté le : 12/03/2008 13:16
Partager Twitter Partagez cette article sur GG+
Re: Viva Mr, Burning...
Régulier
Inscrit: 05/02/2006 12:43
Messages: 104
Chapeau Bas Mister Burning

Merci tu viens de résoudre un de mes plus grand soucis (cote design ) sous xoops

@+

Posté le : 12/03/2008 14:07

"Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat)
Lieu d'échange et aide íƒÂ  l'emploi, Rapidachat.fr,
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
« 1 2 (3) 4 5 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

107 Personne(s) en ligne (85 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 107 | Plus ...