Welcome Guest.   Make a donation to an author on the site November 23, 2014, 01:56:37 PM  *

Please login or register.
Or did you miss your validation email?


Login with username and password (forgot your password?)
Why not become a lifetime supporting member of the site with a one-time donation of any amount? Your donation entitles you to a ton of additional benefits, including access to exclusive discounts and downloads, the ability to enter monthly free software drawings, and a single non-expiring license key for all of our programs.


You must sign up here before you can post and access some areas of the site. Registration is totally free and confidential.
 
Your Support Funds this Site: View the Supporter Yearbook.
   
   Forum Home   Thread Marks Chat! Downloads Search Login Register  
Pages: Prev 1 2 3 4 5 6 [7] 8 9 Next   Go Down
  Reply  |  New Topic  |  Print  
Author Topic: Contest - Make a new Banner for Website  (Read 73476 times)
mouser
First Author
Administrator
*****
Posts: 33,692



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #150 on: May 28, 2006, 01:38:01 AM »

another possibility for alternative to the $ would be just another balloon with 01010111
Logged
nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #151 on: May 28, 2006, 05:00:26 AM »

a few edits...

images removed to edit the 'space' see below for new post...
« Last Edit: May 28, 2006, 05:46:26 AM by nudone » Logged
momonan
Charter Member
***
Posts: 227


see users location on a map View Profile Read user's biography. Give some DonationCredits to this forum member
« Reply #152 on: May 28, 2006, 05:15:48 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?
Logged

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
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #153 on: May 28, 2006, 05:37:17 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.
Logged
nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #154 on: May 28, 2006, 05:48:18 AM »

a few edits (again)...


* topbanner_website_keys_02.png (94.38 KB, 748x132 - viewed 156 times.)

* topbanner_forum_keys_02.png (25.05 KB, 618x41 - viewed 161 times.)

* topbanner_website_world_02.png (71.44 KB, 748x132 - viewed 171 times.)

* topbanner_forum_world_02.png (26.89 KB, 618x41 - viewed 156 times.)

* topbanner_website_talk_02.png (70.22 KB, 748x132 - viewed 155 times.)

* topbanner_forum_talk_02.png (29.2 KB, 618x41 - viewed 165 times.)

* topbanner_website_talk_03.png (67.68 KB, 748x132 - viewed 166 times.)
Logged
jgpaiva
Global Moderator
*****
Posts: 4,711



Artificial Idiocy

see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #155 on: May 28, 2006, 06:23:50 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 cheesy
Fantastic!
Logged

nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #156 on: May 28, 2006, 07:17:29 AM »

a slight variation and symbols slightly adjusted.


* topbanner_website_world_03.png (64.64 KB, 748x132 - viewed 152 times.)
Logged
jgpaiva
Global Moderator
*****
Posts: 4,711



Artificial Idiocy

see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #157 on: May 28, 2006, 07:24:46 AM »

 Grin I could only notice the difference when opening in 2 new windows and fast-switching between them Wink
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 Wink [/edit]
« Last Edit: May 28, 2006, 10:03:28 AM by jgpaiva » Logged

Carol Haynes
Waffles for England (patent pending)
Global Moderator
*****
Posts: 7,958



see users location on a map View Profile WWW Give some DonationCredits to this forum member
« Reply #158 on: May 28, 2006, 07:49:07 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.
Logged

nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #159 on: May 28, 2006, 09:12:00 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.
Logged
nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #160 on: May 28, 2006, 09:18:25 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.
Logged
jgpaiva
Global Moderator
*****
Posts: 4,711



Artificial Idiocy

see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #161 on: May 28, 2006, 10:23:31 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?
Logged

nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #162 on: May 28, 2006, 10:31:54 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.
Logged
slave138
Charter Member
***
Posts: 12


View Profile Give some DonationCredits to this forum member
« Reply #163 on: May 28, 2006, 11:18:47 AM »

updated the test page with all latest banners:
http://www.donationcoder.com/Contests/banner/

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

~slave138
Carol Haynes
Waffles for England (patent pending)
Global Moderator
*****
Posts: 7,958



see users location on a map View Profile WWW Give some DonationCredits to this forum member
« Reply #164 on: May 28, 2006, 12:07: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.
Logged

Carol Haynes
Waffles for England (patent pending)
Global Moderator
*****
Posts: 7,958



see users location on a map View Profile WWW Give some DonationCredits to this forum member
« Reply #165 on: May 28, 2006, 12:13:33 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:

[copy or print]
/* 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:12 PM by Carol Haynes » Logged

nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #166 on: May 28, 2006, 12:16:14 PM »

that's good news then. nice work, Carol.
Logged
f0dder
Charter Honorary Member
***
Posts: 8,774



[Well, THAT escalated quickly!]

see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #167 on: May 28, 2006, 12:27:37 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?
Logged

- carpe noctem
nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #168 on: May 28, 2006, 12:40:38 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.


* topbanner_website_world_04.png (68.06 KB, 748x132 - viewed 291 times.)

* sliver_website_world_04.png (0.19 KB, 1x132 - viewed 256 times.)

* topbanner_forum_world_04.png (27.03 KB, 618x41 - viewed 271 times.)
Logged
nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #169 on: May 28, 2006, 12:44:50 PM »

i'm wondering does the 'heart' symbol make things look like a online dating agency?
Logged
mouser
First Author
Administrator
*****
Posts: 33,692



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #170 on: May 28, 2006, 12:47:06 PM »

nudone i need a version without text in the tab area smiley
then ill add the latest to the demo page (http://www.donationcoder.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

Logged
jgpaiva
Global Moderator
*****
Posts: 4,711



Artificial Idiocy

see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #171 on: May 28, 2006, 12:47:56 PM »

 Thmbsup Thmbsup
I love the new 3d look on the balloons and characters! That looks sooo good!
And the forum one looks perfect cheesy

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 cheesy

(BTW... will there be only one winner? Sad 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...)
Logged

app103
That scary taskbar girl
Global Moderator
*****
Posts: 5,326



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #172 on: May 28, 2006, 12:54:18 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?
Logged

nudone
Cody's Creator
Columnist
***
Posts: 4,116



see users location on a map View Profile WWW Read user's biography. Give some DonationCredits to this forum member
« Reply #173 on: May 28, 2006, 12:55:21 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 ???????????????????????
Logged
Carol Haynes
Waffles for England (patent pending)
Global Moderator
*****
Posts: 7,958



see users location on a map View Profile WWW Give some DonationCredits to this forum member
« Reply #174 on: May 28, 2006, 12:57:46 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 Wink
Logged

Pages: Prev 1 2 3 4 5 6 [7] 8 9 Next   Go Up
  Reply  |  New Topic  |  Print  
 
Jump to:  
   Forum Home   Thread Marks Chat! Downloads Search Login Register  

DonationCoder.com | About Us
DonationCoder.com Forum | Powered by SMF
[ Page time: 0.049s | Server load: 0.07 ]