HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Thanks Vanilla

Hi guys,
I have newly started my vanilla forum. It is about all sort of Coffee Resources. Please comment and see if anything I could improve?
Thanks Heaps!

«1

Comments

  • oh, forgot about the website: www.coffeepig.com.au

  • TamaTama United Kingdom ✭✭✭
    edited September 2013

    Could we have a link to look at your site :)

    Edit :

    There was an error rendering this rich post.

  • Hee, added, we posted at the same time but mine one come first! lol

  • Thanks Tama, I am adding it now

  • I would theme it a bit more, that blue doesn't work well with food and drink.

    I would get more coffee in your design, but not overcomplicated.

    grep is your friend.

  • Yes x00, the next steps indeed I need to work on the theme, I purchased vanilla beans theme but doesn't work well on the current version. So now I am trying to DIY on own one but shame that I got only basic html knowledge, it seems that long to get there. Also, it looks like there is not many new theme to be downloaded or purchased.

  • R_JR_J Ex-Fanboy Munich Admin

    I agree that there's more theming to do: the brown color of your banner has a poor contrast to vanillas blue background

    If you want to do it yourself, I'd recommend to take a look at the Annotated theme
    From the existing themes, the Redwood theme might be good theme? (It might even look disgusting with your existing colors - I can't rely on my sense for aesthetics)
    I personally like the geometry of the Fruit and the Go theme very much

    Cream and brown colors would fit perfectly to your site! You can go and get some inspiration from artwork at deviantart or dribbble. Maybe you'll even find a graphic that you can use with the artists permission...

    I like that: http://www.deviantart.com/art/coffee-and-cream-5249982

  • I think the redwood theme is for somethign else, I would say something lighter.

    grep is your friend.

  • Thanks R_J for so details suggestions, LOVE YA! But I agree with x00 that I won't use redwood to keep it simple. I am trying annotated theme and change the colour, hopefully will get it done asap

  • R_JR_J Ex-Fanboy Munich Admin

    I fully trust in my girlfriend when it comes to design and decoration questions and you know why, now...
    Have you seen that there are color palettes on dribbble? That one looks coffee-ish.
    That tool could help you get a color palette from existing pictures you want to use: http://www.cssdrive.com/imagepalette/

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited September 2013

    @coffeepig I started a custom.css file for you with some better colors used the logo as a guide for the pallet. These are the main areas to edit. But you can get an idea from this. Just paste this into a css file or create a new custom.css file for the default theme.

    #Head {
    background: #9C8052;
    padding: 0;
    }
    
    .Box {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background:#9C8052;
    color:#ccc;
    padding: 6px 10px;
    margin: 0 0 10px;
    box-shadow: 0px 0px 2px #999;
    -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 2px #999;
    }
    
    .MessageForm, .Tabs, .Headings {
    display: block;
    border-bottom: 1px solid #666;
    padding: 5px 8px;
    margin: 0;
    background:#9C8052;
    position: relative;
    }
    .Foot {
    border-bottom: 1px solid #666;
    padding: 6px;
    background:#9C8052;
    text-align: right;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    }
    
    a {
    text-decoration: none;
    color:#fff;
    }
    .DataList .Meta a.Category {
    background:#9C8052;
    padding: 2px 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    }
    .PanelInfo li {
    background:#9E9586;
    border-bottom: 1px solid #666;
    }
    .PanelInfo .Active {
    background:#fff;
    border-bottom: 1px solid #666;
    }
    body {
    color: #000;
    font-family: 'lucida grande','Lucida Sans Unicode',tahoma,sans-serif;
    font-size: 75%;
    line-height: 1.7em;
    background:#BDB09B;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: small;
    }
    .TabLink, .TabLink:link, .TabLink:hover, .TabLink:active, .TabLink:visited {
    margin: 0;
    border: 1px solid #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background:#826A44;
    display: inline;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 2.6;
    white-space: nowrap;
    }
    .TabLink:hover{
    background:#BDB09B;
    }
    
  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited September 2013

    I also recommend to get rid of Minify .... If you use my theme Glass, you can simply change the background to change the whole look and it would go with the coffee theme too.

    http://vanillaforums.org/addon/glass-theme

  • The "pig" part of the brand is understated. The name is a fun, playful. You have "like pig in mud", and coffee is a bit like mud.

    grep is your friend.

  • How would a pig drink coffee? Without burning its snout? Probably could use a straw, use its front trotters for a bit of purchase on the mug.

    grep is your friend.

  • vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited September 2013

    I for one am addicted to coffee :) only once a day in the morning , but if you ask anyone about Turkish coffee they a will say it is muddy for sure !!

  • Greek coffee is also muddy at the bottom but you don't drink that bit.

    grep is your friend.

  • phreakphreak Vanilla*APP (White Label) & Vanilla*Skins Shop MVP

    @coffepig: Do also check my site VanillaSkins.com for Themes. Themes are low priced, might be an option for you. Good luck!

    • VanillaAPP | iOS & Android App for Vanilla - White label app for Vanilla Forums OS
    • VanillaSkins | Plugins, Themes, Graphics and Custom Development for Vanilla
  • Thanks a lot!!! I like it

    @vrijvlinder said:
    coffeepig I started a custom.css file for you with some better colors used the logo as a guide for the pallet. These are the main areas to edit. But you can get an idea from this. Just paste this into a css file or create a new custom.css file for the default theme.

    #Head {
    background: #9C8052;
    padding: 0;
    }
    
    .Box {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    background:#9C8052;
    color:#ccc;
    padding: 6px 10px;
    margin: 0 0 10px;
    box-shadow: 0px 0px 2px #999;
    -moz-box-shadow: 0px 0px 2px #999;
    -webkit-box-shadow: 0px 0px 2px #999;
    }
    
    .MessageForm, .Tabs, .Headings {
    display: block;
    border-bottom: 1px solid #666;
    padding: 5px 8px;
    margin: 0;
    background:#9C8052;
    position: relative;
    }
    .Foot {
    border-bottom: 1px solid #666;
    padding: 6px;
    background:#9C8052;
    text-align: right;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    }
    
    a {
    text-decoration: none;
    color:#fff;
    }
    .DataList .Meta a.Category {
    background:#9C8052;
    padding: 2px 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    }
    .PanelInfo li {
    background:#9E9586;
    border-bottom: 1px solid #666;
    }
    .PanelInfo .Active {
    background:#fff;
    border-bottom: 1px solid #666;
    }
    body {
    color: #000;
    font-family: 'lucida grande','Lucida Sans Unicode',tahoma,sans-serif;
    font-size: 75%;
    line-height: 1.7em;
    background:#BDB09B;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: small;
    }
    .TabLink, .TabLink:link, .TabLink:hover, .TabLink:active, .TabLink:visited {
    margin: 0;
    border: 1px solid #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background:#826A44;
    display: inline;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 2.6;
    white-space: nowrap;
    }
    .TabLink:hover{
    background:#BDB09B;
    }
    
  • I love your themes so much especially "Press theme" but a little bit worried about it doesn't work together with some addon

    @phreak said:
    coffepig: Do also check my site VanillaSkins.com for Themes. Themes are low priced, might be an option for you. Good luck!

  • Hi phreak, I purchased the theme from your website, but how can I download it??

Sign In or Register to comment.