View Full Version : personal blog

06-16-2005, 03:19 AM

personal blog i set up for a friend...
catagories and text re obviosly filler.

lemme know what ya think...

the most "elegant" i've done by far i think.


06-16-2005, 09:51 AM
Looks nice...however times new roman is a bad font choice and the post headings are toooo big :)


06-16-2005, 10:47 AM
good call...

font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

and uh.....15pt header?

i defer to harbingerotv for family i suppose??
(btw....wow, hotv)

...thanks... (more input please)

wow... i impress my self..... didnt even realize it validated... (just threw it up...cool... i'm learning.... [thanks all])

06-16-2005, 02:34 PM
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;

and uh.....15pt header?

i defer to harbingerotv for family i suppose??
(btw....wow, hotv)

hmmm...I think thats a good thing :confused: if it is thanks.

I guess you changed the font face before I viewed it.

the one thing that gets me is the background image. it's 1024x768. I browse in 1152x8?? and when I go to a new site I view it full screen. Your background image stops with a good 100px or so to the right showing. The background color doesn't matchup so there is this awkward pale green line on the side. Wouldn't be so bad if the tree didn't just stop like that. bumping my resolution even higher...the background color needs to match the background color of your image. It's not far off try:


The content div just sort of hangs there. Nothing to "hold" it. with the scroll bar just floating there it looks awkward to me. Since the whole right side is positioned absolutely and a fixed size maybe you can add something to the background image like a faded stripe as wide as the #content that spans the page vertically.

06-16-2005, 04:17 PM
Hey :) I dig the non-white approach, it's kinda nice to have a blog that isnt of the squeaky clean breed for a change :thumbsup:

Just a couple of suggestions relating to the sizing and positioning of things... on most the page's I think the main text block is perhaps a little too narrow. The pages that allow you to read the full article have a wider block of text that fits more text into the space.

Also, the comments look a little lost where they are at the moment, as if they were added as an afterthought. This is probably because in the other pages you have all the information presented easily in one screen, because of having the main content scrolling, so then to find something else (coments) outside this screen makes you think "Hang about, where'd that come from?". Perhaps comments could be after the article still in the scrolling box? I'm not sure it really is your call. Watch out that you don't get the menu overlapping with the content in narrower windows, and, as has already been mentioned, see if the edge of the background can be cleared up at all.

As I've already said - I like it. Big thumbs up for doing something more original with the blog even if it still needs some ironing out. :)

06-16-2005, 09:11 PM
The background image only covers a tiny bit of the browser window, and the background colour of the rest is completely different.

06-16-2005, 09:18 PM
...how about some implementation of a:hover on the links (in other words colour hovers on the main right hand side links?)

06-16-2005, 09:39 PM
It looks pretty good. One thing I would say is I would try to make the whole page scroll, not just main content. That will make it look better :)

06-16-2005, 11:32 PM
why in my thread??
wtf. ...real cool chris...

to harbingerotv:
uh.... ya if i wasnt clear before.... i defer to you because you have mad skill. love your work. so when i was like....well what friggin font do i use i checkd yr latest post. ....also thanks.

I thank all. many of these were obvious problems with obvious solutions, I just have trouble on my own sometimes.... thanks so much for pointing them out.... i've fixd a bunch of it and am still thinkin how to "anchor" the content block with background frill.... hmmm....

wish IE{v:ill} 7 would come out and i could use more fun stuff like png transparency, :before, etc.)

..o ya, and quote[chri$ go away.]

06-16-2005, 11:50 PM
Yea, sorry bout that zro@rtv. I gave my suggestion though :)
(Try to make the whole page scroll, not just the blog posts)

06-17-2005, 12:53 AM
sry to keep this thread alive with all the polution and all,...
but hows that workin for "anchoring the content block?

url again: http://charl33.redtv.org

other options include:


i think i like what i have but wondered if people concur.
also.... does the individual entry need the similar effect?


thanks again....

(...to chris: try answering questions if you can for a while to build post number, and dont always ask peep to do everything for u in a very ambigious way...... always explain what you've tried and where you're comming from so people do think yr a leachy loser... and post links and explainations..... )

06-17-2005, 01:47 AM
you can use translucent pngs with IE (5 wont like it but 6 is cool with it).

#thing {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your.png',sizingMethod ='image');
#thing[id] {
background: url(your.png);

options on the first are


obviously if you use image it's for when you have one big image your affecting. The scale is when you have a small image that you want to repeat x&y.

IE5 won't like it but you can write something like

<link rel="stylesheet" type="text/css" href="css/ie5.css">
<!--[if ! IE 5.x]>
<link rel="stylesheet" type="text/css" href="css/style.css">

(Thanks to Brothercake I now know IE5 doesn't like conditional statements and will just ignore them).

So in principal all browsers will read the first style sheet and apply it. Then everything but IE5x will see the conditional comment and see that it doesn't pertain to them and apply the second style sheet.

In the first style sheet all you need to change are the IDs and Classes that have the pngs. Feed in a non-png version for IE5. The other browsers will read the second style sheet and replace the said IDs and Classes with the proper pngs.

anywho, I think it looks better this time. still don't think you need to make one huge image though. Maybe slice off al lthe bottom and left side stuff that is nothing but color and use a background color in the css instead. Smaller file size none the less.

Asteically(sp?) I think you could use a little more overlapping in the image to make it look more "together" like how the bottom of the charachter is overlapped by the content box. Myabe slide the content over some or make it a little wider so that it overlaps the charachters a little more. and fade the tips that are overlaid more. Then maybe slide the tree over a tad so that it lays "under" the content more. As it is just a tad of it does and the bottom [limb is just sliced off by the scroll bar. looks uncormfortable.

and one more since I'm here ;)

wrap everything down to the navigation in a div that is like 750px wide so that if the page crushes down the navigation will stop going over the content.

mad skills... :cool:

06-17-2005, 02:21 AM
Chri$ has been banned, and I've deleted numerous posts in this thread. Now carry on :)

06-17-2005, 06:18 AM
Thanks to Brothercake I now know IE5 doesn't like conditional statements and will just ignore them

IE5 PC was the first version to support conditional comments, and it does just fine. You must be thinking of IE/mac, which never supported conditional comments.

Standalone versions of IE5 and 5.5 still identify themselves as IE6 due to IE6's registry entry. This can be fixed, but it's a stuff around. Therefore, while you can use conditions like [if lt 6] in a production site, you can't actually test that with old copies of IE running as extra apps (if they're running as the native browser of that OS version you'll be fine)

I personally use an old laptop with win98 for all my IE<6 and NN4 testing. They're cheap as chips and can sit in a cupboard until it's needed :)

06-17-2005, 01:13 PM
good call mindlessLemming. I should have clearer. Most of my problems are when I do something and then go to work and fire up thier OS9 to see what IEMac does to the code.

I used to have my little home network used like you use your laptop. The old Win98 loaded and no up dates to IE so I could see how things worked. And I ran it at 800x600 so I would have to resize the browser everytime I wanted to see how things went. All was good until that hard drive refused to boot. So I yanked it and threw it into the other PC so I could get the files.