StrangeDarkness ReDesign - Works In Progress

Hey guys just thought i'd get some opinions on my new design for an old site of mine strangedarkness.com.
I was geting a bit bored with it and no one was joining so I decided to try and make it a bit more interesting. I've been getting into digital art alot lately (esp. dark photo manips) so I decided to add that.

Anyway heres the basic idea for the new look: http://www.strangedarkness.com/SD-v2/
Constructive crit very welcome ...even if it is a bit harsh ;)

PS
That eye is still a WIP - Just thought you should know...
strangedarknesssig.jpg
sebastianastill.co.uk - My Portfolio

Comments

  • pfgannonpfgannon Moderator Administrator
    Im in a hurry so I'll have to make this brief.

    Use some CSS and make the left nav text smaller.
  • CannonBallGuyCannonBallGuy Moderator Shared Hoster
    Kinda messed up in Safari 1.3 on Mac OS 10.3.9
  • strangedarstrangedar Senior Member The Royal RAM
    ah Crap.. Cheers CBG didn't realise .. too be honest I havent had time to browser check it yet so i'll need to do that soon...

    fourtoone87: Did you mean use some CSS in my site? 'Cos I am... Or did you just mean use some to make the 'left nav' smaller. It isn't actaully navigation just google ad's in the place of usual naviagtion in the hope of more clicks...

    EDIT: CBG is that all that's seen in safari, just the top? Any ideas on how to fix it?

    EDIT02: OH fourtone87 did you mean the submission links? I see now... I should probably float the right or something shouldnt I? ... Will play with it later..
    strangedarknesssig.jpg
    sebastianastill.co.uk - My Portfolio
  • CannonBallGuyCannonBallGuy Moderator Shared Hoster
    I can see more than that, I just only took a screenshot of the bit that was messed up. ;)
  • strangedarstrangedar Senior Member The Royal RAM
    Dont s'pose you know of nay little tricks I can use to just make changes that will only display in the saf browser?
    strangedarknesssig.jpg
    sebastianastill.co.uk - My Portfolio
  • CannonBallGuyCannonBallGuy Moderator Shared Hoster
    There is a way to work out what browser the visitor is using...
    Then, you can define separate stylesheets to be used depending on what the browser is...


    EDIT: I asked about this on webmaster-talk a while back: http://www.webmaster-talk.com/showthread.php?t=27472
  • strangedarstrangedar Senior Member The Royal RAM
    Thanks for can I use that to detect safari? From what oberon was saying it sounds like it can only be used for MSIE.. Or am I just not reading it right...
    strangedarknesssig.jpg
    sebastianastill.co.uk - My Portfolio
  • CannonBallGuyCannonBallGuy Moderator Shared Hoster
    Uhm, It works for every browser... Unless I am reading it completely wrong?
  • strangedarstrangedar Senior Member The Royal RAM
    Yeah you're right... Really need sleep.
    Don't s'pose you'd be willing to take another screen shot after I added the code? Unless you know a site that will show me the site in safari for free... Oh wait actuall I might be ok .. I'm on another comp so I should be able to get a free trial @ broser cam again...

    Thanks for your help CBG :D
    strangedarknesssig.jpg
    sebastianastill.co.uk - My Portfolio
  • strangedarstrangedar Senior Member The Royal RAM
    OK I've tried fixing the problem but browsercam isnt showing any changes. I dont mean to sound like a bum but dont spose you could play with the safari stylesheet and see if you can fix the problem? It's ok if you cant, I completely understand but if you can i'll be eternally gratefull!

    Safari Style: http://strangedarkness.com/SD-v2/style/safari.css
    strangedarknesssig.jpg
    sebastianastill.co.uk - My Portfolio
  • CannonBallGuyCannonBallGuy Moderator Shared Hoster
    I have 2 possible ideas...
    Changes are in bold.

    1.
    #content{
      min-height: 400px;
      padding: 0;
      padding-top: [b]25[/b]px;
      margin: 0;
      background: #000 url(../siteimages/eye_background.jpg) right top no-repeat;
    }
    
    #content h1{
    	font-size: large;
    	padding: 0;
    	margin: [b]25[/b]px 0 10px 10px;
    	color: #eee;
    }
    

    Maybe one of those will work... maybe both, maybe neither.
    You could also add a margin to the top of the #content div, perhaps.
  • strangedarstrangedar Senior Member The Royal RAM
    Yeah that's what I treid but I think I know why is wasn't working. I had the safari stylesheet before the main sheet so I guess the CSS from main.css was overriding safari.css. Will try again later.
    Could I add you to my MSN so I could maybe give you a buzz when I've done it and maybe you could give it another look in safari?
    strangedarknesssig.jpg
    sebastianastill.co.uk - My Portfolio
  • CannonBallGuyCannonBallGuy Moderator Shared Hoster
  • strangedarstrangedar Senior Member The Royal RAM
    OK added. Made some changes to the safari.css if ou check this before I speak to you could you see if the changes worked?
    Thanks for all your help!
    strangedarknesssig.jpg
    sebastianastill.co.uk - My Portfolio
  • CannonBallGuyCannonBallGuy Moderator Shared Hoster
    Ugh, You've messed something up.
    This is what I see:
    0 ) $css = "safari.css"; else $css = "main.css"; ?>
    Error 404
    Sorry page not found...

    And this is the source I can see:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <?php
    if(strpos($_SERVER['HTTP_USER_AGENT'],"Safari") > 0 ) $css = "safari.css";
    else $css = "main.css";
    ?>
    <html>
      <title>StrangeDarkness: Dark Art - Dark Poetry</title>
      <meta name="keywords" content="Dark Poetry, Dark Art, Poetry, Art, Dark Arts" />
      <meta name="description" content="Website to showcase dark art including digital
      art, photo manipulation and traditional art and dark poetry" />
      <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
      <link rel="StyleSheet" href="style/<?php echo $css; ?>" type="text/css" />
      <style type="text/css">
      @import url(style/main.css);
      @import url(style/navigation.css);
      </style>  
      </head>
      <body>
      <div id="wrapper">
      <div id="header"></div>
      <?php include('includes/nav.php'); ?>
      <div id="content">
      <h1>Error 404</h1>
      <p>Sorry page not found...</p>
      <div id="footer"><?php include('includes/footer.php'); ?></div>  
      </div>
      </div>
      
      </body>
    </html>
    
    Notice how I can see you'r PHP... :o
Sign In or Register to comment.