Thanks Vanilla

coffeepig

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!

coffeepig

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

Tama

Could we have a link to look at your site

Edit :

• To make avatars more fun and personalized you could use http://vanillaforums.org/addon/vanillicon-plugin

coffeepig

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

coffeepig

Thanks Tama, I am adding it now

x00

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.

coffeepig

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_J

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

x00

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

coffeepig

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_J

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/

vrijvlinder

@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;
}

vrijvlinder

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

x00

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.

x00

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.

vrijvlinder

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 !!

x00

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

phreak

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

coffeepig

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;
}

coffeepig

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!

coffeepig

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