Announcement

Collapse
No announcement yet.

CMS grid 2nd header, fixed - liquid - fixed, 2nd footer

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • [CMS] CMS grid 2nd header, fixed - liquid - fixed, 2nd footer

    HTML Code:
    <div id="doc3">
        <div id="hd">
            <div class="yui-u yui-header" style="padding:0 0 15px 0;">
                <ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
            </div>
        </div>
        <div id="DefaultWrapper">
            <div id="DefaultMainCol">
                <div class="leftcol yui-sidebar"  style="width:200px; float:left;">
                    <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
                </div>
                <div class="rightcol yui-sidebar" style="width:310px; float:right;">
                    <ul class="list_no_decoration" id="widgetlist_column4">$column[4]</ul>
                </div>
                <div class="centercol yui-panel" style="padding:0 10px 10px 10px; align:right; overflow:hidden;">
                    <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
                </div>
            </div>
        </div>
        <div id="ft">
            <div class="yui-u yui-footer" style="padding:0 0 15px 0;">
                <ul class="list_no_decoration" id="widgetlist_column5">$column[5]</ul>
            </div>
        </div>
    </div>
    born to fish forced to work

  • #2
    A little tlny bit more explanation please.

    Comment


    • #3
      this i a fixed left and right sidebar with fluid content.

      HTML Code:
      <div class="leftcol yui-sidebar"  style="width:200px; float:left;">                 <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>             </div>
      left bar is 200px - change if you wish.

      HTML Code:
      <div class="rightcol yui-sidebar" style="width:310px; float:right;">                 <ul class="list_no_decoration" id="widgetlist_column4">$column[4]</ul> </div>
      right bar is 310px -
      because I should add advertising 300/250,
      but because of widget borders and pading take a few pixels and does not look good.

      content is liquid - this is my wish.

      1. download attached file
      2. go to adminCP - vb CMS -Grid Manager - download/upload grid and Import Grid XML File.

      before you do, open the file and edit your preferred size of the columns.

      to remove header and footer replace html in file with

      HTML Code:
      <div id="doc3">
      <div id="DefaultWrapper">
      <div id="DefaultMainCol">
      <div class="leftcol yui-sidebar"  style="width:200px; float:left;">
      <ul class="list_no_decoration" id="widgetlist_column1">$column[1]</ul>
      </div>
      <div class="rightcol yui-sidebar" style="width:310px; float:right;">
      <ul class="list_no_decoration" id="widgetlist_column3">$column[3]</ul>
      </div>
      <div class="centercol yui-panel" style="padding:0 10px 10px 10px; align:right; overflow:hidden;">
      <ul class="list_no_decoration" id="widgetlist_column2">$column[2]</ul>
      </div>
      </div>
      </div>
      </div>
      Attached Files
      Last edited by Daniel.P; Sat 17th Sep '11, 3:39am.
      born to fish forced to work

      Comment


      • #4
        Thanks Daniel
        [URL="http://unified4change.com"]unified4change.com[/URL="http://unified4change.com"]|[URL="http://allthingsgermany.com"]AllThingsGermany.com[/URL="http://allthingsgermany.com"]|[URL="http://beergodsgarage.com"]BeergodsGarage.com[/URL="http://beergodsgarage.com"]

        Comment


        • #5
          Can we get a visual on that? Got a screenshot or URL? Appreciate your effort very much!

          Comment


          • #6
            Originally posted by nakedanvil View Post
            Can we get a visual on that? Got a screenshot or URL? Appreciate your effort very much!
            www.dallastownonline.com is using it though not to the fullest extent yet.
            [URL="http://unified4change.com"]unified4change.com[/URL="http://unified4change.com"]|[URL="http://allthingsgermany.com"]AllThingsGermany.com[/URL="http://allthingsgermany.com"]|[URL="http://beergodsgarage.com"]BeergodsGarage.com[/URL="http://beergodsgarage.com"]

            Comment


            • #7
              on my site - http://www.offroad-bulgaria.com
              but it is only structure
              born to fish forced to work

              Comment


              • #8
                Looks good Daniel!

                Comment

                Related Topics

                Collapse

                Working...
                X