Détail du message 58978.1

Message numéro 1 dans le sujet Styler les blocks editables dans l'éditeur de page (BO).

  • 58978.1

    24/05/2012 18:38


    Mathias
    Rang : Expert
    Bonjour,

    dans la nouvelle charte graphique, en BO, les blocks editables sont représentés par des zones contenant leur libellé.

    J'aimerai reproduire la même chose sur mon editeur BO, mais je ne vois pas comment vous stylez ces blocks ?

    voici votre code xul pour l'éditeur de page d'un de vos template de page :
    <change:template content-type="xul" id="nosidebarpage">
    		<vbox id="top">
    			<vbox>
    				<hbox>
    					<box class="editable-block" flex="7">header-top-1</box>
    					<box class="editable-block" flex="2">header-top-2</box>
    					<box class="editable-block" flex="2">header-top-3</box>
    					<box class="editable-block" flex="1">header-top-4</box>
    				</hbox>
    				<hbox>
    					<box class="editable-block" flex="12">header-middle-1</box>
    				</hbox>
    				<hbox>
    					<box class="editable-block" flex="12">header-bottom-1</box>
    				</hbox>
    			</vbox>
    			<vbox>
    				<hbox>
    					<box class="editable-block" flex="9">content-top-1</box>
    					<box class="editable-block" flex="3">content-top-2</box>
    				</hbox>
    				<box>
    					<vbox id="content-column">
    						<change:content id="content-block"/>
    					</vbox>
    				</box>
    			</vbox>
    			<vbox>
    				<hbox>
    					<box class="editable-block" flex="12">footer-top-1</box>
    				</hbox>
    				<hbox>		
    					<box class="editable-block" flex="3">footer-middle-1</box>
    					<box class="editable-block" flex="3">footer-middle-2</box>
    					<box class="editable-block" flex="3">footer-middle-3</box>
    					<box class="editable-block" flex="3">footer-middle-4</box>
    				</hbox>
    				<hbox>
    					<box class="editable-block" flex="6">footer-bottom-1</box>
    					<box class="editable-block" flex="6">footer-bottom-2</box>
    				</hbox>
    			</vbox>
    		</vbox>
    	</change:template>
    


    mais je ne parviens pas à comprendre :
    • où vous éditez les styles de la class "editable-block",
    • pourquoi/comment la taille max du flex est positionnée à 12 (arbitraire ?)

    quel est votre secret ? :)

    Édité par Mathias 24/05/2012 18:39


    Développe sous linux Ubuntu 12.04 LTS Desktop
    Projet ecommerce core 3.6.7
 
1378 membres
Aucun membre connecté