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

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Daniel.P
    Senior Member
    • Apr 2008
    • 600
    • 4.0.x

    [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
  • nakedanvil
    Senior Member
    • Mar 2010
    • 1920
    • 4.0.0

    #2
    A little tlny bit more explanation please.

    Comment

    • Daniel.P
      Senior Member
      • Apr 2008
      • 600
      • 4.0.x

      #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 17 Sep '11, 2:39am.
      born to fish forced to work

      Comment

      • Robbiefritz
        Senior Member
        • Oct 2008
        • 328
        • 4.2.X

        #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

        • nakedanvil
          Senior Member
          • Mar 2010
          • 1920
          • 4.0.0

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

          Comment

          • Robbiefritz
            Senior Member
            • Oct 2008
            • 328
            • 4.2.X

            #6
            Originally posted by nakedanvil
            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

            • Daniel.P
              Senior Member
              • Apr 2008
              • 600
              • 4.0.x

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

              Comment

              • Bram
                Senior Member
                • May 2007
                • 216

                #8
                Looks good Daniel!

                Comment

                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                Working...