1
damaster
How To : Make left column fly
  • 2007/9/29 10:09

  • damaster

  • Just can't stay away

  • Posts: 556

  • Since: 2003/5/11


[post from this forum thread ]

Less is more... Freedom !

So lets have some fun and make the the leftcolumn fly

#leftcolumn{
     
position :absolute/* needed to get out of the table */
     
top:130px;
     
right:300px;
     
width:200px;
     
height:300px;
     
overflow:scroll;
     
background:#f2f2f2;
     
border:1px solid #cccccc;
     
z-index:1000;
}


This will transform leftcolumn in a small grey box
flying over the content.

If you are browsing xoops.org with Firefox and you
have installed the extension "Web Developer Toolbar"
You can test it on the fly.

1. Click on "CSS" from the "Web Developer Toolbar"

2. Click on sub-menu "Edit CSS"

3. From the CSS tabs, click on "style.css"

Now past the code above at the end of the style.css
Get it !?

Have Fun !
I like people more than machines or money. But that's me!
Lets do something good and great: Lets do open source!

2
Burning
Re: How To : Make left column fly
  • 2007/9/29 11:53

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


Very funny and maybe useful !

Thanks

@+
Still learning CSS and... english

3
damaster
Re: How To : Make left column fly
  • 2007/9/29 12:46

  • damaster

  • Just can't stay away

  • Posts: 556

  • Since: 2003/5/11


Salut Burning !

Useful... well, with Pico is alike get a 'dreamweaver' on-line
with an extraordinary extension that manages individually
groups and users. This is a short example used to show
how to override CSS without hack your theme or core.
I'm not sure that blocks id are fixed with 2.0.17.x

A+
I like people more than machines or money. But that's me!
Lets do something good and great: Lets do open source!

4
damaster
Re: How To : Make left column fly
  • 2007/9/29 21:23

  • damaster

  • Just can't stay away

  • Posts: 556

  • Since: 2003/5/11


This IExplorer condition is a position bug fix!

<!--[if lte IE 6]>

<
style type="text/css">

body backgroundurl(nullfixed ; } /* smooth the think ;-) */

#leftcolumn {position: absolute;top:expression(documentElement.scrollTop+body.scrollTop);

</style>

<![endif ]-->


Have Fun !

I like people more than machines or money. But that's me!
Lets do something good and great: Lets do open source!

Login

Who's Online

134 user(s) are online (98 user(s) are browsing Support Forums)


Members: 0


Guests: 134


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Apr 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits