Contact
LifestreamI was browsing around, and realized that I handled blog quotes and lists in a bad and jury-rigged fashion. So I fixed that with some inspiration from hulan.info/blog, another fine site running Nucleus. Quotes are now in a box of their own, with a border and background color to make them stand out. Lists are being handled with <li> elements, each calling an image via CSS instead of the boring old representation with squares or circles.
- item1
- item2
<Edit> Ok, ok, so this wasn’t very pretty in Firefox and Opera. Will investigate …… I think I have it fixed now. </edit>
Btw. It’s interesting to see what that guy (Hulan) has been able to do with Nucleus, bending and mangling the code, making it into an entirely different experience, at least as far as the end user is concerned. Great work. It was also ambitious of him to launch an “extreme edition” off of the CVS. As I have my own design and don’t want to bother with his templates, no matter how brilliant they might be, I’m sticking with Nucleus v2.0 until v2.5 is finalized. Despite the drowsy impression that the official site gives off, there is a lot happening behind the scenes.
When all the latest plugins and hacks are taken into account, Nucleus leaves other semi-professional CMSs (like MT) in the dust. Too bad Nucleus isn’t a full CMS by definition. It’s “just a weblog” and creating new pages / skins is a pain in the ass compared to a real CMS. Still I don’t regret choosing Nucleus. Having certain parts of the site on a stand-alone basis is not a problem. Nor is it that much harder to update. Over the years I’ve worked around it.
FYI: i would recommend to use padding, and margin for lists as well, like this:
.itembody li{
margin-bottom:5px;
margin-top:5px;
list-style: square outside url(arrow.gif);
padding-left:10px}
Well, I do use padding. The actual code is more or less your CSS:
.itembody li{
margin-bottom:5px;
margin-top:5px;
margin-left:5px;
margin-right:10px;
list-style: square outside url(gfx/arrow_01.gif);
padding-left:20px}
Uh oh, Firefox and Opera doesn’t render that well. Was kind of hoping it would work just for once
Oh well. At the very least it would be nice if it could work in Firefox.
Your page looks ok in all three browsers, but on the other hand the layout is in CSS. Mine is stubbornly hanging on to html tables. I guess there is a problem with the “fix” that I applied to prevent text from breaking and escaping table borders (http://battleangel.org/blog...). I.e. having an extra box of 99% width around the text in an item. I guess it confuses the placement of the li tags somehow. I’m looking into it …
Changed the display of lists. So far:
.list1 {list-style: square outside url(gfx/arrow_01.gif);}
li {margin: 0px 5px 0px 5px; padding: 0px 0px 0px 5px;}
ul {margin: 0px 0px 0px 25px; padding-bottom: 0px;}
Html is now:
<ul class=”list1″>
<li> and so forth …