How to Use Shadow Boxes – Dreamweaver Tutorial

July 12, 2010 admin 19 comments

In this tutorial I show you how to use the popular shadow box. Watch in HD for clearer code view.

Dreamweaver boxes, Dreamweaver, Shadow, Tutorial

#1 | Written by oneilldawg about 2 years ago.

@adobenicnacs hey when i make the images within folders the images wont load…even though i specify the directory
#2 | Written by oneilldawg about 2 years ago.

@andrescastillo7 it does
#3 | Written by commonmind about 2 years ago.

Very well done for such a youngster. Keep up the good work, and good luck on getting more subscribers!
#4 | Written by conspiritor2 about 2 years ago.

Good job kid…
#5 | Written by designiseva about 2 years ago.

Hi This is a user from hong kong,
I can already did the fuction u teach in the video,
But I would like to know how to build a gallery, non single image,
Would you tell me how by leaving me back comments?
Thanks for help~
#6 | Written by tnwofor about 2 years ago.

lol dont worry i managed to figure it out – great tutorial btw
#7 | Written by tnwofor about 2 years ago.

its works great with normal images but im trying to use shadowbox with a roll over image and im having a hard time knowing where in the html code to put the rel=”shadowbox” – any clues? would really appreciate the help, thanks
#8 | Written by adobenicnacs about 2 years ago.

The picture needs to be either on your web server or hosted online from another site (such as flickr). When you come to host your website you must upload your file to your server instead of having it on your computer. If you want to use an image from flickr copy the image url and paste it where we put the file path of the image on our computer. Did that make sense? I hope so!
#9 | Written by adobenicnacs about 2 years ago.

I am not using a plugin. It could be a problem with your browser. Make sure things such as javascript are turned on, and if it still fails try switching to the Google Chrome browser as used in the video.
#10 | Written by babaanaa about 2 years ago.

Also do the pictures have to be from the web or can they be on your computer? such as flckr or such? thanks again
#11 | Written by babaanaa about 2 years ago.

I did everything you said and it takes me straight to the pic with no shadow or effects! please let us know if you are using some kind of plug in or if you have a special size or something thanks!!
#12 | Written by andrescastillo7 about 2 years ago.

yes, now works
#13 | Written by adobenicnacs about 2 years ago.

In theory yes. I do not own a mac so I can’t test this, but I am nearly 100% yes.
#14 | Written by andrescastillo7 about 2 years ago.

works in mac? :S
#15 | Written by BuskerDo72 about 2 years ago.

Sweet, man… thanks a bunch.
#16 | Written by BlueNinjaChidori about 2 years ago.

hmm? for sum reason i did everything like you told me… yet. i am not getting a shadow box. its just taking me to the picture
#17 | Written by majikweb about 2 years ago.

Thank you Daniel, it was fabulous!
#18 | Written by D3c3pt1kun about 2 years ago.

Great tut, cheers
#19 | Written by domarco22 about 2 years ago.

Thanks, Great Tutorial.

Frailwords

Recent Posts

Browse by Tags

How to Use Shadow Boxes – Dreamweaver Tutorial

Leave a Comment