How Woyano Works Discover Publish Connect Create your channel Give Back Contribute Now

IV v.0.1.0 (beta)

Rate this:
By Edward O'Rourke IV (Contact - View My Woyano)
Published Sat 23 Jun 2007, 733 Views, 33 Comments


If you like this skin you can select it by using the "Preview Skin" & "Apply Skin" links below:

Preview Skin | Apply Skin
























BE SURE TO RE-APPLY THE SKIN!

Features
Glassy header bars
Dark Gradient Backgrounds
Staic Header and Navigation Elements
Drop Shadows on all posted images
Clean Modern Tech Look
Panel Wdgets replaced with textured buttons
Freinds Images Removed to conserve space
Shouts icons removed to save space
Clean readable text layout

IV is a slick, tech'y skin with glassy elements, shadows and gradients.

This is a work in progress and is no where near finished. You are welcome to use it and I'll work on it over time.

As of now it works in

  • FireFox (Mozilla based browsers)
  • Safari
  • Internet Explorer 7
  • Internet Explorer 6 works but simplified design

IE browsers pre version7 screw things up pretty bad, however I'll soon begin creating special CSS specific to pre IE7 so the page will still render as something presentable and acceptable.

A lot of use of background images to create illusions of shadows and things like the panel roll up widgets have been used.

The header navigation elements are fixed on the page with a z-index of 100 so they appear to act like frames, remaining in place while the content scrolls up under them.

