Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
September.09.2011

Tag "layout"

EXAMPLE:


ATTRIBUTES OF "LAYOUT" TAG

  • Type attribute: This attribute specifies types of layout which layout_name.xml file forms. There are 6 basic layout types. The fundamental difference of them is how to arange components of block or "content" tag (the special tag). Following parts will bring to you nearer eyes with 6 layout types.
  1. Left-main-right:

    • "Position" tags in "Content" tag:
  2. Left-right-main:

    • "Position" tags in "Content" tag:
  3. Main-left-right:

    • "Position" tags in "Content" tag:
  4. Left-main
  5. Main-right
  6. Full
  • Customization layout: From 6 basic layout types, you can customize to suit your demand. Following example is used for customization layout is Left-Main-Right:

Width of Group left = 220*n

Width of Group right = 220*m

Position" tags in "Content" tag:


  • Width attribute: This attribute specifies width of main part (div.yt-main) in block
  • Customization Layout width: If you want to do the main part (div.yt-main) in any blocks (e.g.: id of example block is yt-example) bigger than other blocks, you could do like as:
  1. Style: #yt-example .yt-main{width:1100px }
  2. Add Autosize=”0”
  3. Style positions in that block

EXAMPLE:


ATTRIBUTES OF "LAYOUT" TAG

  • Type attribute: This attribute specifies types of layout which layout_name.xml file forms. There are 6 basic layout types. The fundamental difference of them is how to arange components of block or "content" tag (the special tag). Following parts will bring to you nearer eyes with 6 layout types.
  1. Left-main-right:

    • "Position" tags in "Content" tag:
  2. Left-right-main:

    • "Position" tags in "Content" tag:
  3. Main-left-right:

    • "Position" tags in "Content" tag:
  4. Left-main
  5. Main-right
  6. Full
  • Customization layout: From 6 basic layout types, you can customize to suit your demand. Following example is used for customization layout is Left-Main-Right:

Width of Group left = 220*n

Width of Group right = 220*m

Position" tags in "Content" tag:


  • Width attribute: This attribute specifies width of main part (div.yt-main) in block
  • Customization Layout width: If you want to do the main part (div.yt-main) in any blocks (e.g.: id of example block is yt-example) bigger than other blocks, you could do like as:
  1. Style: #yt-example .yt-main{width:1100px }
  2. Add Autosize=”0”
  3. Style positions in that block
Last modified on 18
More in this category: « Introduction Tag "head" »

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes