I did some tweaking of our default OSX server weblog. The files were buried but I found them, if you would like to do this they can be found in:
Example:
http://www.macprofessionals.com/weblog/
/Library/Tomcat/blojsom_root/webapps/ROOT/blojsom_resources
Images are located in:
/Library/Tomcat/blojsom_root/webapps/ROOT/blojsom_resources/images/
Stylesheets (CSS):
/Library/Tomcat/blojsom_root/webapps/ROOT/blojsom_resources/stylesheets/
On your Tiger server.
by 
Look at the source code in that blog — I know most of you aren’t designers,
but it’s horrible! What’s the difference from using outdated table based
designs, to jumping on a non semantic div filled mess! Not handicap
accessible, bloated code, not focus on valid code… I’ll spend more time
getting it to look good under the hood just as much as I would If I were to
install using wordpress myself.
Good attempt, but no better than using dreamweaver and calling yourself a
coder.
🙂
Note that it’s my code, but I couldn’t html code my way out of a paper bag so I
understand. Got any examples to show us of how it’s done better?
—
Changing the world, one server at a time.
Joel Rennich
http://www.afp548.com
Sorry for that:)
The trick to making your code semantic is to stear away from Divitis as we
call it — in the end, what is the difference from using an abundance of divs
+ classes? They mean nothing to search engines or accessible browsers, and
they limit the amount of styling you can get away with, without bloating
your code.
First trick, you might want to serve up your code as PHP (or another
dynamic language, PHP being my prefferred) so that you can serve valid
HTML or XML/XHMTL depending on the browser — this is because Safari
and internet explorer do not handle XML validly. Some of my sites will
reflect this below — and you can drop me a line for some code if you’d like:)
Sites you can learn valid CSS/HTML:
http://www.htmldog.com
Sites I’ve done with semantic coding:
http://www.academystudios.com
http://www.dotfive.com
http://www.bodyecologydiet.com (their inhouse maintains it now, so it may
not run valid anymore)
http://www.alexisbarbosa.com
http://www.igotyourhouse.com
Sites to see more:
http://www.cssbeauty.com
http://www.stylegala.com
http://www.csszengarden.com
As an example… your body information. You have a large title header, and
then a sub line that describes that information. You’ve divided it into:
<div class="blog_listing_ref">
<div class="blog_listing_title"><a href="/weblog/admin/">*** Office
FAQ's ***</a></div>
<div class="blog_listing_description">Blog for Internal Office FAQ's</
div>
</div>
A divider does not specify anything of what it is… so, for this, you’d use a
definition list:
<dl>
<dt><a href="/weblog/admin/">*** Office FAQ's ***</a></dt>
<dd>Blog for Internal Office FAQ's</dd>
<dt><a href="/weblog/trent/">A is for Apple</a></dt>
<dd>Rants & Raves</dd>
<dt><a href="/weblog/jon/">It's All About the Workflow!</a></dt>
<dd>Created for the Betterment of the Workflow!</dd>
<dt><a href="/weblog/peter/">Peter's Notes</a></dt>
<dd>Created through a web-based interface</dd>
<dt><a href="/weblog/dnorton/">Tiger Client Notes</a></dt>
<dd>Tracking the world's most advanced OS</dd>
<dt><a href="/weblog/cross/">Tiger Server Notes</a></dt>
<dd>Random Notes/Issues on Tiger Server</dd>
<dt><a href="/weblog/britain/">Timid Firelog</a></dt>
<dd>Catapulting the propaganda since May of 2005</dd>
<dt><a href="/weblog/dean/">Xsan LUN-log</a></dt>
<dd>Tips & FAQs for Xsan</dd>
</dl>
So what was .blog_listing_title {…}, now is just dt {…} and so forth.
this can be structured with one main div that you center, one div for the left
(actually, you could do without it), one div for the right… and that’s it. No
more divs would be needed. The left ‘Macprofessional’ would be a h1,
beneath it a cite tag. The right header, since it is a picture and not actual
content, can just be a background image with your paragraph below it. The
trick to moving your piece to the right can be done two ways:
1) if you want that content at the bottom of your code, then you can
absolutely position it.
2) if that doesn’t matter so much, you can put it to the top of your code
and float it right
3) If you want it at the top, and don’t want to worry about absolutely
positioning, then contain them both in a div and float them against each
other.
…and, as future reference, don’t use breaktags anymore, they’re redundant
and unneeded. If you need that line to break for sure, end the paragraph
and start a new one; this is because break has no content value, so it should
be done via CSS.
In the end, your code should be no more than this (with possible one div to
contain the main info):
<div id="container">
<h1>MacProfessionals</h1>
<cite>Macprofessionals Blogs</cite>
<dl>
<dt><a href="/weblog/admin/">*** Office FAQ's ***</
a></dt>
<dd>Blog for Internal Office FAQ's</dd>
<dt><a href="/weblog/trent/">A is for Apple</a></dt>
<dd>Rants & Raves</dd>
<dt><a href="/weblog/jon/">It's All About the Workflow!</
a></dt>
<dd>Created for the Betterment of the Workflow!</dd>
<dt><a href="/weblog/peter/">Peter's Notes</a></dt>
<dd>Created through a web-based interface</dd>
<dt><a href="/weblog/dnorton/">Tiger Client Notes</a></dt>
<dd>Tracking the world's most advanced OS</dd>
<dt><a href="/weblog/cross/">Tiger Server Notes</a></dt>
<dd>Random Notes/Issues on Tiger Server</dd>
<dt><a href="/weblog/britain/">Timid Firelog</a></dt>
<dd>Catapulting the propaganda since May of 2005</dd>
<dt><a href="/weblog/dean/">Xsan LUN-log</a></dt>
<dd>Tips & FAQs for Xsan</dd>
</dl>
<div id="rightcolumn">
<p>To create your own weblog, enter your short user name and
press Return.</p>
<p>To create a weblog for a group, type the short group name and
press Return.</p>
<form id="user_id_form" method="get" action="./"
onsubmit="createBlog(this);return true">
<input size="20" type="text" name="createUserID"
id="createUserID" />
</form>
</div>
</div>
Hope that helps, email if you have questions:)
How did you get pass the first page it will not use the user name and password
that i have ? What am i missing ? to get the pages up and going please let me
know my email is ronluna@the mac-medic.net
Thanks !!