Spry Collapsible Panel: Dreamweaver CS4 Tutorial

[AYMERICK55]

I saw this video before and it is a nice one. BUT,what I do not find is a way to put several collapsible panels with different widt and height on difeerent pages in one webside.Venelinkristev told me to change the name but this is IMPOSSIBLE. Is there sombody who gives me the solution:HELP!!!!

[AYMERICK55]

To venelinkristev Yes , the second file overwrites the first; I suppose you can not give any name to that file. Is this a special name you have to give it? I will try once and will tell you. Thank you.

[SharpManFC]

Great tutorial, thanks! I need to watch more of these to learn, I got Dreamweaver CS4 but had no idea of how many new things it added in a couple years... thanks.

[AYMERICK55]

I am trying to setup multiple collapsible panels and it doen't work. The first one is no problem but when i make another one on another page with another width and hight the first one I made takes this new width and Height.How is it possible to make one every page of my website a collapsible panel with each another width and height. Thank you!!

[venelinkrystev]

@AYMERICK55

Try to change the name of .css file, I think that 2nd spry overewrite the old .css spry file.

[ratanacambodai]

see you tube happy all time

[BullDog71169]

I am trying to setup multiple collapsible panels. I have managed to do this with multiple css files. I duplicated the first, renamed it and renamed the references, etc. The problem I see so far is the rollover images all still refer to the first date/image. I've been fighting with this for a couple days and would appreciate any help.

bugorama(dot)com(slash)test

I'm hoping I use this file when finished as a php include for my sidebar.

Thank you in advance.

[WeKnowMac]

i done it like you did , putting the colapsable panel on a serperate .html, how do you copy it so you can place it on your index?

[israelda1]

Love all your videos on youtube and your site. Would you happen to have anything on building an RSS feed in dreamweaver cs4. Either how to make an RSS feed or how to create an RSS feed that would show several links like featured news. I can explain more if given a response. THANKS!!!!!

[TekNoteSarge]

Awesome video tutvid! Easy to create and edit Collapsible Panels was very well done.

[MoonshineNL]

awesome dude! i love how your videos aren't edited. you can trust tutors who make things work and good decisions on the fly. 

[miguelnn13]

chingas a tu madree, todos tus pendejos putos videos se ven verdes, no logro ver niuno, PENDEJO

[sarathg100]

nice sound!!

[Vicriderforlife]

You sound exactly like Charlie Sheen!

[meneermalik]

Great stuff. Exactly what I needed to know for my spry tabs.

[neilss1]

Im using a spry as a vertical navigation on my site BUT i do not know how to get the collapsible panel to begine CLOSED so all the options arent visible until you click, anybody know?? I know its to do with option "contentisOpen" and set it to false but I dont know how to do this any ideas ????? dreamweaver CS4

[ksudude25]

@neilss1...On Dreamweaver, make sure you select the panel, click on the little spry widget blue rectangle where it says "Spry Collapsible: Collapsible. On the properties box, choose "Closed" on the Default State but make sure you have Display "Open". It works! I hope you could understand the stuff that I just explained to you.

[holosjourney]

@ksudude25 I does work when I preview it but once uploaded in my FTP and it goes live, the spry does not work anymore. Whatever the browser! Any idea? Thanks in advance.

[ksudude25]

@holosjourney ...Make sure that you upload everything, including the folder containing the scripts that Dreamweaver generated for you. Sorry for the late response, I've been swamped!

[knighthockey21]

@ksudude25 WOW THAT WAS SIMPLE!!! haha thank you so much for answering neilss1's question. You saved me a major headache!

[ksudude25]

@knighthockey21 ...you got it, glad that I was able to assist you. cheers!

[ksudude25]

@knighthockey21 ;) anytime. happy coding.

[LightmovesPL]

@ksudude25 thank you this was very helpful!!

[ksudude25]

@LightmovesPL ...Glad that I could help =)

[AYMERICK55]

