Authentic voices. Remarkable stories. AOL On Originals showcase the passions that make the world a more interesting place.
Gwyneth Paltrow and Tracy Anderson spend time with women who've overcome hardship, injury, and setbacks to triumph in the face of adversity. We'll hear their inspiring stories firsthand, whether fighting back from a career-ending injury or transforming their lives and bodies through diet and exercise.
Enter the graceful but competitive world of ballet through the eyes of executive producer, Sarah Jessica Parker. This behind-the-scenes docudrama reveals what it takes to perform on the ultimate stage, the New York City Ballet. Catch NYCB on stage at Lincoln Center.
The Future Of Us is a powerful original series from television personality, futurist, filmmaker and techno-philosopher, Jason Silva. In this series, Silva shares his excitement around recent discoveries and inventions.
ACTING DISRUPTIVE takes viewers inside the businesses and passion projects of Hollywood’s top celebrities.
They say every picture tells a story and AOL On's new original series My Ink proves it. Travel along as some of the world's greatest athletes bring their tattoos to life through exclusive interviews and visits to their favorite tattoo parlors.
Explore what it means to be human as we rush head first into the future through the eyes, creativity, and mind of Tiffany Shlain, acclaimed filmmaker and speaker, founder of The Webby Awards, mother, constant pusher of boundaries and one of Newsweek’s “women shaping the 21st Century.”
Discover crowdfunded small business success stories with author, comedian, and entrepreneur Baratunde Thurston.
Go behind-the-scenes with racing's hottest, young talent, 17-year-old Dylan Kwasniewski, as he aspires to make it in the #1 motorsport in America – NASCAR
Follow Scott Schuman, the Sartorialist, from the streets of NYC to the capitals of Europe on his quest to photograph and document the best in culture and fashion.
Iconic potter, designer, author and personality Jonathan Adler shares his unique perspective on creativity. Showcasing the inspiration Jonathan finds in the most unlikely people and places, Inspiration Point will add style, craft and joy to your life.
Serving Innovation gives a fresh look into the stories and passions that motivate some of the most innovative tastemakers in America.
A documentary directed by Alex Winter exploring the Napster downloading revolution; the kids who created it, the bands and businesses that were affected and its impact on the world at large.
Nicole Richie brings her unfiltered sense of humor and unique perspective to life in a new series based on her irreverent twitter feed. The show follows the outspoken celebrity as she shares her perspective on style, parenting, relationships and her journey to adulthood.
In this Dreamweaver tutorial you will learn how to use shadow boxes.
Tags:How to Use Shadow Boxes - Dreamweaver ,adobe software tutorials,adobenicnacs,digital manipulation,dream weaver tutorial,dreamweaver,shadow boxes
Grab video code:
Hi guys! I’m working for this tutorial brought to you by AdobeNicNacs and this is one of the five promised tutorials to make up of all the absence of tutorials because my microphone was broken. And this is going to be the Dreamweaver OEM. And I thought be we have to look at very popular thing on the internet where it has been popular for sometime on this and its Shadow box. And you probably seen it, so, I’ll show you an example and then you probably recognize it.
So, I have a picture here, you click and the rest of the picture is grayed out and the picture opens up and it can be in the Gallery or in a single image like this. And I before that, I show you really quickly in Dreamweaver on how to set this all up. So, we’ve got a Shadowbox-js.com or I just Googled Shadow box and just click Download, download it, I’ve already done that for you and once you download it, you get a zipped file. So, I’m just going to set up a site in Dreamweaver and I’ve got two images which I’m, going to use, I’ve got the image and the thumb, thumbnail image, and look at the zip file. So, I’m just going to right click and extract it here, and I will just delete the zip file now. In here, we’ve got everything we need, so what you can do is you can just take all this, copy it, go back into the site, paste it and then we can get the shadow box field photo.
See you probably do not actually need half of this stuff to do it, but it’s worth having it there in case you want to take it a little bit further than it originally is because all we’re going to be doing is the very basic one. So, on the Shadow box site, go to Usage because we’re just going to be following all of this because this is–this site got everything, it tells you exactly how to set it up. It’s really easy. And so we’re just going to be following that, I just want to show you how easy it is and how easy they make it to set it up.
So, we’re just going to go into Dreamweaver and just refresh. So, we’ve got everything we have here and let’s create a new file. So, right click, new file, we’ll call this index.html. We’ll go into that and this is what we’ve got, so we’ve got nothing in code view, this is what we could just rename this file to Shadow Box Example. Then what we need to do is we go here and we’ll see what they tell us to do. And it says the simplest way set up blah blah blah and it tells us we need to stick this in the head tag. So, just highlight this, copy it and you now head tag up here, just paste it all in.
So, it tells us a list if you go down here and it tells that this is what we need to do it. There we go, so we can just copy this in and we put this in our body. I will paste this. So what we’ve got here is the Image that will show up in the big box. So we’ll change this and because it is not read that right to you, you can just choose this to sunset_img. This can be any with what you want, sunset_img. And then the thumbnail goes in here. so in the moment it's just got text, so we have to link and we can actually change this to an image. So if we do img and then we go source, and we can just type in here sunset_thumb.jpg, close this. And if you’re going to see in design, you see of a thumbnail and then if we actually just save this and preview it in Google Chrome and just click this and that comes our shadow box and there you go. How does that take us to do? Two minutes, three minutes how easy was that. And this can be so customize, you can customize the CSS, you can customize everything. You can make it into a Gallery.
So, this is really was quite quick tutorial, it’s very powerful, you can use this as long as you want, it’s nice to keep lot of license and with license stuff like that. Yes, that’s it, in case you don’t really know, I’m trying to get to 100 to subscribers before the 31st of August. So if you haven’t really subscribed and you will quick access to all my new videos straight from YouTube front page, please, please subscribe. But other than that, please comment right and please subscribe to this video and all my others, if you like of course. Feel free to comment, if you don’t. Other than that, thank for watching!