Fork me on GitHub




(1) 2 »


duncan9384
Aide pour adaptation template í  Morpho
#1
Supporter Xoops
Inscrit: 16/02/2003 21:55
De Paris
Messages: 346
Salut à tous!!
J'arrive à la fin de ma série d'adaptation (dont je vais bientôt faire profiter la communauté xoops) et je me reservais ce template pour la fin car il me semble assez ambitieux à Xoopser ou à morphogéniser.

lien

J'ai morphonésié le body du haut, pas de problème.
Mais j'ai quelques questions:

Concernant les 3 "blocs" du bas.

Une partie du code de morpho est toujours du chinois pour moi. C'est la deuxième partie du layout-soup.css

/*=========== Blocs centraux =============*/
#xo-page-topblocks {
    padding:                     0 10px;
}
#xo-page-bottomblocks {
    padding:                        0 10px 10px;
}

#xo-page .xo-blockszone .xo-block {
    margin-bottom:                10px;
}
#xo-page-topleftblocks, #xo-page-bottomleftblocks {
    float:                        left;
    width:                        49.5%;
}
#xo-page-toprightblocks, #xo-page-bottomrightblocks {
    float:                        right;
    width:                        49.5%;
}
#xo-page-topcenterblocks, #xo-page-bottomcenterblocks {
    clear:                        both;
}
#xo-page .xo-lcrpageblocks .xo-blockszone, #xo-page .xo-lcrpageblocks .xo-blockszone {
    float:                        left;
    clear:                        none;
    width:                        33%;
}
.xo-lcrpageblocks #xo-page-topleftblocks,
.xo-lcrpageblocks #xo-page-topcenterblocks,
.xo-lcrpageblocks #xo-page-bottomleftblocks,
.xo-lcrpageblocks #xo-page-bottomcenterblocks {
    margin-right:                .5%;
}
#xo-page .xo-blockszone .xo-blockcontent {
    min-height:                    50px;
}
* html #xo-page .xo-blockszone .xo-blockcontent { height: 100px; }

#xo-page-topblocks .xo-block,
#xo-page-bottomblocks .xo-block {
    padding-top:                2px;
}
#xo-page-topblocks *>.xo-block,
#xo-page-bottomblocks *>.xo-block {
    padding-top:                0;
}
#xo-page .xo-blockszone > .xo-block {
    padding-left:                4px;
}
#xo-page .xo-blockszone .xo-block:before {
    display:                        block;
    height:                        9px;
    margin-left:                -4px;
    margin-right:                -1px;
}
#xo-page .xo-blockszone .xo-block:after {
    display:                        block;
    height:                        7px;
    margin-left:                -4px;
    margin-right:                -1px;
}


Le truc que je n'ai pas compris c'est que les 3 blocs du bas dans le gabarit morpho ne sont pas dans le Div page et meme pas dans le table page.

-Dans le theme.html, il n'y a qu'un appel pour les 3 blocs du bas. Comment faire pour les personnaliser indépendemment?

En résumé, je voudrais séparer les 3 blocs du bas de Xoops pour les "mettre" comme sur ce template.

-Et petite question de code,
peut on m'expliquer ce que :
#xo-page .xo-blockszone > .xo-block
signifie?

Posté le : 29/09/2007 21:32

Webmaster Forever sous Xoops
www.sciencespoaix.com ==> site étudiant de Sciences Po Aix
www.intellimique.com ==> Intelligence Economique, Veille, Sécurité
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: Aide pour adaptation template í  Morpho
#2
Guest_
B'soir Duncan9384,

D'avance merci pour le partage de ton travail réalisé sur morpho !

Concernant les blocs je ne suis pas sûr de leur positionnement dans telle ou telle Div (je me mélange un peu les pinceaux à vrai dire) mais ton constat provient peut être de la structure même de xoops qui auparavant (xoops 2.0.13) ne superposait pas tous les blocs dans la colonne centrale ?

Je n'ai pas bien saisi ce que tu souhaites obtenir au final ? La feuille layout-soup sert à modifier les règles générales (largeur des blocs par exemple) et la feuille blocks s'intéresse à leur apparence...

Quant à l'instruction >, il s'agit d'un sélecteur père / fils qui permet de faire des correspondances.

