So how'd I do this?
First I ditched the default stylesheet (sorry Aaron). Go to the site prefs (in the sidebar) and edit the site template. Comment out the stylesheet line like so:
I added some interesting css bits from other places and of my own creation. You can check them out and copy what you like here.
Back to the site template to add my new stylesheet like so:
tweak, reload, repeat.
<!-- <link href="http://files.infogami.com/styles/style.css" type="text/css" rel="stylesheet" /> -->
The css bits I liked use div tags instead of tables, so I did some minor reformatting.
<div id="banner">
<h1><a href='/'>$sitetitle</a></h1>
</div>
<div id="container">
<div id="center" class="column full-length"><div class="main_content full-length">
<p class="subtitle">$sitesubtitle</p>
<h2>$pagetitle</h2>
$body
</div></div>
<div id="left" class="column full-length"><div class="site_menu full-length">
site menu
{{menu}}
</div></div>
<div id="right" class="column full-length"><div class="sidebar full-length">
$loginbox
{{sidebar}}
$ads
</div></div>
</div>
<div id="bottom">
</div>
I added a menu by creating a menu page, then including it like so: {{menu}}.
Then I build my own stylesheet by typing
http://<sitename>.infogami.com/_edit/<stylesheet name>.css
in my browsers address bar.
I added some interesting css bits from other places and of my own creation. You can check them out and copy what you like here.
Back to the site template to add my new stylesheet like so:
<link href="/<stylesheet name>" type="text/css" rel="stylesheet" />
and it's done.
tweak, reload, repeat.
Comments
Lovely work, Eric. I'm more of a hacker myself - hence the ugly monolithic layout :)
(CSS is like a fun toy to me)
jaghatai 2 years ago #
fantastic Dev and I would ask you about the menu page I try more and more to edit it but the final result every time is the conflict with the whole design. could you give me yours ?
ams 1 year ago #
wedding dress wedding gown bridal gown oil paintings oil painting prom dress prom gown prom dress
icerain031 7 months ago #

Hi Dave! Inspired by your work here, I've done my own tweaking of the html and stylesheets. Lemme know what you reckon at fruitbat.infogami.com. Just go easy; the background image is hosted offsite, and I don't know how it will take a slashdotting...
2 years ago #