Announcement

Collapse
No announcement yet.

full width expanding header

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • tony adams
    Senior Member
    • Sep 2004
    • 337

    full width expanding header

    http://www.shebasrealm.com/forum/

    the tranquility skin has a header that fills the width of the screen and adjusts to different screen resolutions

    anybody know how this is done, am well impressed with it
  • Floris
    Senior Member
    • Dec 2001
    • 37767

    #2
    A table with 3 columns, left and right use fixed width, and middle column doesn't.
    The images gradient ends in white, the middle column background is white.

    HTML Code:
    <table width="100%"  border="1" cellspacing="0" cellpadding="0">
      <tr>
    	<td width="100" align="left">left</td>
    	<td align="center">center</td>
    	<td width="100" align="right">right</td>
      </tr>
    </table>

    Comment

    • tony adams
      Senior Member
      • Sep 2004
      • 337

      #3
      thanks

      had worked out the left and right bit, the middle one i thought was a background

      so from there is it all called from the header HTML??

      Comment

      • Floris
        Senior Member
        • Dec 2001
        • 37767

        #4
        The header template seems the most logical.

        Comment

        • tony adams
          Senior Member
          • Sep 2004
          • 337

          #5
          it may be clear to you, but how do i call the 3 graphics, also that i think will only be as wide asthe forum, the one i pointed to was full screen

          just think that i have little idea what you mean and you are my level

          i can understand once it is explained

          EDIT

          have worked the grapgics out i think, just need to make a centre graphic, but still cannot see how to get it to be full witth as the one in the link

          Another edit

          am missing something i think, made a centre graphic and with all 3 displayed it is wider than the screen

          back to my drawing board
          Last edited by tony adams; Mon 4 Oct '04, 3:56pm.

          Comment

          • Floris
            Senior Member
            • Dec 2001
            • 37767

            #6
            set it as background to the midle table cell
            it will then repeat itself unlimited.
            if it goes wider, so will the appearance.

            Comment

            • tony adams
              Senior Member
              • Sep 2004
              • 337

              #7
              can understand what you are saying and the principal, but not how to do it

              as i said think - simple - then you are at my level

              and to come back to the original link, that image is full width, what i have managed so far with your help has a borter on the right and left

              Comment

              • tony adams
                Senior Member
                • Sep 2004
                • 337

                #8
                sorted it thanks

                Comment

                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                Working...
                😀
                🥰
                🤢
                😎
                😡
                👍
                👎