OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

Header banner ideas please

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> General Web Development >> Header banner ideas please
Page: [1]
 
 
vision2000

 

Posts: 541
From: USA
Status: offline

 
Header banner ideas please - 10/22/2004 12:37:53   
Hi,

Where can I find the background that matches this image, so I can create a simlar header image?

http://www.ihost-websites.com/robert/cover.htm

Other ideas appreciated.

Thank you
Herman
jaybee

 

Posts: 14436
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Header banner ideas please - 10/23/2004 6:45:29   
Take a look in


http://www.grsites.com/

http://www.aaa-banners.com/

http://www.free-backgrounds.com


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to vision2000)
d a v e

 

Posts: 4414
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Header banner ideas please - 10/23/2004 8:26:13   
looks like you could easily recreate i with grtadients and lines in a web illustration app.

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
vision2000

 

Posts: 541
From: USA
Status: offline

 
RE: Header banner ideas please - 10/27/2004 11:07:44   
Thanks for the tips - they were very helpful

Question:
How can I get a banner to fill the page (left to right) when I set my page at 100% width (liquid design)?

My banner is 800 pixels but still won't fill the page - I would like it to stretch WITH the page to fill users different screen resolutions.

(in reply to d a v e)
Nigel

 

Posts: 383
Joined: 7/24/2002
From: Wirral - UK
Status: offline

 
RE: Header banner ideas please - 10/27/2004 11:09:12   
Make it the background image and set the table width to 100%.

Nigel

_____________________________

Innerview
Web Design - Virtual Tours - 360 Panoramas - Shopping carts

(in reply to vision2000)
vision2000

 

Posts: 541
From: USA
Status: offline

 
RE: Header banner ideas please - 10/27/2004 11:58:20   
Thanks...I placed it in a style sheet (aligned right) tried that but this is what I get:

http://ihost-websites.com/mv/index3.htm

When I look at 768x1024 its worse.

I am trying duplicate the effect I created in the web site image below the banner.

(in reply to Nigel)
jaybee

 

Posts: 14436
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Header banner ideas please - 10/28/2004 5:54:17   
without seeing the contents of fred.css it's a bit difficult to help.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to vision2000)
Giomanach

 

Posts: 6191
Joined: 11/19/2003
From: England
Status: offline

 
RE: Header banner ideas please - 10/28/2004 8:07:00   
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; font-weight: normal}

.H2 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight: normal}

.textsmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}

.H1 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #000000}

.navbar {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold}

.main a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0000FF; font-weight: bold}

.main a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0000FF; font-weight: bold}

.main a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF0000; font-weight: bold}

.main a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF0000; font-weight: bold}

.navbar a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}

.navbar a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}

.navbar a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CCCC99}

.navbar a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFF99}

.H3 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #336666}

.textsmallred {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}

.textsmallwhite {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF}

.textwhite {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #FFFFFF}

.textred {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF0000}

.textbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000}

.textredbold {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #990033}

a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; text-decoration: underline}

a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0000FF; text-decoration: none}

a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0000FF; text-decoration: none}

a:hover{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF0000; text-decoration: underline}

a:active{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FF0000; text-decoration: none}

.textsmallblackbold {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}

.textwhitebolder {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF}

.textvsmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}

.boxright {  float: right; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px}

.boxleft {  float: left; clear: left; margin-right: 10px}
.leftfloat {  float: left}

.textsmallredbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000}

.textvsmallblackbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000}

.greenlarge {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #336666}

.bg {  background-image: url(bgtorquoise3.jpg); background-repeat: no-repeat; background-position: right top}

.textitalic {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic; color: #000000}
.bgleft {  background-repeat: no-repeat; background-position: left top}

Fred.css ^^

You need to set the margins, just at the following to your CSS stylsheet:

html, body{
margin: 0;
}

:)

_____________________________




(in reply to jaybee)
vision2000

 

Posts: 541
From: USA
Status: offline

 
RE: Header banner ideas please - 10/28/2004 9:10:49   
Thanks - how about this:

http://ihost-websites.com/mv/index.shtml

I created a table with 2 columns, then placed one bg image in CSS floating right, then placed the house image in the left table cell.

Let me know if there is a better way to do this.

Herman

(in reply to Giomanach)
d a v e

 

Posts: 4414
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Header banner ideas please - 10/28/2004 9:12:14   
http://ihost-websites.com/mv/hf.jpg looks blurry, go back to the original artwork and save it as a gif

_____________________________

David Prescott
Gekko web design

(in reply to vision2000)
vision2000

 

Posts: 541
From: USA
Status: offline

 
RE: Header banner ideas please - 10/28/2004 9:43:57   
Thanks for the feedback:
look again with the gif: http://ihost-websites.com/mv/index.shtml

Still blurry I think..problem is I enlarged a 160x44 jpeg to a 310x83 gif.

Is there any then to tidy it up so it is not blurry?.. otherwise I'll leave it with this blurry effect.

(in reply to d a v e)
d a v e

 

Posts: 4414
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Header banner ideas please - 10/28/2004 10:18:49   
what font is it in? i can redo it for you at that size - if i haven't got that font i you can send it to me.

_____________________________

David Prescott
Gekko web design

(in reply to vision2000)
vision2000

 

Posts: 541
From: USA
Status: offline

 
RE: Header banner ideas please - 10/28/2004 10:38:38   
Wow..thanks Dave..I did not create the image so I don't have the font..but person wants it enlarged in header of site..as shown.

Here's the original image (top) and my enlarged gif version.

http://www.ihost-websites.com/mv/images.htm

If you can make something with these..great..if too much trouble..I understand...then that's ok also.

Herman

(in reply to d a v e)
d a v e

 

Posts: 4414
Joined: 7/24/2002
From: England (but live in Finland now)
Status: offline

 
RE: Header banner ideas please - 10/28/2004 13:04:13   
this is the gif (same size as one on page)

i'll post a link to the original fireworks document and a photoshop doc as well later this evening - useful if you have more changes at a later date


Thumbnail Image
:)

Attachment (1)

_____________________________

David Prescott
Gekko web design

(in reply to vision2000)
vision2000

 

Posts: 541
From: USA
Status: offline

 
RE: Header banner ideas please - 10/28/2004 13:59:09   
GREAT Dave!

Looks much better:
http://www.ihost-websites.com/mv/

Now, is there a tutorial on how do it for fireworks (or PS), so I don't have to ask again in future?

Truely appreciate your help on this.

Herman

(in reply to d a v e)
Page:   [1]

All Forums >> Web Development >> General Web Development >> Header banner ideas please
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts