Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15

Thread: personal blog

  1. #1
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post

    personal blog

    http://charl33.redtv.org/

    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.

    http://charl33.redtv.org/
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #2
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    Looks nice...however times new roman is a bad font choice and the post headings are toooo big

    Jamie.

  • #3
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post

    tru tru

    good call...

    Code:
    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)

    .edit.
    wow... i impress my self..... didnt even realize it validated... (just threw it up...cool... i'm learning.... [thanks all])
    Last edited by zro@rtv; 06-16-2005 at 10:50 AM. Reason: btw....it validates....thanks for makin me smarter
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #4
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,798
    Thanks
    8
    Thanked 131 Times in 129 Posts
    Quote Originally Posted by zro@rtv

    Code:
    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 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:

    #d9e0d1

    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.

  • #5
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

    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.
    redhead

  • #6
    Senior Coder gsnedders's Avatar
    Join Date
    Jan 2004
    Posts
    2,340
    Thanks
    1
    Thanked 7 Times in 7 Posts
    The background image only covers a tiny bit of the browser window, and the background colour of the rest is completely different.

  • #7
    Senior Coder JamieR's Avatar
    Join Date
    Oct 2004
    Location
    United Kingdom
    Posts
    3,161
    Thanks
    0
    Thanked 5 Times in 5 Posts
    ...how about some implementation of a:hover on the links (in other words colour hovers on the main right hand side links?)

  • #8
    Regular Coder
    Join Date
    Sep 2004
    Posts
    347
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #9
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post

    y here?

    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....

    (p.s.
    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.]
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #10
    Regular Coder
    Join Date
    Sep 2004
    Posts
    347
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yea, sorry bout that zro@rtv. I gave my suggestion though
    (Try to make the whole page scroll, not just the blog posts)

  • #11
    Regular Coder zro@rtv's Avatar
    Join Date
    Feb 2005
    Location
    on the network
    Posts
    433
    Thanks
    0
    Thanked 1 Time in 1 Post

    sry

    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:

    background-old.png
    and
    background-lil.png

    i think i like what i have but wondered if people concur.
    also.... does the individual entry need the similar effect?
    i.e.:
    http://charl33.redtv.org/archives/nature/nature-is-fun

    ?

    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..... )
    ._-zro
    zro@redtv
    zro.redtv.org

    "If HTML and the Web made all the online documents look like one huge book, RDF, schema, and inference languages will make all the data in the world look like one huge database"
    -Tim Berners-Lee, Weaving the Web, 1999

  • #12
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,798
    Thanks
    8
    Thanked 131 Times in 129 Posts
    you can use translucent pngs with IE (5 wont like it but 6 is cool with it).

    Code:
    #thing {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your.png',sizingMethod ='image');
    }
    #thing[id] {
    background: url(your.png);
    }
    options on the first are

    sizingMethod='image'
    sizingMethod='scale'

    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

    Code:
    <link rel="stylesheet" type="text/css" href="css/ie5.css">
    <!--[if ! IE 5.x]>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <![endif]-->
    (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...
    Last edited by harbingerOTV; 06-17-2005 at 01:50 AM.

  • #13
    WA
    WA is offline
    Administrator
    Join Date
    Mar 2002
    Posts
    2,596
    Thanks
    2
    Thanked 19 Times in 18 Posts
    Chri$ has been banned, and I've deleted numerous posts in this thread. Now carry on
    - George
    - JavaScript Kit- JavaScript tutorials and 400+ scripts!
    - JavaScript Reference- JavaScript reference you can relate to.

  • #14
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by harbingerOTV
    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

    I take no responsibility for the above nonsense.


    Left Justified

  • #15
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,798
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •