topbanner_forum
  *

avatar image

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
  • Friday March 29, 2024, 6:52 am
  • Proudly celebrating 15+ years online.
  • Donate now to become a lifetime supporting member of the site and get a non-expiring license key for all of our programs.
  • donate

Last post Author Topic: Contest - Make a new Banner for Website  (Read 145575 times)

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,896
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #150 on: May 28, 2006, 01:38 AM »
another possibility for alternative to the $ would be just another balloon with 01010111

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #151 on: May 28, 2006, 05:00 AM »
a few edits...

images removed to edit the 'space' see below for new post...
« Last Edit: May 28, 2006, 05:46 AM by nudone »

momonan

  • Charter Member
  • Joined in 2005
  • ***
  • Posts: 227
    • View Profile
    • Read more about this member.
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #152 on: May 28, 2006, 05:15 AM »
@nudone:  As long as you're editing, shouldn't the space come out between donation and coder?

@mouser:  Any change you plan to put up a page with thumbnails to make it easier to compare examples?
When you can't be a good example, then you'll just have to be a horrible warning - Catherine Aird

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #153 on: May 28, 2006, 05:37 AM »
@nudone:  As long as you're editing, shouldn't the space come out between donation and coder?

@mouser:  Any change you plan to put up a page with thumbnails to make it easier to compare examples?

whoops. good point about the space. wasn't thinking straight.

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #154 on: May 28, 2006, 05:48 AM »
a few edits (again)...

jgpaiva

  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 4,727
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #155 on: May 28, 2006, 06:23 AM »
I think topbanner_website_world_02.png looks very good!  :Thmbsup:
This is fantastic, the banner itself has a great description of the site!
Though, now that i look better, i also like topbanner_website_keys_02.png :D
Fantastic!

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #156 on: May 28, 2006, 07:17 AM »
a slight variation and symbols slightly adjusted.

jgpaiva

  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 4,727
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #157 on: May 28, 2006, 07:24 AM »
 ;D I could only notice the difference when opening in 2 new windows and fast-switching between them ;)
For me, there's a small issue. Although almost all submissions have this, I think it's a bit strange to have the 3d effect on the cuttout and not on the borders, it looks a bit awkward for the banner to suddenly end on the other borders. I hope I can express myself correctly, does anyone see what i mean?

[edit]Oh, i didn't say, i do like the new version more than the older one ;) [/edit]
« Last Edit: May 28, 2006, 10:03 AM by jgpaiva »

Carol Haynes

  • Waffles for England (patent pending)
  • Global Moderator
  • Joined in 2005
  • *****
  • Posts: 8,066
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #158 on: May 28, 2006, 07:49 AM »
I see what you mean - I also think the 3D lower edge should continue from edge to edge. The left edge needs a shadow (as the light is coming from top right) but the right edge needs to be seen hi-lighted in 3D (and possibly the top edge too) to give the object enough thickness to actually cast a shadow.

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #159 on: May 28, 2006, 09:12 AM »
i'll do the edits - most of what i've done so far has just been influened from what banners have gone before so 3D accuracy hasn't really been taken into much consideration.

the light source is coming from the top left for all effects by the way - even if it doesn't look like that for the cut out.

but i have to say now that i look at it the cut out shadow doesn't even look like a shadow - it looks like a weird grey edge.

i shall try a more obvious 3D banner later.

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #160 on: May 28, 2006, 09:18 AM »
another problem is that i've been viewing these banners in isolation instead of how they will actually look when on the web page - the 3D issues you've both mentioned really do look odd now.

that's a lesson learnt - so now i'll be doing my tests with a dummy page in place.

jgpaiva

  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 4,727
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #161 on: May 28, 2006, 10:23 AM »
another problem is that i've been viewing these banners in isolation instead of how they will actually look when on the web page - the 3D issues you've both mentioned really do look odd now.