@neilss1 First you click on the bluebar above your collapsible panel. It appears when you are on your collapsible panel with your mouse. Than you willsee in the propriobar at the undersite of your screen to smal windows and you will see in the windows open or close.I am sorry my dreamweaver is in Dutch and not in English

[Techz00r]

I have dreamweaver CS5 and I can't find the Spry menu in the left corner :S

Does anyone know if this function exists in CS5 and how to reach it?

[nokhazali]

website visit for dreamweaver cs5 step by step free tutorials

dreamweavercstutorials.co.cc

[neil33491]

thanks

Would love to see this placed in a webpage. Would it push content down? I'd love to see the application.

[MaroKage]

Thx for the tutorial! but you never showed us how to place it in the site :(

anyone knows how?

[ducucs]

aiiiiii belivvvvvvv :)

[Zethux]

13:43 "If I can fuckin' spell both."

[WollieX3]

@Zethux Lol ; i Didnt Notice Till I read Your comment , now im laughing @ Him! XXD Lol!

[a32Unitu]

Please do help to find your other tutorial on rounding the edge of the text freymf, by imposing four pieces of JPEG or * PNG from Photoshop which is like a part of the design Spry Collapsible Panel: Dreamweaver CS4 Tutorial.

[purevtsagaanme]

robert 2002 use beginner's video tutorial

[Russanguy09]

is that on mac?

[No1Gollywog]

Thanks man your a life saver. reduced my website pages no end using this. :)

[MrNuun]

When I click my image to open the collapsable panel a terrible terrible.. TERRIBLE brown border get puts arround the tab.. And there's no way it's going away.. Any help? :(

[robert2002ve]

anybody knows a tutorial where i can learn step by step to use dreamweaver?

[No1Gollywog]

@robert2002ve This guy has one, search [CSS] dreamweaver tutvid. Helped me out loads

[itsmyhalovid]

@robert2002ve no but its is very simple if u sub me i can telll u most of the basics and make a quick vid butonly if u sub

[MrNuun]

Is there a way to make it appear closed when you open the page instead of opened by default? I want it to be closed..

[MrAndrePereiraSantos]

This was the best video about this i saw until now..

Look, im new into this, i want to make 7 or 8 like u did, but side by side...and when i open one, the other one wich is opened must close. how can i do that?

Another thing: the px of the tabs is 120px. and the content, 1024px,..im trying for hours to align the spry collapsible panel to the center of the page.. how can i do it? thanks in advance.

[robinsidney]

thanks for your tutorials and your time!

[gregtdude]

Hey I love the little spiky haired fella!

PS Great video yet again! :)

[ge0rge666]

sorry man good vid but for some1 so skilled at photoshop.. and then have a logo like yu do at the start of your vid seems completely crazy?

i feel the same way about your logo as i do about 'comic sans'

[wrdeboise]

I like programming the jquery myself for easy apps like this. I like it for two reasons a) I can modify the script myself b) I can make it very terse and move it in a separate document. But good vid though.

[calsiho]

in spyte my english it is bad, your explanation it is great, thanks, I was able to do it.

[diehardcowboys]

Many thanks Tutvid. You are the best in your field! I always came away with some cool ideas & fun learning from visiting your website & tutorials. keep it up dude!! 

[stefanlucian2008]

SORRY LEFT NOT RIGHT I WHANT TO PUT A NAVIGATION BAR AT THE LEFT OF MY PAGE....AND THEN ALIGN THE TEXT AT THE CENTER WITHOUT THE NAVIGATION BAR BUTTONS COME TO THE CENTER TO..

[stefanlucian2008]

hi i have a problem with dreamweaver 8,i whant to put an navigation bar at the right of my page and when i try to type some text at the left and put it on the center of the page the navigation buttons come to the center to so how can i do to make them stay ,and type text at center of my page?Thanks

[Gweebs30]

Excellent vid! Well explained and easy to follow.

[benbenny1000]

