I have had lots of feedback from ladies who wear jodhpurs who have experienced a 'wardrobe malfunction' when out riding. Because SmoothGroove is made from a flexible medical grade polymer, it moulds itself to your contours and works with the natural movement of the body and I'm delighted that it's so comfortable that women 'forget it is there'! There's nothing worse than not being able to enjoy doing something you love 100%, because you are worried or self conscious about how you look - I should know. I'm really glad that SmoothGroove is giving women extra confidence to just get on with enjoying their favourite activities.
Ladies Who Wear Jodhpurs Are Loving SmoothGroove! I have had lots of feedback from ladies who wear jodhpurs who have experienced a 'wardrobe malfunction' when out riding. Because SmoothGroove is made from a flexible medical grade polymer, it moulds itself to your contours and works with the natural ...»See Ya
Gray area was a SwissMusic Group early 1980Neue Deutsche Welle (NDW). With their greatest hit Polar Bear The group succeeded in entering the Austrian and German Charts. Years. She was one of the pioneers of
The end of 1979 left Marco Repetto (drums) and GT (bass), the punk band Glueams to get together with Martin Eicher (guitar, vocals), a new musical focus. Martin / Tinu had Glueams already in their single mental supported. In early March 1980 she gave her first concert as a gray area in the club Spex in Bern. Martin's brother Stephan Eicher (Guitar) and Claudine Chirac (saxophone supplemented), the group temporarily, with live performances and recordings.
Gray area has been notified by the two pieces Polar Bear and SpaceWhich they recorded the LP in 1980 published the "Swiss Wave - The Album". Polar Bear met the lifestyle of the time and got radio airplay in Austria, Germany and Switzerland. The song was released as a single and reached number 6 in the Austrian and German 12th place in the charts.
The group refused, however, the commercial requirements and concentrated on film and studio work. In the winter of 1981 they returned to the Sunrise studios where the songs Moscow, Dance and I love them were included. In July and August 1981 Martin and Stephan Eicher went again with Marco Repetto to Sunrise studio and recorded their first and also last studio album. In February 1982, Ingrid Berney joined gray area in order to support Martin and Stephan Eicher live. According to a recent studio session, in which I and Thou added, was parted ways the musicians. Less than ten shows, four singles and one album the group broke up 1982nd
GT and Marco Repetto regrouped with former Glueams guitarist and drummer Dominique Martin Pavlinec Uldry, first as a "Missing Link", then under the name "Eiger North Face." GT then switched to the Futurism style similar action group "Red Catholic Orthodox Jewish Chorus" to the performance artist Edy Marconi, in the temporarily played Marco Repetto. Later called the group "I Suonatori. Stephan Eicher launched a successful solo career. Martin Eicher 1988 published the EP "Spellbound Lovers," a flashy, but unnoticed work. Marco Repetto worked up from 1989 in Techno- And AmbientScene as DJ and musicians (e.g. remixing mittageisen v2) a name.
December Formed in 1978 in Bern, the punk band Glueams. After some changes Eicher 1979 met Martin as a guitarist and a few months to later by his brother Stephen, both have music experience with the Noise Boys Project collected. You name around in Gray area and tried to expand their music concept multimedia: They complement their instruments with synthesizers, light effects and super-8 film projections. The editor of Punk magazine in Zurich "No Fun" Urs Staiger is attentively at a gig on the band and brings Gray area in the Studio to record for his Swiss Wave Sampler two pieces: "Space" and "Special". The latter is a large radio and Diskothekenhit in Switzerland.
1981 suggests the label Welt-Rekord/EMI among the Swiss and by now better Promotion and sales reached the single "Special" a Top Ten ranking in Germany. But most of all the missing TV appearances - the band consistently refused - and ungewöhniche Live concerts without their hits, but with much Synthiesizer improvisations were not conducive to the success of gray areas: "If want to hear a polar bear, he should buy the record " so the brothers Eicher.
End of 1981 appeared in his own eponymous LP recorded Sunrise Studio (without the "Special") And by the departure of G.T. and Marco Repetto gray area also shrank in the meantime the duo and appeared somewhat below. Then in 1982 with the single "Dream with me" one last musical signs of life of the band. located on the Maxi next to the title track, a newly recorded version of "Furious Glass ".
Defiance and perhaps because of its modest instrumentation with drums, Synth and guitar on this record were timeless electronic Beads as "Furious jar or "The way Couple ". Martin Eicher runs after the dissolution 1982 retired from the music business, while his brother Stephan has since released numerous solo albums.
All in all they have, even if they wanted it never to the "Special" NDW co-written a great piece, the cold synthesizerlastige Music with the worst text then hit exactly the zeitgeist. Also today they are reduced to this song. DISCOGRAPHY
Singles: Moscow, 1980 Polar Bear, 1981 Dreams with me, 1982 Moscow, 1983 Polar bear, as in 1988 MCD
is a compilation tape that feels radical. It was made with the help of our friends at Freektastic Video, who let us abuse drugs at their parent's house while we were going through stuff. This video contains clips from nearly 100 weird obscure movies and embraces themes like teen drug abuse, Turkish kung-fu, evil disembodied head attacks, avant-garde keyboards, 80's wrestling, ninja battles and even more….we also did a special video remix at the end of the DVD video tape.
1. 'wipe yourself' song
2. one-baby-armed man subduing bad guy
3. 'this is crack and this is what you smoke it in'
4. psychedelic cartoon 5. ventriloquist shrunken-head kids laughing 6. 'female walk' dance 7. ghostbuster cereal 8 'scared straight' kids school prison fieldtrip hell 9. japanese voodoo punch bag octopus 10.'bitch killer' with gun gets arm chopped off and scalped (john carpenter music) 11. my dad's stereo air guitar 12. 'rowdy roddy piper' eats telephone book 13. chainsaw vivisection orchestrator 14. Japanese gameshow conts. hit masked man over head with giant fans 15. McGyver MacGyver 'that guy from tv who can get out of any jam with common products and time travels' watches gladiator fight with star wars' jabba-looking monster 16. Anne-Margret Tommy-style spaghetti dump over head 17. Phillipino gets leg bitten off by albino corocodile 18. Hitler-looking Geek Record Company Employee trashes cubicle full of Gold Records to Motorhead's 'Ace of Spades' 19. That acotor who looks like a Kennedy and Tommy Lee Jones engaged in shotgun mayhem 20. McDonald's looking Stuffed Character and Bumblebee sing song about eating healthy with lots of protein in front of replica of Eiffel Tower 21. Actress from that Paul Reiser sitcom Helen ? gets talked into nasal exploration makeout session 22. Linda Blair Exorcist-style defenestration into schoolyard and broken glass cutting acting-out 23. Weng Weng looking Indian midget smokes joint 24. More Pour-over fetish lady (chocolate sauce) 25. Michael Moore-looking guy shoots body armor-protected guy with high-powered rifle 26. 'Nobody Turns down drugs' kids morph into animated Scooby Doo-looking characters in pursuit of kid who turned down drugs. 27. More Japanese Fan head assault, this time over person dressed in Baseball outfit 28. Pimp-Ho Dialogue 29. Bollywood 'Disco Dancer' 30. Puppet Laughing social mirroring with smoking alligator. 31. pointblank self-inflicted gunshot into armor-protected chest 32. The Drug Abuse Test 33. Legless man takes on Legged man in poolside Karate duel 34. Machine Gun Soldier against Robot 35. Bigfoot VS cougar-Bigfoot Wins 36. 9:06 (you'll just have to see for yourself--I'll say it involves head). 37. 'I succeeded finally in removing your head' 38. More Drug Abuse Test High School Senior Marijuana Faq 39. Osmonds Guitar Solo in Elvis Jumpsuit/spacesuit CREDITS: Amazing Video Weirdness Full uncut tape available at http://www.crazydavetape.com crazydavetape@yahoo.com CDT CREW 40. MAN SCREAMS, 'YOU SHUT UP'! FIN! DID I MISS ANY?
I finally got permission to upload this! I normally don't ask. But it was so good. I wanted to do the right thing. THIS IS IT. THIS IS WEIRD-O 101. DISCLAIMER: I HATE ANYTHING THAT SAYS IT'S 'WEIRD', 'FUNNY', OR 'BEST', SO MUCH SO THAT I rarely even watch it. But there are those few things, hopefully some of mine included, which can and should be allowed, to display the title. This is one of those things. It is the Best-of Video which states its quality in the title 'THAT CAN'! I CAN ONLY NAME ABOUT THREE SOURCES. SEE HOW YOU DO? (THIS IS THE 10-MINUTE VIDEO COMPILATION (MOTHER-OF) WHICH I MEANT TO UPLOAD INSTEAD OF THE ONE WHICH I DID MIS-UPLOAD WHICH GOT ME INTO SO MUCH TROUBLE. Remember? Good. But all I'll say, is that there are no Downs Syndrome Girls in this one combating the red army... And for those of you who actually found that video, and actually liked it, you both have Newfoundland respect with me.
HOW TO ENJOY CERTAIN EMOTIONAL SENSATIONS ON DVD TAPES THAT WE HAVE
BRAND NEW!
CDTcrew PRESENTS BEASTIE BOYS WILD STYL'D REMIX LP!!
We certainly enjoy the music and physical emotional sensation of the Beastie Boys during late night party atmosphere situations. You might as well! DOWNLOAD THE FULL MIXTAPE FOR FREE:
CRAZY DAVE TAPE 1-Ourfirst attempt at expressing cobra thought patterns in a form that won't physically damage the neighbor's house. It was actually created for our pal Crazy Dave (hence the name) and originally meant to be a joke between friends. He enjoyed it mainly because of certain pornographic situations, and also during this time our friend Arthur Jr. was sold to the Hell's Angels for original plans to an underground city located beneathMt.Baldyin Chuck NorrisOhio. We think this DVD tape is okay, but prison taught us we could do better… $10.00
CRAZY DAVE TAPE 2-Bythis time we had become more serious about buying pornographies. We were also training for the 13th annual Serious Thoughts Competition, but snack cakes kept distracting us. So we abandoned those plans and made the Crazy Dave Tape Part 2, which helped out with our newest plan at the time-to construct an authentic Indonesian snake pit in the neighbor's yard while he was at work. Three months later we were released from prison and began working on Crazy Dave Tape Part 2. That one scene where the guy who turns into a giant booger is on it, and also the part where the guy gets his arm cut off and it grows back is on there too. And pornographies.$10.00
TOTALLY RADICAL PAUSE TAPE-Afterwe finished Crazy Dave Tape Part 2, we were forced to pay rent because our parents said so. That's bullshit because we do stuff like rake the leaves and help take out the trash every week and that should count as money. But at least the snake pit we made in the neighbor's yard was complete, and we could communicate mentally with cobras and help stray cobras find shelter. Then we watched Beverley Hills Cop on VHS tape about 27 times. The part where Eddie Murphy throws that prick over the table and he gets mashed potatoes on his shirt is fucking awesome. After that we were inspired to make this video-a collection of radical pauses from hot films and pornographies, set to 1980's heavy metal played by Don "The Cobra" Jackson (who used to play guitar in Cobra Squad and also worked with the Commodores in 1989). At least 30 minutes worth of non-stop pauses, plus outtakes from Crazy Dave Tape Part 2.$10.00
CRAZY DAVE TAPE 3-Iswhat we are working on right now.We are filming materials and have bought so many new pornographies and radical movies that we had to sell the neighbor's car in order to get enough money to finish. We also had an opportunity to buy authentic soccer balls signed by Babe Ruth (we had them authenticated by Jeff from the Burger King byGribbonStreet-he totally watches ESPN and stuff). We're still working as snack cake consultants though, but we don't get paid all the time because cherry cobbler tastes too good. But we should be done with this video in the future.
AMAZING VIDEO WEIRDNESS-Thisis a compilation tape that feels radical and has a similar emotional sensation to Crazy Dave materials. It was made with the help of our friends at Freektastic Video, who let us abuse drugs at their parent's house while we were going through stuff. This video contains clips from nearly 100 weird obscure movies and embraces themes like teen drug abuse, Turkish kung-fu, evil disembodied head attacks, avant-garde keyboards, 80's wrestling, ninja battles and even more….we also did a special video remix at the end of the DVD video tape. $10.00
PARTY TAPE-Welike to party, and we need tapes to party with as we abuse drugs and alcohol. So again we partied with Freektastic Video peoples and came up with this Crazy Dave brewed inspirational party motivational force factor in life. Around thirty minutes of rapid fire clips from radical movies, involving themes of drug abuse, violence, 80's funk, parties, tapes, and possibly some guys getting kicked in the balls (we can't remember for sure). After that we made special 10 minute edits of two of our favorite movies-Bachelor Party and Commando, inserting big tits along the way. We cut out any gay plot and left all the action and excitement. And tits. "Remember Sully when I promised to kill you last?" "That's right Matrix, you did!" " I lied…"$10.00
LET'S GET TURKISH-Again we partied with Freektastic Video crew and came up with a radical idea-what if we took all the coolest parts from Turkish exploitation movies and strung them together Crazy Dave style? To our parent's displeasure, we agreed to make this video and began drinking solar rays obtained at the health food store (Grain Supply) so we could make things better. This video features only the best moments from every Turkish remake we own-that would be the Turkish Rocky, Rambo, First Blood, Exorcist, ET, Dirty Harry, Death Wish II, Superman, Wizard of Oz, and Star Wars! Also we included several styleic Turkish-born films (Death Warrior, Son Savasci and more) in the mix. The result is a Crazy Dave-type mix of Turkish insanity (with some tits along the way). $10.00
RADICAL POWERS---
This time we channeled emotions from life energy to make another 30 minute mixtape featuring the usual quick cut-up style that we employ during massive drug taking movement situations! Plus some Japanese pornographies and ball kicking, and then an exclusive video from one of the best hard rock bands of all time, Cobra Strike Force. $10.00
PRICING:
$10.00 EACH, SHIPPED WITH ARTWORK AND COVER!
RADICAL DEAL-ANY THREE VIDEOS FOR $25.00 EVEN! SHIPPING INCLUDED!
Amazing Video Weirdness - 40 Clips 10 Minutes - You'll Thank Me! http://www.facebook.com/video/video.php?v=104889069540445 BIZARRE WEIRDNESS ON DVD FORMAT We are completely dedicated to the art of finding that one movie you have always wanted to see--you know--with that one guy who was in that other movie from 1982 who turned into a giant booger because of a mad scientist's serum. ASK US. We have a HUUUUGE archive of video nasties!!! Contact Information Email : crazydavetape@yahoo.com Phone : NO Address : PERHAPS COBRA OH 44121 USA We are the Crazy Dave Tape Crew, born and raised here in Chuck Norris, Ohio. In 1987, we formed Operation Cobra, a small organization that rescues and councils stray Cobras. For that we have been given the "Serious Achievement" award from the American Ninja Fan Club. In 1992, we took up reading windsurfing magazines and acquired lots of back issues. In 1997, after a serious job at Blockbuster, we quit and decided that it would be better to start taking illegal substances back at our parent's house. Just when things were looking up, a delivery truck crashed into Burger King, and we couldn't get our double decker cheeseburgers anymore! After watching Police Academy 4: Citizens on Patrol over 150 times, we knew it was time to stop getting prostitutes. As a result, we decided to make the Crazy Dave Tape. Then we listened to Deicide and made the Crazy Dave Tape Part II. In 2001 we briefly moved to JOHN RAMBO, Ohio....but it didn't work out because nobody carried Score Magazine there. So we moved back to CHUCK NORRIS, Ohio and are now working on the Crazy Dave Tape Part III. On a side note, we fully support the right to destroy your neighbor's personal belongings when you're mad, frustrated, sad or bored. You always regret breaking your own stuff...and the neighbor's stuff is right there, all out in the open. Plus, if you break in to your neighbor's house--they usually have good chips to eat, and that helps the voices go away. http://www.myspace.com/crazydavetape CREDITS: Amazing Video Weirdness Full uncut tape available at http://www.crazydavetape.com crazydavetape@yahoo.com CDT CREW 40. MAN SCREAMS, 'YOU SHUT UP'! FIN! DID I MISS ANY?
Description: Feel the Beat! You'll learn that here is more to dancing than just moving your feet in this sex filled feature. We are introduced to a world of horny hard bodies who would rather copulate than dance. Sensuous "Chic" centerfold, Ginger Lynn shows us the ins and outs of doing what feels good and she doesn't miss a beat. The movements this delectable honey makes are enough to make anyone's mouth water! Porn superstars Misty Regan and Lynn Raye have a surprise for the ladies - it seems they have a date with a handsome male stripper (John Stagliano). This virile young hunk gets more than he bargains for as these two delectable vixens give it to him every way imaginable. If that's not enough, wait 'til you see what these other nymphs have waiting for you. Pulse pounding sex and deep pleasure abounds in this sensual expose. Each hot throbbing moment is filled with scene after scene of passionate male-female, female-female and solo sex. Every facet of "sex dancing" is covered. So get hot with "Dance Fever!
Amazing Video Weirdness - 40 Clips 10 Minutes - You'll Thank Me! AMAZING VIDEO WEIRDNES S See the full gallery on Posterous This AMAZING_VIDEO_WEIRDNESS.mp4 Watch on Posterous is a compilation tape that feels radical. It was made with the help of our friends at Freektastic Video, who let us abuse dr ...»See Ya
Yvette Vickers, 82, could have lain there for a year
Former pin-up starred in B-movie classic as well as Attack Of The Giant Leeches
After decline of acting career she became estate agent
The mummified remains of the actress who played the femme fatale in Attack Of The 50 Foot Woman has been found in her rundown Beverly Hills home.
The state of the body indicates Yvette Vickers, 82, who was once a Playboy centrefold may have lain there for a year.
The badly decomposed corpse was discovered at the Californian home where Vickers had lived for decades.
For the actress whose film credits include Attack Of The Giant Leeches, the story of her final moments reads like a grisly plot from one of those films.
Yvette Vickers in her glamorous heyday in a 1959 playboy shoot, left. In later life she appeared at celebrity conventions including this one in Burbank, Clifornia in 2007, right. She also starred in cult B-movies, including Attack Of The 50 Foot Woman
The grim discovery was made by neighbour Susan Savage who noticed that letters stuck in Vickers' mail box were yellowing around the edges and that cobwebs had gathered in the doorway.
Savage had to push her way through a mountain of uncollected fanmail and boxes to find the body; a small heater was still been running next to it. At least one window was broken at the home.
'She kept to herself, had friends and seemed like a very independent spirit,' Savage told the Los Angeles Times.
Found dead: B-movie actress Yvette Vickers, seen left as Honey in Attack of the 50-Foot Woman, was found in a mummified state at her Beverly Hills home
Her body was found at this dilapidated home in California. The grim discovery was made by a neighbour who noticed that letters stuck in Vickers' mail box were yellowing around the edges and that cobwebs had gathered in the doorway
The overgrown and rundown home where the B-movie star's body was found
'To the end she still got cards and letter from all over the world requesting photos and still wanting to be her friend.
'We've all been crying about this. Nobody should be left alone like that.'
The official cause of death is being investigated by the Los Angeles county coroner's office, but police are not treating the death as suspicious.
'We don't know if it's a Jane Doe or a John Doe,' Ed Winter of the Los Angeles County Department of Coroner, told the LA Times, using the generic named applied to unidentified bodies in the U.S.
Vickers was born Yvette Vedder in Kansas City, Missouri, to jazz musicians Charles Vedder and his wife Iola. Her precise date of birth is not known and she was variously described as being either 82 or 74.
Cult movies: Vickers' film credits include 1958's Attack Of The 50 Foot Woman, left, and 1959's Attack Of The Giant Leeches, right
B-movie classic: Yvette Vickers in a scene from Attack Of The Giant Leeches. Her first film role was an uncredited cameo in Billy Wilder's 1950 film noir classic Sunset Boulevard
Her first film role was an uncredited cameo in Billy Wilder's 1950 film noir classic Sunset Boulevard, but didn't make her big screen debut under her own name until, in 1957, she appeared in Short Cut to Hell. She was 'spotted' and picked for the part by Jimmy Cagney.
Her most memorable role was that of Honey Parker in Attack Of The 50 Foot Woman, the voluptuous mistress of the giant lead character's husband.
The following year she was named Playboy's Miss July 1959 - six years after the men's magazine was first published - and her centrefold photos were shot by Russ Meyer, something of a hero in the world of B-movies.
She was rumoured to have have had affairs with Hollywood leading men Lee Marvin and Cary Grant in 1961, and two years later was given a role in the acclaimed Paul Newman film Hud, only to have most of her scenes cut when Newman's wife Joanne Woodward objected to the onscreen chemistry between Yvette and her husband.
Allure: Vickers dated screen heartthrob Cary Grant, seen here in a famous shot from Alfred Hitchock's North By Northwest
She is also believed to have dated Lee Marvin early in her career and was 'spotted' by Hollywood luminary Jimmy Cagney, who gave her a big screen debut
Her screen career never exceeded those heights and though she enjoyed some success as a stage actress, in the 1970s she began working as an estate agent to supplement her income.
In 1989, as a tribute to her late parents, she self-released her debut album Yvette Vickers Sings! and performed on the LA cabaret circuit.
Her last feature role was in a 1990 horror called Evil Spirits where she played a 'neighbour.'
A former journalism student at California's University of Los Angeles (UCLA) university, she was understood to have been writing her autobiography at the time of her death. She was briefly married twice during the 1950s.
Yvette Vickers, 82, could have lain there for a year Former pin-up starred in B-movie classic as well as Attack Of The Giant Leeches After decline of acting career she became estate agent The mummified remains of the actress who played the femme fatale in Attack Of The 50 Foot Woman has been found i ...»See Ya
Yokohama so like I just waked up and before my mess kick in I wanna tell you about my dream last nite. I was with one of my ex-girlfriends and she was about 6'6" and we were at like a zoo or park or something. a couple of foreign types I think they was middle eastern walked up to us and one introduced himself to her. she started sucking his dick thru his pants, you know cause them Arab guys wear really sheer shit. so I said fuck this and I waked up and now I'm woke........
Yokohama so like I just waked up and before my mess kick in I wanna tell you about my dream last nite. I was with one of my ex-girlfriends and she was about 6'6" and we were at like a zoo or park or something. a couple of foreign types I think they was middle eastern walked up to us and one introduc ...»See Ya
Doug Maet bookie five second video challenge: best drunk slutty girl at wedding reception dancing
August 27
Doug Maet more bumper stickers i make up: i used to get drunk on Sunday's before work on Monday and I hated the hangovers, so I quit...I sure do miss the paychecks!
August 21
Cam Paterson ... and i was drunk. i don't make really good choices when i am drunk...or i mean when i was younger and drunk and the lil head did more direction thinking then the big head. but...i assure you the psycho bitch does indeed exist. if you meet ...
August 3
Bhagwan Shree Windysan Zog I spent it drunk on the beach ogling wimmens.
April 24
Bhagwan Shree Windysan Zog Oh, the old lady who lived there.....the drunk ghost was her brother. The lady who lived there didn't tolerate no drinking in the house and she made her drunkard brother live on the back porch. You can hear ice tinkling in a glass back there.
April 12
Dezi Desolata oi Zog....how do you know it's drunk ?....
April 12
Bhagwan Shree Windysan Zog We have a drunk ghost on the back porch. Fo real doe.
April 12
Bob Roehrman That's right Tina! I buy betel nut from them & then feed it to the pigeon or maybe sell it to some drunk American Redneck Patriots...might go over well it the finger-fuck church too!
April 2
Cam Paterson ... fall down drunk and wobble home on my own....
March 24
Bhagwan Shree Windysan Zog somehow, someway, i don't drunk as piss tonite. dang
March 20
Page 2 of 3 been at a Halloween block party where she had four or five alcoholic drinks. … Further, she did not try to escape because she was naked from the waist
… Previously, she and her girlfriend had been at a Halloween block party where she had four or five alcoholic drinks. … Further, she did not try to escape because she was naked from the waist down whatgetsmehot.blogspot.com drunk Doug Maet bookie five second video challenge: best drunk slutty girl a ...»See Ya
YouTube Captions, Valid CSS!!! (See source for unbelievable CODE!) Call Eric Meyer!
YouTube Captions, Valid CSS!!! (See source for unbelievable CODE!)
And while i invented this two years ago...(check an older video if you don't believe), I never copied and pasted it into an edit field...but tonight, as I celebrate Halloween early, I thought I'd give it a go...and Holy Mother of Eric Meyer, THIS MOTHERFUCKER CAN HUNT!!! I don't get it at all because it's ridden with time codes and uncommented comments by the incredible CSS3 guru whom you know for his Normalizer and whom I know for mashing up his 'quote bubble speech balloons into incredible confetti...', i think his name is Nicholas, but i'm not big on details..., but anyway, nevertheless, his was the first file I had in my Docs when I was doing another YouTube Transcript (Captions)--helping out the accessibility cause (because Eric Meyer can't be bothered to transcribe his CSS posts onto YouTube [whatsoever--price of Reset Fame, i guess])... *this should connect to beginnning of runon at top ...and LO AND BEHOLD...(as Edgar Allen Poe said FIRST and Best and then Nic Roeg made my favorite film from it)! EUREKA!
if you go to YouTube to watch the CSS Scroll by, make sure you hit the 'caption' 'annotation' icon that looks like what YouTube thinks that should look like (under the video)!
CSS tutorial - Using borders to produce angled shapes
0:00:28.920 0:00:29.170
Using borders to produce angled shapes
This 0:00:28.920 0:00:29.170 is a suppliment to the tutorial, and is here only for illustrative purposes. It is not 0:00:28.920 0:00:29.170 part of the main tutorial.
0:00:28.930 0:00:29.180
These examples will not work in Netscape 4 or WebTV, because they do not allow you 0:00:28.930 0:00:29.180 to define individual borders, or Escape because it does not handle borders 0:00:28.940 0:00:29.190 correctly. Internet explorer 4 and 5 may have trouble with some of the 0:00:28.940 0:00:29.190 examples due to their problems with the box model.
0:00:28.940 0:00:29.190
Note that these examples are based on you using the default 'Moosified' style for this 0:00:28.949 0:00:29.199 page, where the background colour of the body is #f6f6f6. If you use 0:00:28.949 0:00:29.199 the other styles, the shapes may not work correctly.
0:00:28.949 0:00:29.199
This might look like this:
0:00:28.960 0:00:29.210
body { styles go in here }
0:00:28.960 0:00:29.210
In this case, the 'body' is known as the selector. This can get more complicated, 0:00:28.960 0:00:29.210 and can include many different selectors.
0:00:28.960 0:00:29.210
For several elements to use the same style, you can separate them with commas:
0:00:28.970 0:00:29.220
p, div, span { styles go in here }
0:00:28.970 0:00:29.220
The syntax for the styles follows this pattern:
0:00:28.970 0:00:29.220
name_of_style_attribute: value;
0:00:28.970 0:00:29.220
You can include as many styles as you want inside the { and } curly braces. Occasionally, 0:00:28.980 0:00:29.230 there may be more than one value for a single style, for example with the border attribute:
0:00:28.990 0:00:29.240
border: 3px double red;
0:00:28.990 0:00:29.240
To define styles that should only target elements with a certain class, put a fullstop 0:00:28.990 0:00:29.240 then the name of the class, after the element. This might look like:
0:00:29.000 0:00:29.250
p.nameofclass { styles go in here }
0:00:29.000 0:00:29.250
This would also need the class to be written inside the HTML 'p' element tags 0:00:29.000 0:00:29.250 to which it refers:
0:00:29.000 0:00:29.250
<p class="nameofclass">
0:00:29.000 0:00:29.250
If we use the syntax without specifying an element name, then every element of class 0:00:29.010 0:00:29.260 'nameofclass', not just p tags, will use this style:
0:00:29.010 0:00:29.260
.nameofclass { styles go in here }
0:00:29.010 0:00:29.260
There are also some pseudo-classes such as :hover. This particular one 0:00:29.020 0:00:29.270 will only work in some browsers (most notably, Internet Explorer 6-) with 0:00:29.020 0:00:29.270 'a' elements. It will be applied when the mouse hovers over the element.
0:00:29.029 0:00:29.279
a:hover { color: red; }
0:00:29.029 0:00:29.279
The pseudo-classes can be used along with classes, like this:
If an element has been defined with an ID then it can be given its own 0:00:29.039 0:00:29.289 style by using the ID selector. Try to restrict 0:00:29.050 0:00:29.300 this to cases where it is actually needed:
0:00:29.050 0:00:29.300
#id { color: red; font-weight: bold; }
0:00:29.050 0:00:29.300
You can also target the specific element type, combined with the ID selector:
Now for some clever stuff. It is possible to target an element based on what its parent 0:00:29.060 0:00:29.310 elements are, by writing the name of the parent, followed by a space, followed 0:00:29.070 0:00:29.320 by the name of the element you want to target. Note that the parent does 0:00:29.070 0:00:29.320 not have to be a direct parent. It could be anywhere in the chain of ancestors. 0:00:29.080 0:00:29.330 For example, if you want to assign a style to li elements where one of their 0:00:29.080 0:00:29.330 parents is a ul whose parents include a td whose parents 0:00:29.080 0:00:29.330 include a tr whose parents include a table whose parents include 0:00:29.090 0:00:29.340 the body, you can write this:
0:00:29.090 0:00:29.340
body table tr td ul li { styles go in here }
0:00:29.090 0:00:29.340
If you also want to assign that style to p elements, you can combine this 0:00:29.100 0:00:29.350 with the comma, as shown earlier:
0:00:29.100 0:00:29.350
body table tr td ul li, { styles go in here }
0:00:29.100 0:00:29.350
Or mix that up however you like. You can also combine it with class selectors. For 0:00:29.110 0:00:29.360 example, this will match all li elements whose parents include 0:00:29.110 0:00:29.360 a td of class fish:
0:00:29.110 0:00:29.360
td.fish li { styles go in here }
0:00:29.119 0:00:29.369
If at any time you define two or more conflicting styles, the more specific one should be used 0:00:29.119 0:00:29.369 by the browser. If you use an inline style, that should override 0:00:29.130 0:00:29.380 other styles. There are exceptions to these rules, but I will not 0:00:29.130 0:00:29.380 go into those here.
0:00:29.130 0:00:29.380
All styles will have a default value, and that may be different for different elements 0:00:29.140 0:00:29.390 (for example, the border style has a default value 0:00:29.140 0:00:29.390 of 'none', but most browsers use something like '2px groove black' 0:00:29.140 0:00:29.390 as the default border for a fieldset). If you have styled an element with a generic 0:00:29.150 0:00:29.400 style, and you want to reset it to its default style for that specific element, 0:00:29.150 0:00:29.400 you will need to manually set it back to its default value. For example, you could set 0:00:29.160 0:00:29.410 all paragraphs to have a 1 pixel border, then set paragraphs not to have a border if they 0:00:29.160 0:00:29.410 are inside a div:
0:00:29.160 0:00:29.410
p { border: 1px solid black; } div { border: none; }
0:00:29.170 0:00:29.420
Some styles can be represented in a number of different ways. For example, the border 0:00:29.170 0:00:29.420 style can be used to apply a border to all sides of an element:
0:00:29.180 0:00:29.430
p { border: 1px solid black; }
0:00:29.180 0:00:29.430
It is also possible to specify one border at a time:
It is also possible to specify the thickness, colour, and style separately. Each one can 0:00:29.190 0:00:29.440 accept 1, 2, 3 or 4 values. If one value is specified, all sides will 0:00:29.199 0:00:29.449 use it. If you specify two, the first will be used by top and bottom, and the 0:00:29.199 0:00:29.449 second will be used by right and left. If you specify three, the first will be used 0:00:29.210 0:00:29.460 by top, the second will be used by right and left, and the third will be used 0:00:29.210 0:00:29.460 by bottom. If you specify four, they will be used by top, right, bottom and 0:00:29.220 0:00:29.470 left respectively:
0:00:29.220 0:00:29.470
p { border-width: 1px 2px 3px; 0:00:29.220 0:00:29.470 border-style: solid solid solid double; border-color: black green; 0:00:29.220 0:00:29.470 }
0:00:29.220 0:00:29.470
And this can be done for one side at a time as well. This is generally most useful 0:00:29.230 0:00:29.480 to specify a normal style, then override it for just one side:
These styles are all considered to be as specific as each other, so if you specify 0:00:29.240 0:00:29.490 the border-right style and then the border style, the 0:00:29.240 0:00:29.490 right border will be styled according to what you define in the 0:00:29.250 0:00:29.500 border style.
Last modified: 4 September 0:00:29.250 0:00:29.500 2008
If all four borders are defined as being 0:00:29.260 0:00:29.510 thick, they should be tapered into each other:
0:00:29.260 0:00:29.510
border-top: 20px solid red; border-bottom: 20px solid #fc0; 0:00:29.260 0:00:29.510 border-left: 20px solid blue; border-right: 20px solid green;
0:00:29.260 0:00:29.510
MultiColour Square
All of these examples are done using a 0:00:29.270 0:00:29.520 <div> element, with no contents:
<div style="style declarations"></div>
0:00:29.279 0:00:29.529
The lack of contents makes all points sharp. Some browsers still leave space for the non-existent 0:00:29.279 0:00:29.529 contents, so we can remove that space by using the following 0:00:29.279 0:00:29.529 combination of styles:
0:00:29.279 0:00:29.529
font-size: 0px; line-height: 0%; width: 0px; 0:00:29.289 0:00:29.539 border-top: 20px solid red; border-bottom: 20px solid #fc0; 0:00:29.289 0:00:29.539 border-left: 20px solid blue; border-right: 20px solid green;
0:00:29.289 0:00:29.539
Right side of MultiColour square
0:00:29.300 0:00:29.550
If we do not define a border, the other borders stop abruptly, and do not taper into 0:00:29.300 0:00:29.550 the space that would be used by that border:
font-size: 0px; line-height: 0%; 0:00:29.310 0:00:29.560 width: 0px; border-top: 20px solid red; 0:00:29.310 0:00:29.560 border-bottom: 20px solid #fc0; border-left: none; 0:00:29.310 0:00:29.560 border-right: 20px solid green;
0:00:29.310 0:00:29.560
Top-right corner side of MultiColour square
0:00:29.320 0:00:29.570
We get a similar effect by removing two 0:00:29.320 0:00:29.570 borders:
font-size: 0px; line-height: 0%; 0:00:29.320 0:00:29.570 width: 0px; border-top: 20px solid red; 0:00:29.330 0:00:29.580 border-bottom: none; border-right: 20px solid green;
0:00:29.330 0:00:29.580
One part of the top-right corner side of MultiColour square
0:00:29.330 0:00:29.580
By making one of the two remaining borders 0:00:29.340 0:00:29.590 the same colour as the background, we are left with a sloping triangle:
0:00:29.340 0:00:29.590
font-size: 0px; line-height: 0%; width: 0px; 0:00:29.340 0:00:29.590 border-top: 20px solid red; border-right: 20px solid #f6f6f6;
0:00:29.350 0:00:29.600
Or a longer version
0:00:29.350 0:00:29.600
Increasing the width makes a longer bar - Note, Microsoft Internet Explorer 4 and 0:00:29.360 0:00:29.610 5 take the width as being the full length, including the sloping part, so they cannot 0:00:29.360 0:00:29.610 display this example. Other browsers take the width as excluding the border, so not 0:00:29.369 0:00:29.619 the sloping part:
font-size: 0px; line-height: 0%; 0:00:29.369 0:00:29.619 width: 100px; border-top: 20px solid red; 0:00:29.369 0:00:29.619 border-right: 20px solid #f6f6f6;
0:00:29.369 0:00:29.619
Right side of MultiColour square with right border thicker
0:00:29.369 0:00:29.619
If we increase the width of the side border, 0:00:29.380 0:00:29.630 we get a sharper triangle, which is made sharper by being longer:
By using these various techniques, and setting some of the border colours to the 0:00:29.420 0:00:29.670 same as the background, we can create a variety of different arrow-based shapes
For example, the following document fragment and style 0:00:29.630 0:00:29.880 sheet: 0:00:29.630 0:00:29.880
Header
h2 { display: run-in; }
Text
:before { display: block; content: 0:00:29.640 0:00:29.890 'Some'; } 0:00:29.640 0:00:29.890 ...would render in exactly the same way as the following document fragment and style 0:00:29.640 0:00:29.890 sheet: 0:00:29.640 0:00:29.890
Header
h2 { display: run-in; }
Some Text
span { display: 0:00:29.640 0:00:29.890 block } 0:00:29.650 0:00:29.900 Similarly, the following document fragment and style sheet: 0:00:29.650 0:00:29.900
0:00:29.650 0:00:29.900 ...would render in exactly the same way as the following document fragment and style 0:00:29.660 0:00:29.910 sheet: 0:00:29.660 0:00:29.910
0:00:29.660 0:00:29.910 How does one punch out the corner of an element and put something in the space created? 0:00:29.670 0:00:29.920
0:00:29.670 0:00:29.920
coma purported
0:00:29.670 0:00:29.920
The page you are viewing right now exists 0:00:29.670 0:00:29.920 to show off what can be accomplished with pure CSS1, 0:00:29.670 0:00:29.920 and that's all. This variant on complexspiral doesn't even use any CSS2 to accomplish its 0:00:29.680 0:00:29.930 magic. Remember: as you look this demo over, there is no Javascript here, nor 0:00:29.680 0:00:29.930 are any PNGs being used, nor do I employ any proprietary extensions 0:00:29.690 0:00:29.940 to CSS or any other language. It's all done using straight W3C-recommended markup and 0:00:29.690 0:00:29.940 styling, all validated, plus a total of four (4) images. 0:00:29.699 0:00:29.949
0:00:29.699 0:00:29.949 Unfortunately, not every browser supports all of CSS1, and only those browsers which 0:00:29.699 0:00:29.949 fully and completely support CSS1 will get this right. Despite some claims to the contrary, 0:00:29.710 0:00:29.960 IE6/Win's rendering of this page is not correct, as it (as well as some other browsers) 0:00:29.710 0:00:29.960 doesn't correctly support background-attachment: fixed for any element other than the 0:00:29.710 0:00:29.960 body. That makes it impossible to pull off the intended effect. Other browsers 0:00:29.720 0:00:29.970 may or may not get the effect right.
0:00:29.720 0:00:29.970
Hands-on: Things to Examine
0:00:29.720 0:00:29.970 Before you start, make sure you're viewing this page in one of the browsers mentioned 0:00:29.730 0:00:29.980 above. Otherwise the descriptions to follow won't match what you see. 0:00:29.730 0:00:29.980
0:00:29.730 0:00:29.980 The first, easiest thing to do is scroll the page vertically. Make sure you scroll all 0:00:29.740 0:00:29.990 the way to the very end of the page and back. Notice how the various areas with colored 0:00:29.740 0:00:29.990 backgrounds also appear to distort the background image as if through mottled glass. Try changing 0:00:29.750 0:00:30.000 the text size and notice how the compositing effect remains consistent. Then make your 0:00:29.750 0:00:30.000 browser window really narrow and scroll horizontally. Again, everything should remain seamless and 0:00:29.760 0:00:30.010 consistent.
0:00:29.760 0:00:30.010
The demonstrated effect, that of having various 0:00:29.760 0:00:30.010 elements backed with translucent rippled glass of varying hues, is only possible using fixed-attachment 0:00:29.760 0:00:30.010 backgrounds in CSS. (Okay, maybe it could be done in Flash; I don't know.) I don't think 0:00:29.770 0:00:30.020 it's even possible with IE's proprietary filters, but even if this effect is possible with filters, 0:00:29.770 0:00:30.020 I could easily enough devise one that isn't.
0:00:29.779 0:00:30.029
I missed the original complexspiral demo-- how does this work?!?
0:00:29.779 0:00:30.029
Glad you asked. The effect demonstrated here 0:00:29.779 0:00:30.029 is achieved by using fixed background images, nothing more. For example, the main-content 0:00:29.789 0:00:30.039 area (the blue part here) uses the following styles for the default spiral-shell background: 0:00:29.789 0:00:30.039
0:00:29.800 0:00:30.050 The effect of these longer rules is exactly the same; they're just split out into individual 0:00:29.810 0:00:30.060 background properties for more detailed consideration by you, gentle reader. 0:00:29.810 0:00:30.060
0:00:29.810 0:00:30.060 First, check out the rippled-shell image found here: url(glassy-ripple.jpg). 0:00:29.820 0:00:30.070 Then come back to this page and I'll continue with the explanation. All done? Great. 0:00:29.820 0:00:30.070
0:00:29.820 0:00:30.070 According to CSS, any background image that is "fixed" using background-attachment: 0:00:29.820 0:00:30.070 fixed; is fixed with respect to the viewport-- not the 0:00:29.830 0:00:30.080 element with which the image is associated. So I set the rippled-shell background image 0:00:29.830 0:00:30.080 to be aligned with the top left corner of the browser window (the viewport) with the 0:00:29.840 0:00:30.090 values given for background-position. However, the image will only be visible wherever 0:00:29.840 0:00:30.090 is intersects with the element to which it's been assigned. Therefore, even though the 0:00:29.850 0:00:30.100 top left corner of the rippled-shell image is aligned with the top left corner of the 0:00:29.850 0:00:30.100 viewport, we can only see it wherever it intersects with a div that has an id 0:00:29.860 0:00:30.110 with a value of content (which, again, happens to be the one containing this 0:00:29.860 0:00:30.110 text). 0:00:29.860 0:00:30.110
0:00:29.860 0:00:30.110 So I set a fixed background for the BODY, the content DIV, and H1 0:00:29.869 0:00:30.119 and H2 elements scattered through the document. In any given case of an element's 0:00:29.869 0:00:30.119 display, we see whatever part of the associated background image intersects with the element. 0:00:29.869 0:00:30.119 The rest of the background image remains hidden.
0:00:29.880 0:00:30.130
And that's how it works. 0:00:29.880 0:00:30.130
0:00:29.880 0:00:30.130
I'm not seeing the compositing!
0:00:29.880 0:00:30.130 Then I'm willing to bet that you're using Internet Explorer for Windows (any version), 0:00:29.890 0:00:30.140 or possibly Opera (version 6 or earlier). Neither of these browsers fully support background-attachment: 0:00:29.890 0:00:30.140 fixed for elements other than body. In the case of both, images are fixed with 0:00:29.900 0:00:30.150 respect to the elements that contain them, not the browser window, which is not what 0:00:29.900 0:00:30.150 CSS1 defines background-attachment: fixed to mean, although browsers are 0:00:29.900 0:00:30.150 allowed to ignore fixed if they stick to CSS1 (CSS2 requires its implementation 0:00:29.910 0:00:30.160 for conformance). And yes, this page uses a strict DOCTYPE, so IE6 is in "strict 0:00:29.910 0:00:30.160 mode." I guess when Microsoft claims 100% CSS1 compliance, they're referring 0:00:29.920 0:00:30.170 to the CSS1 core (a reduced subset of CSS1) instead of the entirety of the CSS1 0:00:29.920 0:00:30.170 specification. It tends to make me wonder how limited or flawed their "full support" 0:00:29.930 0:00:30.180 is for other key open specifications, like HTML and DOM. 0:00:29.930 0:00:30.180
0:00:29.930 0:00:30.180
Image credits
0:00:29.930 0:00:30.180
Nautilus shell: scanned by and copyright Eric A. Meyer 0:00:29.930 0:00:30.180
0:00:29.940 0:00:30.190 Answer: you don't, at least not structurally. But the appearance can be achieved very easily 0:00:29.940 0:00:30.190 just by using floated elements and, when necessary, some tiny negative margins. In this example, 0:00:29.949 0:00:30.199 I've wrapped the "Q" in a div of its own and then floated the div 0:00:29.949 0:00:30.199 over. Then I give the float some nice padding and margins, and center the character. Finally, 0:00:29.960 0:00:30.210 I set thick white borders on the float, which matches nicely with the white document background-- 0:00:29.960 0:00:30.210 but only the right and bottom borders are made thick. The top and left borders are set 0:00:29.970 0:00:30.220 to zero. To wit:
It all adds up to the appearance of a block 0:00:29.980 0:00:30.230 that's had a corner punched out and replaced, and the text in the block reflowed to go around 0:00:29.990 0:00:30.240 the punchout. And, in a sense, that's exactly what happened. But what if I want to put a 0:00:30.000 0:00:30.250 border around the main block of text? How do I keep it from encircling my punched-out 0:00:30.000 0:00:30.250 corner? Even worse, how do I get that border to run along the edge of the punchout? 0:00:30.010 0:00:30.260
0:00:30.010 0:00:30.260
0:00:30.010 0:00:30.260
0:00:30.010 0:00:30.260
Boxpunch
0:00:30.010 0:00:30.260 So we can do it after all! (Assuming we aren't using IE5.x/Win or IE6/Win, that is, which 0:00:30.020 0:00:30.270 isn't able to keep up. If you want to see the variant that does work in IE/Win, go 0:00:30.020 0:00:30.270 ahead.) Notice how the border of the main div is bent out of a rectangle 0:00:30.029 0:00:30.279 so that it runs inside the floated element. Okay, I'm lying. That isn't what's really 0:00:30.029 0:00:30.279 happening. Instead, I set one-pixel black borders on the right and bottom edges of the 0:00:30.039 0:00:30.289 float, and no border at all on the top and left edges. Then the float is pulled one pixel 0:00:30.039 0:00:30.289 up and one pixel to the left, which is accomplished by setting -1px margins on those 0:00:30.050 0:00:30.300 sides. This causes the float to overlap the border set on the main div, thus 0:00:30.050 0:00:30.300 covering up the black border with the white background of the float. The code looks like 0:00:30.060 0:00:30.310 this:
0:00:30.070 0:00:30.320 As in the curvelicious demo, the h1 at the top is 0:00:30.080 0:00:30.330 simply styled as normal, and its borders and background "slide under" the floated element. 0:00:30.080 0:00:30.330 This is expected behavior in CSS2. If you were to set a left border on the h1, 0:00:30.090 0:00:30.340 you'd have to make it at least 111px wide before it could be seen at all! Well, 0:00:30.090 0:00:30.340 unless it become so tall that it was taller than the float. Then you'd be able to see 0:00:30.100 0:00:30.350 it below the float. If your browser supports text zooming, try increasing the text size 0:00:30.100 0:00:30.350 until the h1 is taller than the float. You should see what I mean then. 0:00:30.110 0:00:30.360
0:00:30.110 0:00:30.360
0:00:30.110 0:00:30.360
Like this text? It can be 0:00:30.110 0:00:30.360 yours for just $19.99! But wait! There's more! If you call in the next ten minutes, we'll 0:00:30.119 0:00:30.369 throw in a copy of Amaya absolutely free! Don't delay-- act now!
0:00:30.119 0:00:30.369
Again with the punching
0:00:30.119 0:00:30.369 Of course, if one is floating elements, then one can float anything, not just images. In 0:00:30.130 0:00:30.380 this case I've floated a div, but it could have been any text element. The 0:00:30.130 0:00:30.380 borders and margins are set up just like last time. Think of it-- you could put a small 0:00:30.140 0:00:30.390 navigation panel in that float, or anything else that takes your fancy. A quotation, perhaps? 0:00:30.140 0:00:30.390 How about a small table of icons or decorative images? You could just float the table itself 0:00:30.150 0:00:30.400 and be done. Pretty cool, eh?
0:00:30.150 0:00:30.400
For that matter, why restrict yourself to 0:00:30.150 0:00:30.400 floating things into the corner of the box? How about going straight to the right or left 0:00:30.160 0:00:30.410 from within the block?
0:00:30.160 0:00:30.410
"Better to stick to what's needed."
0:00:30.160 0:00:30.410
It's the same basic principle as before, only 0:00:30.160 0:00:30.410 this time we need to draw three of the borders and only pull the float one pixel to the left. 0:00:30.170 0:00:30.420 We could keep pulling it one pixel upward as well, but that's no necessary here and 0:00:30.180 0:00:30.430 could (in theory) lead to complications. Better to stick to what's needed. Again, any element 0:00:30.180 0:00:30.430 could be floated, so you could float links for further reading, more decorative images 0:00:30.190 0:00:30.440 like folder tabs, a list of short ideas or points that are related to the main text, 0:00:30.190 0:00:30.440 a table of figures, or the familiar "pull quote" style of taking a short phrase in the 0:00:30.199 0:00:30.449 text and repeating it in larger text. Like we see here. 0:00:30.199 0:00:30.449
0:00:30.210 0:00:30.460 Note that, due to rounding errors, Mozilla (and thus Netscape 6.x) may not move a right-floated 0:00:30.220 0:00:30.470 element over as far as it should be. If you resize your browser window enough times, you'll 0:00:30.220 0:00:30.470 see a black border appear to the right of the pull quote. That's because the float is 0:00:30.230 0:00:30.480 one pixel too far to the left, and the main div's border becomes visible. 0:00:30.230 0:00:30.480 Hopefully they'll fix that eventually.
0:00:30.230 0:00:30.480
There are any number of ways this concept 0:00:30.240 0:00:30.490 could be extended, really. The only limit is your imagination! And negative margins 0:00:30.240 0:00:30.490 don't have to be restricted to floats, either. Consider this fairly 0:00:30.250 0:00:30.500 irregular-looking page and how it's been created. Some floats, some normal-flow elements, 0:00:30.250 0:00:30.500 a few one-pixel negative margins, and you've got some twisty layouts! I just hope Wired 0:00:30.250 0:00:30.500 doesn't sue me for stylistic theft... 0:00:30.260 0:00:30.510
0:00:30.260 0:00:30.510 ...would render in exactly the same way as the following document fragment and style 0:00:30.260 0:00:30.510 sheet: Header 0:00:30.260 0:00:30.510 Text How does one punch out the corner of an element 0:00:30.260 0:00:30.510 and put something in the space created? 0:00:30.270 0:00:30.520 coma purported 0:00:30.270 0:00:30.520 The page you are viewing right now exists to show off what can be accomplished with 0:00:30.270 0:00:30.520 pure CSS1, and that's all. This variant on complexspiral doesn't even use any CSS2 to 0:00:30.279 0:00:30.529 accomplish its magic. Remember: as you look this demo over, there is no Javascript here, 0:00:30.279 0:00:30.529 nor are any PNGs being used, nor do I employ any proprietary extensions to CSS or any other 0:00:30.289 0:00:30.539 language. It's all done using straight W3C-recommended markup and styling, all validated, plus a 0:00:30.289 0:00:30.539 total of four (4) images. 0:00:30.289 0:00:30.539 Unfortunately, not every browser supports all of CSS1, and only those browsers which 0:00:30.300 0:00:30.550 fully and completely support CSS1 will get this right. Despite some claims to the contrary, 0:00:30.300 0:00:30.550 IE6/Win's rendering of this page is not correct, as it (as well as some other browsers) doesn't 0:00:30.310 0:00:30.560 correctly support background-attachment: fixed for any element other than the body. That 0:00:30.310 0:00:30.560 makes it impossible to pull off the intended effect. Other browsers may or may not get 0:00:30.320 0:00:30.570 the effect right. Hands-on: Things to Examine 0:00:30.320 0:00:30.570 Before you start, make sure you're viewing this page in one of the browsers mentioned 0:00:30.320 0:00:30.570 above. Otherwise the descriptions to follow won't match what you see. 0:00:30.330 0:00:30.580 The first, easiest thing to do is scroll the page vertically. Make sure you scroll all 0:00:30.330 0:00:30.580 the way to the very end of the page and back. Notice how the various areas with colored 0:00:30.340 0:00:30.590 backgrounds also appear to distort the background image as if through mottled glass. Try changing 0:00:30.340 0:00:30.590 the text size and notice how the compositing effect remains consistent. Then make your 0:00:30.350 0:00:30.600 browser window really narrow and scroll horizontally. Again, everything should remain seamless and 0:00:30.350 0:00:30.600 consistent. 0:00:30.350 0:00:30.600 The demonstrated effect, that of having various elements backed with translucent rippled glass 0:00:30.360 0:00:30.610 of varying hues, is only possible using fixed-attachment backgrounds in CSS. (Okay, maybe it could 0:00:30.360 0:00:30.610 be done in Flash; I don't know.) I don't think it's even possible with IE's proprietary filters, 0:00:30.369 0:00:30.619 but even if this effect is possible with filters, I could easily enough devise one that isn't. 0:00:30.369 0:00:30.619 I missed the original complexspiral demo-- how does this work?!? 0:00:30.380 0:00:30.630 Glad you asked. The effect demonstrated here is achieved by using fixed background images, 0:00:30.380 0:00:30.630 nothing more. For example, the main-content area (the blue part here) uses the following 0:00:30.390 0:00:30.640 styles for the default spiral-shell background: 0:00:30.390 0:00:30.640 Previous
0:00:30.390 0:00:30.640
How about this curve, it is created using the sloping edge technique with stacked floats 0:00:30.390 0:00:30.640 of various sizes. The length of the div is increased with each float, and 0:00:30.400 0:00:30.650 the slope is changed by manipulating the thicknesses of the visible bottom 0:00:30.400 0:00:30.650 and invisible right borders.
YouTube Captions, Valid CSS!!! (See source for unbelievable CODE!) Call Eric Meyer! YouTube Captions, Valid CSS!!! (See source for unbelievable CODE!) And while i invented this two years ago...(check an older video if you don't believe), I never copied and pasted it into an edit field...but tonight, ...»See Ya
CRAZY DAVE TAPE 1-
CRAZY DAVE TAPE 2-
TOTALLY RADICAL PAUSE TAPE-
CRAZY DAVE TAPE 3-
AMAZING VIDEO WEIRDNESS-
PARTY TAPE-
LET'S GET TURKISH-
RADICAL POWERS---