that's a lesson learnt - so now i'll be doing my tests with a dummy page in place.
I think another important issue here, is the colour combination. This is a question for mouser: The colours can be changed in order to mach the colors of the banners, right?

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #162 on: May 28, 2006, 10:31 AM »
i'm guessing that the colours can't be changed on the forum (as there wasn't a reply when i asked) - that's another reason with why i've gone with what has gone before, i.e. i've gone for the same colours in the original donationcoder banner. these don't actually match the rest of the site if we are being pedantic but it seems okay so far.

slave138

  • Charter Member
  • Joined in 2006
  • ***
  • Posts: 12
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #163 on: May 28, 2006, 11:18 AM »
updated the test page with all latest banners:
https://www.donation...com/Contests/banner/

Actually, you missed my 'birds' one from page 3...
~slave138

Carol Haynes

  • Waffles for England (patent pending)
  • Global Moderator
  • Joined in 2005
  • *****
  • Posts: 8,066
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #164 on: May 28, 2006, 12:07 PM »
Actually SMF forums can have different styles applied - not sure how easy it is to specify colours but it shouldn't be rocket science.

Carol Haynes

  • Waffles for England (patent pending)
  • Global Moderator
  • Joined in 2005
  • *****
  • Posts: 8,066
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #165 on: May 28, 2006, 12:13 PM »
Just checked and actually it is very easy to change the forum colours (you just have to specify the hex values for all the items) thus:

/* Normal, standard links. */
a:link
{
   color: #000000;
   text-decoration: underline;
}
a:visited, a:hover
{
   color: #323232;
   text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
   color: #000000;
   text-decoration: none;
}
a.nav:hover
{
   font-weight: bold;
   color: #cc3333;
   text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
   empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td, th
{
   color: #000000;
   font-size: small;
   font-family: tahoma, sans-serif;
}

/* The main body of the entire forum. */
body
{
   background-color: white;
   margin: 0px;
   padding: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   font-size: 9pt;
   color: #000000;
   font-family: tahoma, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
   font-size: 8pt;
   font-weight: normal;
   color: #000000;
   font-family: tahoma, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
   height: 1px;
   border: 0;
   color: #666666;
   background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote
{
   color: #000000;
   background-color: #C3B8D0;
   border: 1px solid #000000;
   margin: 1px;
   padding: 1px;
   font-size: x-small;
   line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
   color: #000000;
   background-color: #cccccc;
   font-family: "courier new", "times new roman", monospace;
   font-size: x-small;
   line-height: 1.3em;
   /* Put a nice border around it. */
   border: 1px solid #000000;
   margin: 1px auto 1px auto;
   padding: 1px;
   width: 99%;
   /* Don't wrap its contents, and show scrollbars. */
   white-space: nowrap;
   overflow: auto;
   /* Stop after about 24 lines, and just show a scrollbar. */
   max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
   color: #000000;
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
   font-size: x-small;
   line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
   cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
   color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
   width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
   background-color: yellow;
   font-weight: bold;
   color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
   color: #000000;
   background-color: #E1E1E1;
}
.windowbg2
{
   color: #000000;
   background-color: #F0F0F0;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg a:link, .titlebg a:visited, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, .titlebg2 a:link, .titlebg2 a:visited
{
   color: white;
   font-style: normal;
   background-color: #6B8EAE;
}
.titlebg a:hover, .titlebg2 a:hover
{
   color: #dfdfdf;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, .catbg3
{
   background-image: url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
   background-image: url(images/catbg2.jpg);
}

.catbg, .catbg2, .catbg3
{
   font-weight: bold;
   background-color: silver;
   color: #000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
   background-color: #828181;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
   border: 1px solid #828181;
   background-color: #FFFFFF;
   padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
   font-size: x-small;
   font-family: tahoma, sans-serif;
}
.normaltext
{
   font-size: small;
}
.largetext
{
   font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
   background-color: white;
   border-bottom: 1px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
   background-color: #D4D4D4;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
   color: black;
   background-color: white;
   border-top: 1px solid gray;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
   background-color: #6B8EAE;
   border: 1px solid #6B8EAE;
   height: 12px;
}
.headerbodies
{
   border: 1px solid #7A7777;
   background-color: #EFEFEF;
   background-repeat: repeat-x;
   background-position: bottom;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
   width: 100%;
   overflow: auto;
   line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
   width: 100%;
   overflow: auto;
   padding-bottom: 3px;
   line-height: 1.3em;
}
/* No image should have a border when linked */
a img{
   border: 0;
}

By the way these aren't the settings for this forum - I can't acces sthat page, but they are from my own SMF forum (which isn't live yet - I'm too lazy/busy to get my website sorted out at the moment.
« Last Edit: May 28, 2006, 12:16 PM by Carol Haynes »

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #166 on: May 28, 2006, 12:16 PM »
that's good news then. nice work, Carol.

f0dder

  • Charter Honorary Member
  • Joined in 2005
  • ***
  • Posts: 9,153
  • [Well, THAT escalated quickly!]
    • View Profile
    • f0dder's place
    • Read more about this member.
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #167 on: May 28, 2006, 12:27 PM »
SMF supports "themes", that might be worth looking into... users can even choose their own theme. So, I guess the top X best logos could be chosen, and each logo could have it's own theme?
- carpe noctem

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #168 on: May 28, 2006, 12:40 PM »
SMF supports "themes", that might be worth looking into... users can even choose their own theme. So, I guess the top X best logos could be chosen, and each logo could have it's own theme?


sounds kinda cool.

here's the latest 'world' version - i think it's the best so far.

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #169 on: May 28, 2006, 12:44 PM »
i'm wondering does the 'heart' symbol make things look like a online dating agency?

mouser

  • First Author
  • Administrator
  • Joined in 2005
  • *****
  • Posts: 40,896
    • View Profile
    • Mouser's Software Zone on DonationCoder.com
    • Read more about this member.
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #170 on: May 28, 2006, 12:47 PM »
nudone i need a version without text in the tab area :)
then ill add the latest to the demo page (https://www.donation...com/Contests/banner/).

and maybe we need that bottom black shadow on bottom as well?
OR maybe i can just put a hairline black border around the entire top banner


jgpaiva

  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 4,727
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #171 on: May 28, 2006, 12:47 PM »
 :Thmbsup: :Thmbsup:
I love the new 3d look on the balloons and characters! That looks sooo good!
And the forum one looks perfect :D

Only one suggestion: I think this might make sense in a forum page, but shouldn't the shadow on the left edge not be there?

I must say this is now one of my favourite submissions to this contest :D

(BTW... will there be only one winner? :( I like the idea of having more than one theme, like selectable in the profile or something, but i think this might be too much work...)

app103

  • That scary taskbar girl
  • Global Moderator
  • Joined in 2006
  • *****
  • Posts: 5,884
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #172 on: May 28, 2006, 12:54 PM »
I wouldn't mind seeing a different great banner everytime I visited the site...at least on the forums.

Random rotation of the best ones, maybe?

nudone

  • Cody's Creator
  • Columnist
  • Joined in 2005
  • ***
  • Posts: 4,119
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #173 on: May 28, 2006, 12:55 PM »
whoops, sorry about the text, i was using it to get things lined up right.

mouser, not sure what you mean about a bottom black shadow - if you explain then i'll add it.

i tried putting a hairline black border around the entire banner - as this it what all the other boxes are like on the forum - the problem is you can't do this when using the 'sliver' image to tile the banner edge - so i scrapped that idea.

jgpaiva, i put the shadow on the left edge because i thought that's what you and Carol were recommending to do.

the shadow on the border is something that i'm now thinking ought to be removed altogether ???????????????????????

Carol Haynes

  • Waffles for England (patent pending)
  • Global Moderator
  • Joined in 2005
  • *****
  • Posts: 8,066
    • View Profile
    • Donate to Member
Re: Contest - Make a new Banner for Website
« Reply #174 on: May 28, 2006, 12:57 PM »
I think it would be fairly easy to have a cycling set of banners that change and that allow the colours to be changed to match. There is no reason why a global variable couldn't be used to hold the current banner and then a 'switch' type structure used in the above functions to select the forum palette ...

Whether Mouser actually wants to do this is for him to comment ;)