ple help me ,or show me how to put my logo on my pictures tnx.

u r awesome!

[isreal6]

boy I wish I was Spry haha

[shiveshc]

cool vid man, welll explained

thnx

[ZhanTaoF]

can sum1 give me some disadvantages of dreamweaver

[joejoerg]

@ZhanTaoF ummmm its expensive?????obviously not a ripoff but expensive i guess?

[okbeachwrestling]

@ZhanTaoF - I have talked to many webpage designers that hate dreamweaver - but they know how to code very well. The feel like dreamweaver holds them back and they do not want some program controlling what they want to do - those are the only disadvantages I have heard.

[ViruX00]

spry

[dxpsicosmic]

you voice sounds like u are holding your nose

[jakeeBheybe]

@dxpsicosmic yeah .. lol

[dxpsicosmic]

@jakeeBheybe haha yea he's trying to hard to speak well too

[MrRichiesixx]

@dxpsicosmic and Im sure you sound angelic

[FULLALCHEMIST1]

tutvid ah need help please: I WANT TO CREATE A MATRIX EFFECTS IN DREAMWEAVER OR ONE OF THEM HELP ME.

[zakuma22]

Bless you for these videos. Awesome tutorials!!

[Shanication]

I NEED YOUR HELP!

The panel is open when I go to my site - how do I change that?!

Please answer, Shanna

[phoenixrs84]

@Shanication

hi man!

down in propertise when you click on eye(on tab panel) you have:

Display:closed

Display state:open ---->here you need CLOSED!!!!

and that is all ;)

[SteamFox]

Just what I was looking for. I have two questions however:

1. My panel is opened by default. How do I change that?

2. I have many rows of text and created a collapsible panel to one of those rows. Now the text before and after the collapsible panel row has a space in between them and the row with the collapsible panel. How to fix this?

Thanks!

[chris4laura]

Nice one. I think I'm going to have to use Dreamweaver again, really handy for some templates for web content...

I've been developing purely in a text editor and manual css, but even using that feature to generate the basic css and js files would be excellent, then allow me to modify it manually!

Great stuff.

[Dragonss102]

Thanks, I love your videos. what does the "clear me"thing do anyway?

[mahendrarc]

@Dragonss102

Great Video, Appreciate the effort to explain in clean english and good pronunciation.

Me too confused with the clearMe thing. Why exactly it was used?

[MaKaDeViL]

