Customization Attn tomw

Discussion in 'General' started by 1970Forest, Feb 16, 2012.

Thread Status:
Not open for further replies.
  1. 1970Forest

    1970Forest Moderator Staff Member

  2. tomw

    tomw Member

    Yes, this one looks much better. The other one looks like a slingy. :D

    Also needs something else other than the bamboo pen for the letter F.
  3. 1970Forest

    1970Forest Moderator Staff Member

    the good old slinky, just can't beat it.....hehe
  4. CovertPea

    CovertPea Moderator Staff Member

    I like slinkys. I liked the first one (until Tom mentioned the slinky bit)
    The tree part on the 2nd one kinda reminds me of a shark's jaws about to eat the pen.
    Can I join in too? I've been busy with crappy paperwork lately and am really missing my ps doodling.
  5. ishkey

    ishkey Graphics Staff Member

    I'm liking the slinky one maybe with a few adjustments - like move the slinky away a tad, thicken the lines that make the F so it looks more pronounced, move orest right a tad from the pen

    flrd.jpg
    but then you have to remember I like playing with wooden blocks. :confused:
  6. 1970Forest

    1970Forest Moderator Staff Member

    Lady S; by all means, I need all the help I can get.....(y)
    Mr Ish, liking the extended F
    Was thinking that the pen is where the work is needed, so that there should be a wavey line or something there?
  7. 1970Forest

    1970Forest Moderator Staff Member

    here's psd if anyone wants to play?

    Attached Files:

  8. ishkey

    ishkey Graphics Staff Member

    Maybe you should make a copy of the pen, enhance it, overlay in on the original so it looks more like a pen.

    added: you should attach the special font you use when posting a psd file :whistle:
  9. tomw

    tomw Member

    While you guys, and gals, tinkering with the logo I will add a step of building the site (maybe someone with the real expertise will step in and make a better one :p )

    Normally this would be the last step but I will talk about it now since we are not building it as per my other thread.

    For this step we need to upload the files into templates folder where we will use to create the theme for the page layout. As I have mentioned, we will use wfiedler_86 for the theme but the layout will be similar to richbrown.info. To do this we need to modify style.css with the following changes:

    1. Remove the header since it is not needed in the new layout.
    2. Expand the left panel (navigation) to 535px.
    3. Removed headline, span, and paragraph tags but they can be rebuilt later using new specifications from Forest.

    The new style sheet file will look like this:
    HTML:
    html {
    margin:0;
    padding:0;
    }
     
    body {
    margin:0;
    padding:0;
    font: normal 0.75em Arial, Helvetica, sans-serif;
    }
     
    #nav {
    position:fixed;
    top:0;
    left:0;
    width: 535px;
    margin:0;
    background: url('forest.jpg') 0 0 no-repeat;
    background-color:#036803;
    height: 100%;
    opacity:.85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    }
    #nav li a {
    color:#000;
    display: block;
    font-family: Arial Black, sans-serif;
    font-weight: bold;
    text-decoration:none;
    }
    #nav li a:hover, #nav li a.current {
    color: #fff;
    }
    #nav li {
    display: block;
    margin:0;
    font-size:38px;
    list-style-type:none;
    }
     
    #content {
    margin-left: 550px;
    padding:15px;
    }
     
    address {
    font-size: small;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:1.6em;
    padding: 0.25em 0;
    background:#203A52;
    font-style:normal;
    color: #fff;
    text-align:center;
    }
    address a {color: #fff; }
     
    a { color: navy; }
    a:hover { text-decoration: none; }
    

    Next we will modify index.html first by removing the sections that are no longer needed, such as header, and then replacing each section contents with the appropriated PHP codes. For example:
    <title>Your Own Sitename</title> is replaced with
    <?php echo "<title>$this->title</title>\n$this->meta"; ?>
    Save the updated file under the templates folder and name it with extension .php. Here is the current new theme file:
    PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <?php echo "<title>$this->title</title>\n$this->meta"?>
    <link rel="stylesheet" type="text/css" href="templates/forest/css/style.css" media="screen" />
    <!--[if lte IE 6]>
    <style type="text/css">
    #nav { position:absolute; z-index:1; }
    </style>
    <![endif]-->
    </head>
    <body>
     
    <div id="content">
    <?php $this->displayMainContent($this->page); ?>
    </div>
     
    <div id="nav">
    <?php $this->displaySectionContent(0?>
    <ul>
    <?php $this->displayMenu(0,"<li><a current","</a></li>","class=\"current\""); ?>
    </ul>
    <?php echo "<p style=\"color:#fff;font-style:italic;position:absolute;top:650px;left:30px\">$this->slogan</p>" ?>
    </div>
     
    <address>
    <?php echo  $this->lstatus?>
    | Original Design by <a href="http://www.wfiedler-online.de">wfiedler</a>
    </address>
    </body>
    </html>
  10. tomw

    tomw Member

    That's the word I was looking for about the letter: pronounced. Yes, the orest is too close to see the tree (or was it to see the tree too close to the forest ???) You are right CP. That pen does seem like going to be eaten.

    I don't remember I have anything to play with in those days :(
  11. 1970Forest

    1970Forest Moderator Staff Member

    Sorry tomw, I get side-tracked too easily; will get back on track by weekend as only get minutes here and there at mo due to work

    Mr Ish here's the font

    Attached Files:

  12. tomw

    tomw Member

    As I said before, work before play :cool:
  13. tomw

    tomw Member

    Here is the latest look:
    [​IMG]
  14. ishkey

    ishkey Graphics Staff Member

    How about a Forest :rolleyes: of Stylus Pens

    fg logo idea.png
  15. 1970Forest

    1970Forest Moderator Staff Member

    Cheers chaps.
    I kinda like that Mr Ish, can see that growing on me (no pun intended) :rolleyes:
    Tom, nice work. just trying to work out how many page links (titles) there should be?
    I am going to set a-side the time needed to stop holding you up over the weekend, thanks for being patient with me
  16. ishkey

    ishkey Graphics Staff Member

    The term has been coined multi-tasking.
    Work on the logo - insert some copy - add a new page...
    watch it come to life
  17. 1970Forest

    1970Forest Moderator Staff Member

    How would the logo look with; where the o is in forest change that to one of thoses ikkle treepens?
  18. ishkey

    ishkey Graphics Staff Member

    ikkle treepens !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    the nerve - ikkle - he called my treepen forest, ikkle
    don't try to worm your way out of this one
    nope not going to do it

    Attached Files:

  19. 1970Forest

    1970Forest Moderator Staff Member

    Stop it my sides are hurting through laughing now :ROFLMAO:
  20. tomw

    tomw Member

    I too like Mr. Ishkey’s latest. I can see all the trees in the forest. Don’t let them keep on growing though as this will hide some of them. :D

    Forest, just to remember that the left column (navigation) is fixed; if you have too many links, viewing the page with a small monitor might not showing all the page links. However, you can use the site map, which will show up in the content column.
Thread Status:
Not open for further replies.