Il y en a une grande quantité :
- * { } : sélecteur universel (en l'absence de sélecteur spécifique, l'attribut indiqué après * prend la main)
- élément-html { } : sélecteur de type (directement le nom de l'élément html suivi de ses attributs)
- élément 1 élément 2 élément 3: sélecteur de descendant (formate un élément mis dans le contexte d'un autre élément... c'est pas clair, exemple : table tr td div ul li {color: green}
- élément 1 > élément 2 : sélecteur d'enfant, c'est la même chose sauf que - à ma connaissance - on ne peut avoir qu'un élément enfant

(...je passe sur les sélecteurs de frères, de classe, d'identifiant, d'attribut simple... )

Bon maintenant pourquoi Kris à utilisé le sélecteur d'enfant plutôt que l'autre ?!?

@+

Posté le : 29/09/2007 22:10
Partager Twitter Partagez cette article sur GG+
Rapport Haut
duncan9384
Re: Aide pour adaptation template í  Morpho
#3
Supporter Xoops
Inscrit: 16/02/2003 21:55
De Paris
Messages: 346
Salut à toi et merci de ta rep, je vais décoder sa
en gros ce que j'ai pour le moment c'est ça:

actuel

Sachant que l'original peut être vu sur mon post précédent.

Et je voudrais ça:

souhait

Voilà je vais essayer mais si vous avez qq indications à donner, pas de problème.

Posté le : 29/09/2007 22:24

Webmaster Forever sous Xoops
www.sciencespoaix.com ==> site étudiant de Sciences Po Aix
www.intellimique.com ==> Intelligence Economique, Veille, Sécurité
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: Aide pour adaptation template í  Morpho
#4
Guest_
Re',

Dans le fichier theme.html il y a cette div

Citation :
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomcenter or $xoBlocks.page_bottomright}>
<div class="xo-blockszone-xo-<{$theme_bottom_order}>pageblocks" id="xo-page-bottomblocks">
<{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:0:1}>
<{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:1:1}>
<{includeq file="$theme_name/centerblocks.html" topbottom=bottom lcr=$theme_bottom_order|substr:2:1}>
</div>
<{/if}>


... as-tu essayé de la ballader un peu plus bas dans ton fichier thème ? (j'ai pas essayé, pas envie de tout casser mon gabarit !)

@+

Posté le : 29/09/2007 22:29
Partager Twitter Partagez cette article sur GG+
Rapport Haut
duncan9384
Re: Aide pour adaptation template í  Morpho
#5
Supporter Xoops
Inscrit: 16/02/2003 21:55
De Paris
Messages: 346
Moi j'ai ça en bas du theme:
<{if $xoBlocks.canvas_bottom}>
        <{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_bottom
            zoneClass='' zoneId='xo-canvas-footer'
        }>
        <{/if}>

C'est ce que je notifiais un peu plus haut.

Posté le : 29/09/2007 22:32

Webmaster Forever sous Xoops
www.sciencespoaix.com ==> site étudiant de Sciences Po Aix
www.intellimique.com ==> Intelligence Economique, Veille, Sécurité
Partager Twitter Partagez cette article sur GG+
Rapport Haut
duncan9384
Re: Aide pour adaptation template í  Morpho
#6
Supporter Xoops
Inscrit: 16/02/2003 21:55
De Paris
Messages: 346
Autant pour moi, je viens de voir. Mais elle sert à quoi alors la ligne que j'ai cité?

EDIt: bon c'est bon j'ai trouvé la solution. Il me reste plus qu'à def le CSS.

Posté le : 29/09/2007 22:38

Webmaster Forever sous Xoops
www.sciencespoaix.com ==> site étudiant de Sciences Po Aix
www.intellimique.com ==> Intelligence Economique, Veille, Sécurité
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: Aide pour adaptation template í  Morpho
#7
Guest_
Re',

Vi il y a encore des mystères dans ce gabarit

Content que tu ais trouvé la solution !

@+

Posté le : 29/09/2007 22:44
Partager Twitter Partagez cette article sur GG+
Rapport Haut
duncan9384
Re: Aide pour adaptation template í  Morpho
#8
Supporter Xoops
Inscrit: 16/02/2003 21:55
De Paris
Messages: 346
merci à toi de m'avoir éclairé!
Je viens de réussir, je suis content lol
je mettrai le résultat pour avis du grd maître suprême de Morpho ...

Posté le : 29/09/2007 23:03

Webmaster Forever sous Xoops
www.sciencespoaix.com ==> site étudiant de Sciences Po Aix
www.intellimique.com ==> Intelligence Economique, Veille, Sécurité
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Aide pour adaptation template í  Morpho
#9
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

tu peux mettre le code pour les blocs du bas à la place de celui-ci (ou au-dessus):
<!--<{if $xoBlocks.canvas_bottom}>
<{includeq file="$theme_name/blockszone.html" blocks=$xoBlocks.canvas_bottom
zoneClass='' zoneId='xo-canvas-footer'
}>
<{/if}>-->

Dans ce cas par contre tes blocs ne seront plus dans "xo-page"
sinon tu peux le mettre après l'appel à la dernière colonne dans la "table"
etc ...

@+


et tant que j'y suis, petite astuce pour faciliter la personnalisation des templates de blocs, mettre le code du templates dans une "div" avec une class, exemple pour le bloc "site info" du module system :
<div class="system-site_info">
le code du template
</div>

Avec celà, tu auras plus de possibilités pour personnaliser les blocs
Nota : ceci sera intégré bientôt dans les nouveaux templates du module "system"

Posté le : 29/09/2007 23:50

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Re: Aide pour adaptation template í  Morpho
#10
Guest_
"Eh ben j'en connais un qui n'a pas fait le voyage pour rien" (T. Roland)

Merci, c'est bookmarké !!

@+

Posté le : 29/09/2007 23:57
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
(1) 2 »



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

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