Woot!... CSS house

  • veedee
  • Graduate
  • Graduate
  • User avatar
  • Joined: Jul 09, 2004
  • Posts: 110
  • Status: Offline

Post July 30th, 2004, 6:18 pm

Awesome house made with CSS (CSS and html ONLY I i think).... !

http://www.designdetector.com/tips/3DBorderDemo2.html

How to do that? :shock:
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post July 30th, 2004, 6:18 pm

  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post July 30th, 2004, 6:33 pm

damn, lol

well the source is all there, and the css is in the html file. It is pretty lengthy, I damn sure wouldn't want to try it
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post July 31st, 2004, 3:57 am

veedee wrote:
Awesome house made with CSS (CSS and html ONLY I i think).... !

http://www.designdetector.com/tips/3DBorderDemo2.html

How to do that? :shock:



Not tha difficult really. You use position:absolute; to place everything, and then different coloured borders to create the 3d effect. The house thing is quite common, i've seen it done in a few places.

Now, if you think that is impressive, try the css pencils demo by the same guy :)
CSS website design tutorials
  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post July 31st, 2004, 8:19 am

that is really good too, only it is quite small
  • Bobbo171
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Jun 27, 2004
  • Posts: 174
  • Status: Offline

Post July 31st, 2004, 9:18 am

Vladdrac wrote:
that is really good too, only it is quite small


if you go to the php CSS colored pencil one, you can zoom it

http://www.designdetector.com/tips/phpcsspencils.php
  • darksat
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jul 06, 2004
  • Posts: 487
  • Loc: London (via the rest of the world)
  • Status: Offline

Post August 2nd, 2004, 7:03 am

I could do that if I gave up my social life.
Darksats IT Forum, for all your IT Security and SEO needs
  • cjxxi
  • Expert
  • Expert
  • No Avatar
  • Joined: Aug 02, 2004
  • Posts: 564
  • Loc: Fort Worth, TX
  • Status: Offline

Post August 2nd, 2004, 8:09 am

Dont's worry guys! i think no one is
going to do that... and so perfect..
these are generate by programs sush as
microsoft word I, seen it in 2003 version.
i don't know how he did it any ways.






http://networklatino.com
  • FusionDesigner
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jan 12, 2004
  • Posts: 282
  • Status: Offline

Post August 2nd, 2004, 8:13 am

Strange people.
  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post August 2nd, 2004, 11:29 am

microsoft word? what?
  • veedee
  • Graduate
  • Graduate
  • User avatar
  • Joined: Jul 09, 2004
  • Posts: 110
  • Status: Offline

Post August 3rd, 2004, 10:21 am

can do it with microsoft word 2003 ???
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post August 3rd, 2004, 10:36 am

cjxxi wrote:
Dont's worry guys! i think no one is
going to do that... and so perfect..
these are generate by programs sush as
microsoft word I, seen it in 2003 version.
i don't know how he did it any ways.

house: hand coded, you could do it in 20 mins if you really knew what you were doing.

pencils: Yeah cause word outputs custom javascript and php code :roll: the colours would have been sampled with a <b>custom</b> program to create an array, but the base styles would have been hand written then hard-coded into a php/javascript loop.
CSS website design tutorials
  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post August 3rd, 2004, 11:56 am

I could see how it would be done now, cause when you zoom in it is nothing but css pixels (cixels?). All one would have to do is get a photo they had or perhaps a drawing, and pixelate it a little in photoshop, then just place the divs accordingly. If it was a large picture it would take quite a while.
  • Uzzo
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Feb 10, 2004
  • Posts: 136
  • Loc: London
  • Status: Offline

Post August 3rd, 2004, 12:51 pm

Looks to me like someone was REALLY REALLY bored!

Looks nice though, does show off what CSS can do but come on, has he/she not got something better to do?
  • b_heyer
  • Web Master
  • Web Master
  • User avatar
  • Joined: Jun 15, 2003
  • Posts: 4583
  • Loc: Maryland
  • Status: Offline

Post August 3rd, 2004, 1:36 pm

Actually you could even do this with tables, and just have a whole crapload of 1px by 1px cells, for instance 640 cells accross and 480 cells down, 307200 cells total.

You would need some way of grabbing every pixel of an image one after another with PHP, then placing the color of that pixel as the background color of the cell. Basically you'd need to be able to break apart a image and rebuild it with the information gathered.
Pixel Acres V2
  • Vladdrac
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Feb 04, 2004
  • Posts: 2136
  • Loc: Louisville, Ky
  • Status: Offline

Post August 3rd, 2004, 1:53 pm

oh cool, so your going to do this for us? can't wait! lol. j/k man
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 3rd, 2004, 1:53 pm

Post Information

  • Total Posts in this topic: 26 posts
  • Users browsing this forum: No registered users and 217 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.