Version Notes (from here on I'll post notes)

version 0.1.0 - officially a beta now.
I highly suggest those using it re-apply the skin as it has some big fixes. This version now has all pages including one I worked out myself mostly complete. An alternate simplified version is embeded into the CSS for IE version 6. This was the best and only solution I could come up with to address IE limitations within the confines of the skin system. The full skin still has some remaining adjustments to make but overall it is functional and needs some testing and feedback so I can work out any remaining kinks.

Things I'd like to do but can't seem to find a way

  • I'd love to know how to change the stars for ratings and if there is some way.
  • I thought I had it figured out but i guess not, if anyone knows how to use the main_nav c1 c2 extra divs to add sides let me know.
  • also I know I'm really hacking things more than the skins system might be designed for however. The YouTube Object / Embed items float over the divs I've set with z-index of 100 this should be enough to make those divs float over anything... so I also went back and set the z-index of the object, embed and the entire blog post ID to a -100 z-index this should really FORCE the embed below the other divs yet some how it STILL floats over them????? HUH?


This Item
Category: Skins, General
Contributor
Edward O'Rourke IV
Share it
Link to this item:
Bookmark this item: RSS Feed

People who liked this item

    33 Comments

  1.  
    Loves Bloc Party ~ 16 months ago
    0 votes thumbs up thumbs down
    i love it!
    [ reply ]
    1.  
      clemmati ~ 16 months ago
      0 votes thumbs up thumbs down
      I think it's really good. Also, thank you for doing these skins.
      [ reply ]
      1.  
        Edward O'Rourke IV ~ 16 months ago
        0 votes thumbs up thumbs down
        thanks I appreciate the feedback! it makes it worth putting in the time.
        soon as I have it mostly finished for firefox I'll then go back and do hacks and fixes to semi support IE :- if possible.
        [ reply ]
        1.  
          georgie ~ 16 months ago
          0 votes thumbs up thumbs down
          Radical!
          [ reply ]
          1.  
            clemmati ~ 16 months ago
            0 votes thumbs up thumbs down
            You want to change the stars .gif? Should be easy, but I now can't find the editable and saveable template page I thought I'd found... (does inserting a url to a new .gif mess Woyano up?)
            [ reply ]
            1.  
              Edward O'Rourke IV ~ 16 months ago
              0 votes thumbs up thumbs down
              the stars aren't referenced in the css file they are hard coded into the html page. you only get to change the stuff in the css as far as I know

              I tried just adding my own stars to see if it picks them up but it doesn't

              I'd also like to know how to edit this page too it's not in the dev kit and I don't see a way to get it to follow all my css it only follows some of it.
              [ reply ]
            2.  
              clemmati ~ 16 months ago
              0 votes thumbs up thumbs down
              Oh I see. Sorry.
              [ reply ]
              1.  
                Edward O'Rourke IV ~ 16 months ago
                0 votes thumbs up thumbs down
                no problem, I appreciate your trying to help
                [ reply ]
              2.  
                JV ~ 16 months ago
                0 votes thumbs up thumbs down
                Wow we never considered about the stars... will have a think about it...
                [ reply ]
                1.  
                  Edward O'Rourke IV ~ 16 months ago
                  0 votes thumbs up thumbs down
                  actually all the widgets on a page lol if you alter the background from anything much other than very pale or white.... the edges stick out like sore thimbs and ruins the look.

                  but it would be great if we could edit those as well if we're really going to be able to make mods like this.

                  you may also want to consider allowing more than one css set up....

                  main, pre IE 7 and IE 7 or better so we can make special CSS for them rather than using CSS hacks that I'm using now lol

                  like using underscores to address IE6 and *to address IE7

                  it would seem to be a lot more efficient if the header would address multiple css files directed at that broswer.

                  I know I'm asking for a lot but just putting thoughts out there
                  [ reply ]
                2.  
                  dreamz ~ 16 months ago
                  0 votes thumbs up thumbs down
                  nothing is as much fun as being able to completely customize everything possible ! I like your thoughts IV .. and the skin looks great ! I too tried figuring out how to mess with the rating stars ... but I gave up once I figured out it was nothing to do with the CSS file I was working from ... there was something else I was trying to change that I couldn't for the same reason .. n now I can't remember what it was ~L~ I'll have a look back over what I have done n post back laters ...Kudos! IV :)
                  [ reply ]
                  1.  
                    Edward O'Rourke IV ~ 16 months ago
                    0 votes thumbs up thumbs down
                    thanks :)

                    I've brought up some of this to JV so maybe in the future we'll have the ability.
                    my main concern was the images are meant to be on a light background.... it doesn't work well on anything much darker and forget doing a fully black skin.

                    Any tips you have would be appreciated. It might also be fun to see who's using the skin if that would be possible.

                    [ reply ]
                  2.  
                    clemmati ~ 16 months ago
                    0 votes thumbs up thumbs down
                    I don't know how you can find out who's using it. (I am. But I may not keep it, because of the images problem.)
                    [ reply ]
                    1.  
                      Edward O'Rourke IV ~ 16 months ago
                      0 votes thumbs up thumbs down
                      if you find any problems please list them here so i can address them.
                      what specific image problems?
                      [ reply ]
                      1.  
                        clemmati ~ 16 months ago
                        0 votes thumbs up thumbs down
                        (I realise it isn't even beta, I thought I'd use it for say a week anyway, and check it out from time to time), the most obvious image problem is that the photos under Friends disappear.
                        [ reply ]
                        1.  
                          Edward O'Rourke IV ~ 16 months ago
                          0 votes thumbs up thumbs down
                          it's not a problem it's a feature I noted in the design notes I removed them :)
                          [ reply ]
                          1.  
                            clemmati ~ 16 months ago
                            0 votes thumbs up thumbs down
                            I realised that later! -- sorry! it's a good feature, on reflection, as the photos take up an awful lot of space.
                            [ reply ]
                    2.  
                      Edward O'Rourke IV ~ 16 months ago
                      0 votes thumbs up thumbs down
                      keep in mind this is still pretty alpha it's not even beta yet. so i wouldn't really expect many people to use it yet. feel free but I would hold off until i say it's at least beta.

                      it's more than just simple skinning I've gone and really changed things most would never bother trying to change. so with that I'd say it will take more time to really work out the kinks.

                      but it's nice that people will might use it once it's complete.
                      [ reply ]
                      1.  
                        Edward O'Rourke IV ~ 16 months ago
                        0 votes thumbs up thumbs down
                        That's it for tonight I'm beat... and starting to see blurry.
                        Lot's done on the skin lot's to go too....

                        Maybe by the weekend I'll ge to hacking out some fixes so it at least renders somewhat normal in anything below IE 7

                        It should be looking ok in everything else at this point.... overall I'm happy and I've managed to really stretch what the skin system was meant to do >:) hope I didn't hurt it too much JV ;)

                        Any way night everyone leave me feedback and suggestions so I can keep makin progress on it
                        [ reply ]
                        1.  
                          clemmati ~ 16 months ago
                          0 votes thumbs up thumbs down
                          (No need to answer this) I now have a jagged grey margin at the right (my right, when looking at it) of my page. (Firefox 2.0.0.4)
                          [ reply ]
                          1.  
                            Edward O'Rourke IV ~ 16 months ago
                            0 votes thumbs up thumbs down
                            any chance you can post a screenshot?
                            [ reply ]
                          2.  
                            clemmati ~ 16 months ago
                            0 votes thumbs up thumbs down
                            I'll post one on my page (I don't know how to add one here)
                            [ reply ]
                            1.  
                              Edward O'Rourke IV ~ 16 months ago
                              0 votes thumbs up thumbs down
                              That's what I meant :) I don't know how you could do it here either ... or you could do it in a private message to me I think. Whatever works ;)

                              Thanks for the feedback and help testing.... I want to be sure everything works as best it can.
                              [ reply ]
                            2.  
                              clemmati ~ 16 months ago
                              0 votes thumbs up thumbs down
                              OK, posted now! -- on my page
                              [ reply ]
                              1.  
                                Edward O'Rourke IV ~ 16 months ago
                                0 votes thumbs up thumbs down
                                I don't see it posted only 2 posts could you put a link here to the page? You can delete the post after I check it out to save space.
                                [ reply ]
                              2.  
                                clemmati ~ 16 months ago
                                0 votes thumbs up thumbs down
                                I don't know what happened -- I uploaded it twice but it disappeared... I've made it a blog entry, here's the url

                                http://www.woyano.com/vie.../4779/Heres-my-screenshot

                                !!
                                [ reply ]
                                1.  
                                  Edward O'Rourke IV ~ 16 months ago
                                  0 votes thumbs up thumbs down
                                  I just used FF to visit your page and it looks correct
                                  http://www.woyano.com/sit...ts/4/7/8/4782-scrnsht.JPG
                                  have you changed anything about your browser? plugins? text size?
                                  [ reply ]
                                  1.  
                                    clemmati ~ 16 months ago
                                    0 votes thumbs up thumbs down
                                    It looks OK to me when I use your url. When I use mine, it doesn't. No I haven't changed anything about Firefox. (It looks fine, using my url, in IE 6.0! perhaps my Firefox is a bit flaky.)
                                    [ reply ]
                                    1.  
                                      Edward O'Rourke IV ~ 16 months ago
                                      0 votes thumbs up thumbs down
                                      the screen shot I linked to is one I took of your site in a FireFox browser.
                                      Is this problem using Firefox or IE? It's mentioned in the notes that it's not working in IE pre version 7 yet. IE below version 7 is pretty wacky and doesn't play by the rules... so once I have the style complete for all other borwsers I would be going back and simplifying it for the old IE browsers.

                                      FireFox on all platforms should be displaying the skin correctly.

                                      Hope this helps
                                      [ reply ]
                                    2.  
                                      clemmati ~ 16 months ago
                                      0 votes thumbs up thumbs down
                                      Firefox. (The problem doesn't happen in IE 6.0!) My Firefox is 2.0.0.4. It could be my video chip's playing up.
                                      Oh wait. I am having some problems with other skins and Firefox, the problems simply aren't as blatant. It could be something to do with fonts, I suppose.
                                      (Got it. It's screen resolution. My default's 800x600, the skins here only work 100% in 1024x768. Oh well... sorry about that).
                                      [ reply ]
                                      1.  
                                        Edward O'Rourke IV ~ 16 months ago
                                        0 votes thumbs up thumbs down
                                        it displays right in IE6??? wow that's odd i tested it and it's not right lol but hey that's a bonus....

                                        Screen size and font size are always 2 things I always ask when someone says a site doesn't look right. sadly I can't adjust your screen set up :)

                                        I'm judging by the default sizes in the default css they are mostly targeting a screen of 1024 X 768 since most of the widths they specify and over 800 this would be outside the viewable area on a screen set to 800 X 600

                                        I just went with the flow of what they had set up I didn't go wider :) but I didn't plan for smaller either.

                                        Maybe I'll do one a bit different that can squish up better one day.

                                        Cheers!
                                        [ reply ]
                                      2.  
                                        clemmati ~ 16 months ago
                                        0 votes thumbs up thumbs down
                                        Fine in my IE 6.0, the screen size is still a problem but I don't get the distortion I get in Firefox! -- I meant to tell you that before, sorry not to. Screen res., well, 1024x768 is fairly standard now. It doesn't matter too much as the site's workable in lower res..
                                        [ reply ]
                                        1.  
                                          JV ~ 16 months ago
                                          0 votes thumbs up thumbs down
                                          IV - This is looking AMAZING. There are issues with love my woyano graphics that have curved corners. So I think we will get rid of the curves so they sit on the skin better. Also I will be thinking about the stars issue.
                                          [ reply ]
                                          1.  
                                            22 votes thumbs up thumbs down
                                            This is my two cents...

                                               
                                            Hey you know AdGuy always gets the last word! ;)

                                          Please Login to Add Your Comment   ..or..  

                                          Replying to comment by