Borders made from graphics, but fluid width and height

This is a discussion on "Borders made from graphics, but fluid width and height" within the Web Page Design section. This forum, and the thread "Borders made from graphics, but fluid width and height are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Aug 17th, 2007, 01:44
Junior Member
Join Date: Aug 2007
Location: England
Posts: 22
Thanks: 0
Thanked 0 Times in 0 Posts
Borders made from graphics, but fluid width and height

Looking at the random pencil border effect at http://www.angrydonuts.com, made me wonder how far you could take CSS when creating border effects that aren't just straight lines. That example uses just CSS. I wanted to do something similar on my site, http://wickedmoon.com, where you see the graphic on the page that looks like smeared pink paint. I would simplify the border of the graphic, so it's more box shaped, with fewer indentations, but still keeping its organic, hand drawn appearance. I want to make that somehow into a CSS border, so the image can stretch to whatever width the user's screen is at. Maybe the graphic would be tiled, but the corners still need to fit somehow so it looks seamless. Any ideas how I can go about doing this and how far organic looking, graphical borders can be taken with CSS?

Jason
Reply With Quote

  #2 (permalink)  
Old Aug 17th, 2007, 11:20
SuperMember

SuperMember
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Borders made from graphics, but fluid width and height

Hey Jason.
The squiggly lines are images so yes you can do this.
Here is a site with tons of ways to do this http://www.smileycat.com/miaow/archives/000044.php
Reply With Quote
Reply

Tags
border, graphic, organic

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS Box of auto width and height? Bolt Web Page Design 2 Apr 14th, 2008 08:20
Tables with 100% width and height Griff Web Page Design 13 Feb 5th, 2008 07:22
Pictures disappearing with correct width and height! ChrisTheSoul Web Page Design 3 Sep 3rd, 2007 21:56
Trouble with form controls. Height, width and all that magnetica Web Page Design 7 Aug 10th, 2007 12:47
Fluid HTML Page with one fixed column width problem melc26 Web Page Design 1 Aug 24th, 2005 21:46


All times are GMT. The time now is 02:19.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43