How to Use Shadow Boxes – Dreamweaver Tutorial
In this tutorial I show you how to use the popular shadow box. Watch in HD for clearer code view.
Don’t forget to check out our other video tutorials or share this video with a friend.
0 votes
Loading...22 responses to “How to Use Shadow Boxes – Dreamweaver Tutorial”
Leave a Reply
Video Tutorials
Bringing you the best video tutorials for Photoshop, Illustrator, Fireworks, WordPress, CSS and others.
Video tutorial posted 27/11/12
Category: Dreamweaver Tutorials
Tags: Boxes, Dreamweaver, shadow, Tutorial
Pages
Random Videos
-
-
Adobe Photoshop Tutorial — Produce Scary Photos!
4,423 views
-
-
Basic Cloning In After Effects Tutorial
4,614 views
Video Categories
- 3DS Max Tutorials (150)
- After Effects Tutorials (160)
- C# Tutorials (121)
- Colour (6)
- Crazy Effects (1)
- CSS Tutorials (120)
- Dreamweaver Tutorials (139)
- Excel Tutorials (127)
- Featured (10)
- Fireworks Tutorials (131)
- General Effects (9)
- HTML Tutorials (143)
- Illustration and Vector (1)
- Illustrator Tutorials (174)
- IMove Tutorials (119)
- Lightroom Tutorials (145)
- People and Faces (3)
- Photoshop Tutorials (169)
- Text Effects (7)
- Uncategorized (32)
- WordPress Tutorials (140)
Tags
VideoTutorials.co.uk
-
Videotutorials.co.uk offers the web's best Photoshop tutorials, Illustrator video guides, CSS and HTML tutorials and much more all in one place. With new videos being added every day, you can learn how to master software and code to give your images and website some great effects.
Our site has beginner, intermediate and advanced video tutorials of varying lengths so you can learn a new skill at your own speed and level. So whether you're a web designer, print designer or just wanting to edit some family photos, you can get to it quickly and easily using these free video guides. (more)
Americanii creeaza website-uri, olandezii construiesc masini zburatoare, italienii fac autostrade moderne…SISTEMUL DIN ROMANIA…manipuleaza calculatoarele, intercepoteaza telefoanele,manipuleaza oamenii…SISTEM DICTATORIAL FASCIST….tiganii Uniunii Europene…GUNOAIE FASCISTE
how can i make image gallery?
In theory Shadowbox will definitely work with other designers. After all, all you are implimenting is some css and javascript code, so as long as your editor supports developing using these languages, you should be fine. Dreamweaver is only acting as a Graphical Interface to type the code in, and because I don’t use any of the design tools, providing you places the files in the correct places, you could code this in notepad.
You made a great clear tutorial, but whatabout using Shadowbox with a program like Sharepoint Designer, Frontpage, or Web Expression 4? Not everone uses Dreamweaver. Will Shadowbox work with Sharepoint Designer or Frontpage? Although the Shadowbox instructions are very clear and self explanatory, I just could not get it work on my web editor. Not everyone has Dreamweaver. Do you know if it works with other web editors?
thx
I cannot seem to get this to work. i am trying to place my images/video etc in AP divs. Will this work with AP divs? Also, I have 2 other scripts in the page. Are they tripping each other up? Any help would be greatly appreciated
I cannot seem to get this to work. i am trying to place my images/video etc in AP divs. Will this work with AP divs? Also, I have 2 other scripts in the page. Are they tripping each other up? Any help would be greatly appreciated
Thanks for taking your time to make this video :D! I made the bastard work:D!
Peace.
@adobenicnacs hey when i make the images within folders the images wont load…even though i specify the directory
it does
Very well done for such a youngster. Keep up the good work, and good luck on getting more subscribers!
Good job kid…
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~
🙂
lol dont worry i managed to figure it out – great tutorial btw 🙂
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
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! 😀
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.
Also do the pictures have to be from the web or can they be on your computer? such as flckr or such? thanks again
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!!
yes, now works 🙂
In theory yes. I do not own a mac so I can’t test this, but I am nearly 100% yes.
works in mac? :S