CSS, got it!

At Last! I understand CSS!

This may come as a surprise to many. Sure, I was doing dynamic CSS back in 2003 when the term hadn't even been invented, and true, corzblog had, afaik, the world's first web tabbed interface, but still, throughout all this time, I really had no clue what I was doing.

I'm a perseverer, is that a word? I tweak stuff until it works. Yeah, I could grasp the basics of classes and what-not, cascadingness, how to create styles, etc., and some fairly nifty stuff got accomplished through pure trial and error, but I didn't really get it.

Now I feel like Neo looking at his body, except in my case it's body text. It all makes sense. And CSS3 is like Desktop Publishing in your web browser. At last we can query the browser for basic stuff like "How big are you?", have multiple background images, and the rest.

So, now that I "know" CSS, I guess I should update the mess of styles that is corz.org. Sheesh! I still haven't got the last update uploaded yet! smiley for :lol: All in good time.

And now that I know it, all sorts of funky stuff is finding their way into my projects, like this nifty trick for an image dropcap I cooked up for corzblog but five minutes ago..

.quote {
	min-height: 50px;
	background: transparent url(/img/quote.png) no-repeat 0 0.3em;
	padding: 0;
	margin: 1em 2em 0 1em;
	font-size: 95%;
	}

.quote:before {
	content: " ";
	float: left;
	margin: 0 0 50px 50px; /* by the way, margin: 50px 50px 0 0 and others would also work! */
}


It looks like this..

Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop. Ipsum Doodah the Talley-Ho hee-Haw the ding-dong lala beeboop.


See, I think it's about time I started taking credit for my stuff before someone steals it off the front-end, gives it a name, and then gets himself a Wikipedia page!

Let's call it the "Content-Shuffle DropCap".

Oh yeah, baby!

;o) Cor


 ©  2017 « corz.org » 17.8.21  

Welcome to corz.org!

If something isn't working, I'm probably improving it, try again in a minute. If it's still not working, please mail me!