Board index Discussion Off Topic Discussion

CSS website header

All non-music related discussion goes here
Post a reply
7 posts • Page 1 of 1

CSS website header

Postby Roadkill » Sun Mar 04, 2012 1:14 pm

Im looking for a tutorial in how to make website headers like this, in CSS (no image).
http://sun-dome.com/header.htm (im only interested in the blue/white lines)

What do i google?

..... tutorial.

Any help would be much appreciated!
www.roadkillhq.com
User avatar
Roadkill
Master Sergeant
Master Sergeant
 
Posts: 178
Joined: Fri Oct 19, 2007 7:39 pm
Location: Oslo, Norway

Re: CSS website header

Postby lothario » Sun Mar 11, 2012 8:03 am

Why would you want to create that with css? In the link you provided it is an image (and by far the easiest solution).

I don't know if it's possible to create that particular pattern, but take a look here. You need css3, which is not supported on all browsers.'

http://lea.verou.me/2010/12/checkered-s ... gradients/
User avatar
lothario
General
General
 
Posts: 1894
Joined: Thu Sep 13, 2007 4:11 pm
Location: Copenhagen, Denmark

Re: CSS website header

Postby Roadkill » Sun Mar 11, 2012 11:10 am

I know its usually images that are being used, but i have no idea how to make this in photoshop either. Why i want to do this with css is that todays website contains less and less images, where it can be replaced by code. Look at rounded borders and gradient backgrounds...
I have a feeling that these effects will be more and more code generated, and that images is "yesterday".

However, its really no point if its not supported yet. Thanks for the link man, ill check it out :)
Last edited by Roadkill on Sat May 19, 2012 1:43 am, edited 2 times in total.
www.roadkillhq.com
User avatar
Roadkill
Master Sergeant
Master Sergeant
 
Posts: 178
Joined: Fri Oct 19, 2007 7:39 pm
Location: Oslo, Norway

Re: CSS website header

Postby Jesse Gorter » Sun Mar 11, 2012 2:33 pm

You mean the vertical gradient? That is easy to create in any photo edit program.

Not sure if gradients are supported natively in css yet. It wasn't before (used to be a webdev 2 years ago for 2 years :) )
http://soundcloud.com/jessegorter/
User avatar
Jesse Gorter
Major
Major
 
Posts: 1122
Joined: Sun Mar 23, 2008 7:26 pm

Re: CSS website header

Postby s0ren » Sat May 12, 2012 9:32 pm

Roadkill wrote:I know its usually images that is being used, but i have no idea how to make this in photoshop either. Why i want to do this with css is that todays website contains less and less images, where it can be replaced by code. Look at rounded borders and gradient backgrounds...
I have a feeling that these effects will be more and more code generated, and that images is "yesterday".

However, its really no point if its not supported yet. Thanks for the link man, ill check it out :)

You could do it in SVG then :)
iPhone game, featuring Necronomicon2 :: http://itunes.apple.com/us/app/what-the-flock/id421005889
s0ren
Sergeant 1st Class
Sergeant 1st Class
 
Posts: 104
Joined: Mon Sep 07, 2009 10:54 am

Re: CSS website header

Postby Highvoltage » Sun May 13, 2012 10:26 am

if all else fails, i can do that for you in PS. or Corel. or Illustrator. or with paintbrush attached to my cock.
User avatar
Highvoltage
Lieutenant Colonel
Lieutenant Colonel
 
Posts: 2076
Joined: Sun Sep 16, 2007 1:57 pm
Location: pécs, hungary

Re: CSS website header

Postby Aquila » Sun May 13, 2012 1:20 pm

Highvoltage wrote:with paintbrush attached to my cock.


Image
Est. 1981
User avatar
Aquila
Lieutenant Colonel
Lieutenant Colonel
 
Posts: 1619
Joined: Fri Sep 14, 2007 9:26 am
Location: Cairns, Australia

7 posts • Page 1 of 1
Post a reply

Who is online

Users browsing this forum: No registered users and 1 guest

cron