Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

Looking for style suggestions

edited April 2011 in Vanilla 2.0 - 2.8
I am in the early design phases of a site design based on Vanilla2... please tell me what you think of the layout: http://www.groundies.com

Comments

  • Options
    it look nice but it can be more professional, I think verdana is the best font font which increases readability of web pages.I wonder how did you change your banner + navigation links in your site? Could you share that piece of code pls? here is my Q & A forum : http://www.herkesuzman.com
  • Options
    Thanks for the suggestion... I changed the font, and I think it looks better. I also removed the backgrounds from the voting boxes for a cleaner look.

    Most of the things that I have changed have been through CSS... let me know what elements you would like code for.... or you can inspect the elements with something like Firebug.

    Any more suggestions? I am no good at design : /
  • Options
    yep, it looks better now.may be bigger fonts for voting plugin should be better.
    For example how did you add top-right link into your banner?,
    And how did you move navigation links to right hand side?
  • Options
    For the top right link (and the top left link)..
    I started with a div (#Head)... this div has a background set, which is the banner image
    Then I add the links I want within this div:
    <a id="GroundiesLink" href="{link path="/"}"></a> <a id="MSLink" href="http://www.nationalmssociety.org/" target="_blank"></a>
    (This is done in default.master.tpl)

    Then using CSS, I make the links block elements of a certain size in a certain position:
    #MSLink { position: absolute; top: 0px; right: 0px; width: 250px; height: 80px; display: block; }

    To move the navigation links, it is the same type of CSS:

    div.Menu { bottom: 1px; margin: 0; max-width: 425px; padding: 0; position: absolute; right: 0; text-align: right; }
  • Options
    I made the voting text larger btw
Sign In or Register to comment.