Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Geek Culture / Css_Art

Author
Message
MrTus
19
Years of Service
User Offline
Joined: 7th Aug 2005
Location: Inside of a TCP/IP Protocal
Posted: 26th Aug 2005 22:28
Link
Ello, I come from the #darkbasic irc channel. Figured I'd post my Css_Art in here as well

Basicly, I've been creating 8bit sprites using Css/Html Coding

Enjoy.

http://65.189.182.202/css_projects/css_fighter1010.htm
http://65.189.182.202/css_projects/css_blackmage1010.htm
http://65.189.182.202/css_projects/css_garland1010.htm
http://65.189.182.202/css_projects/css_thief1010.htm
Back to top
Profile PM Email Website
Eddie Gordo
21
Years of Service
User Offline
Joined: 14th Jan 2003
Location: Ohio - USA
Posted: 26th Aug 2005 22:38
Link
I like garland...now learn a real language like ive been telling you...lol

Who am i...i don't know anymore...its been a long time since ive walked here...
Back to top
Profile PM Email
The Wendigo
22
Years of Service
User Offline
Joined: 13th Sep 2002
Location: A hole near the base of a tree in the US
Posted: 26th Aug 2005 22:45
Link
Haha. Those are awesome! Great job on them! I remmeber when I used to try drawing Yoshi in MS Paint. This has got to be way more work!


Home of DOOP, Strata Works, and Seva. djpeterson83@_!@hotmail.com
Back to top
Profile PM Website
MrTus
19
Years of Service
User Offline
Joined: 7th Aug 2005
Location: Inside of a TCP/IP Protocal
Posted: 26th Aug 2005 22:46
Link
Oh yes indeed alot more work. View the source code
Back to top
Profile PM Email Website
Megaton Cat
21
Years of Service
User Offline
Joined: 24th Aug 2003
Location: Toronto, Canada
Posted: 26th Aug 2005 22:47
Link
Aw man I didn't even know CSS art existed untill now.


The future is here, and I can't afford it.
Back to top
Profile PM Email Website
Jimmy
21
Years of Service
User Offline
Joined: 20th Aug 2003
Location: Back in the USA
Posted: 26th Aug 2005 23:20
Link
Draw me a css zebra!!


Bloggy hoggy doggy
Back to top
Profile PM Website
JoelJ
21
Years of Service
User Offline
Joined: 8th Sep 2003
Location: UTAH
Posted: 26th Aug 2005 23:38
Link
way too much time on your hands...

and i want to see the zebra too
or even better...CHEESE!

"people who wear clothing with tech themes for the purpose of gaining a social label are no different than teenagers who wear large sweatpants to look edgy"
-Wikipedia "Nerd"
Back to top
Profile PM Website
MrTus
19
Years of Service
User Offline
Joined: 7th Aug 2005
Location: Inside of a TCP/IP Protocal
Posted: 27th Aug 2005 03:02
Link
I made another Css_Creation today

http://65.189.182.202/css_projects/css_whitemage1010.htm

Hmm. Zebra? Cheese?

Hrm... Maybe after I finish my 8 Bit Theatre Css Series... Maybe I'll start doing orignal Css Art
Back to top
Profile PM Email Website
Richard Davey
Retired Moderator
22
Years of Service
User Offline
Joined: 30th Apr 2002
Location: On the Jupiter Probe
Posted: 27th Aug 2005 05:55
Link
Heh, cute. I remember I wrote a program in DB Classic many many years ago that would convert BMPs into HTML pages using one table cell per pixel (back when CSS just didn't, well.. work). It worked nicely for little sprites and things, got insane on large images - bit like your CSS version would. You could SO optimise your CSS if you wanted to shave off some serious bytes Try deteching when two or more similar "cells" touch each other horizontally, then change the widths, etc. Wrap the top px in a single div row block, etc.

Cheers,

Rich

A great many people think they are thinking when they are really rearranging their prejudices.
Back to top
Profile PM Email Website
MrTus
19
Years of Service
User Offline
Joined: 7th Aug 2005
Location: Inside of a TCP/IP Protocal
Posted: 27th Aug 2005 06:06
Link
Heh, That would indeed be something with hand coding. And the less bytes the better

So basicly, Would I create a new style to do that with where if I wanted a pixel block the width of 3 of them and go from there?

For example,

.3blackpix {
position:absolute;
width:30px;
height:10px;
text-align:center;
background-color:#000000;
}

For those repeditive blocks
Back to top
Profile PM Email Website
Back to top

Login to post a reply

Server time is: 2024-11-15 16:31:59
Your offset time is: 2024-11-15 16:31:59