1st comment did not show =/ , love your movies, learned lots of stuff, but in this clip div class='clearme' inside 'p' would validate 1error, span class='clearme' would do it valid way cause its inline element.I`am sure you know and its not a big mistake just to let rest of people get it right =) take care and keep up great work!

[skywifi]

Where did you learn to do all this? I found your videos yesterday and I really enjoy watching them. I'm currently learning Photoshop CS3 Extended and Dreamweweaver CS3. I would love to barter with you. Remote Support for Photoshop/Dreamweaver CS3 training. If your interested, send me a message. - Jackie

[MegaAl2112]

Thx! This is exactly what I've been looking for

[giantrvchris]

i am going to name my kid after you. thanks!

[VideoFreakAustinT]

Name it after optimums prime!

[scientist100]

@giantrvchris rolf

[02javis]

thanks Nathaniel.

[jweze08]

nvm.

that question that i just asked.

i made it happend.

i am so excited.

[jweze08]

i have a question for you;

more like a convo-

you see how the spry col. adjust everything thats at the bottom of that. (anycontent thats below the stuff it brings it down. i know you dont like apdiv

now when everything is in dreamweaver it messes up my whole page

A REGULAR DIV DOSNT FIX THAT.

would you say a ap would fix that.

and if you think it is. how do you get it to sit within that same cell that you want to apply the colap to so that it goes on top of everything (it have a higher index)

[chungvudesign]

thanks

[OfficialNandyJ]

this works for myspace layouts aswell?

[VideoFreakAustinT]

Should, just HTML and CSS

[kennji101]

When i click on my panel tab I get a organe border armond it and it wont go away :s Please help me with this!!

Btw I love all of your tutorial

[Remiss63]

Good job. Would like to see Spry panel inserted into a page to see how they interact.

[jsweetbo5]

how did you get this video to be almost 20 min

[evrdrandosity]

@jsweetbo5 he is sponsored on youtube see the banner above the subscribe button

[nikosyv]

@jsweetbo5 LOL, he's not sponsored, he's a Youtube Partner which unlocks some great features on the site and makes it possible to earn money from ads.

[forrie]

From your voice, I'm going to guess you work in sales, customer service or collections ;-)

I think this collapse bar can be done with less effort with JQuery and other toollkits, possibly?

[lucas199400]

Can i also put some dynamic PHP text in here? So it might be 2 lines of text, but also 200.. WIll it automaticly change the size of the box when it loads the text?

Thanks in advance,

Lucas

[brad828]

Yup :)

[Winsucker]

jQuery is the way to go...

[brad828]

yea - but I suppose it is easier to just point and click in DW, but jQuery is awesome ;D

[StarlitEclipse]

So, just a matter of knowing what you want and how to get there really as silly as that sounds.

[dreamd787]

it's second and third...

[HelleRita]

great and very clear tut. Have you another tut where you show this wit a dynamic content like ASP? *s*

[spider853]

Its easier to write by hand )

[99SylverBalloons]

You're amazing! But I was wondering how you make your tuts? With the screen capturing and your naration... and also, a while ago you did an iPod picture-ish thing and I was wondering how you got your model sort of cut around just her figure... that seems like a good thing to know! xD

[brad828]

I believe nate uses Camstasia to record his vids - correct me if im wrong.

[darwinahmad]

you are very clever in guessing... :)

[scientist100]

I forgot about that but he mentions it on the FAQ on the site, and no, it's not Camtasia, it's something called 'deskshare' actually, that's the site and a separate mic. It's under resources tab

[rulix36]

u are the best

[XSoul360]

What the best FREE place to host a dreamweaver site?

[BomberLaaz]

You can host your site through your own Computer, which is the best free way :P.

Just google, "Hosting Home Site"

[ajudaaduja]

joomla beat

[Ozzurfer]

Your tutorials are just THE BEST! I make photoshop tutorials but damn they come nowhere close to yours! Great job mate. I'm gonna try to learn CSS through your tutorials, that's something I'd really like to be able to do.

I only have one proposal to you: I suggest that you try to make the tutorials a tad shorter. I think that could be done without sacrificing the quality of the learning experience :)

[Mr94Mark]

Happy Birthday!

Great Tutorial

[stylishvampire]

Thank you very very much

you are a genius

a great teacher

[mitchellprice111]

listen. im subscribed to both you and your magical twin brother mark apsolon. why dont you just combined your two channels. (and your other ones cause i would think you would have more then two)

[Splinter3Cell]

Great video, I just love it.

Thanks for the video!!

[OneCompHelp]

Happy birthday Nathaniel!

[mattmmmg]

what is a define of a widget

[aerobique]

i like turtles

[pidge702]

dude your tutorials are sikk planning to add this to my site!!!

the video thumbnail attracted me to watch this vid keep doing that :)

[ReLoadXxXxX]

Guys its his birthday !!!

[Kaarle15]

i want to work for you in the future.

[irishpimp1001]

great teacher!!!!

[Waranle]

Just want i needed. Thank you

[Wannahalik]

ЦЕА

[hope1light]

Please keep making tutorials :)

Thank you so much :)

[marquesbrownlee]

Great work, awesome tutorial!

[GameTrailerHDQ]

thanks for this tut

[Cezarijus]

good stuff tnx ; )

[tutvid]

haha clever, but no man, no can do

N.

[MrTrianglz]

I don't have spry on mine

I have DW 8

[aegnt09]

awesome!