Create Custom Styles

Question:

---

How can I create a permanent custom style for my Advanced Layer Pop-up?

Answer:

---

Here is the way to create a new style :

I decided to create a new 'SimpleRed' style. I took the 'SimpleBlue' folder in "..\Adobe\Dreamweaver 9\Configuration\shared\DMXzone\Adv Layer Popup\Styles\" duplicated and renamed it to 'SimpleRed'. Then I recreated bg.jpg and close.gif (without changing their names) to match the style name - bg.jpg I gave a red tint:

       

and close.gif - blue. 

                                                                  

It is important to know that the new style's folder and css file inside it must be named identically.

So I named my css 'SimpleRed'.
In order to have styles implemented I renamed the css nodes to mach the style name - ".SimpleBlue h2" became ".SimpleRed h2", and etc.
If I want to add a css style I need to do it like this:
".SimpleRed .mystyle {border: 1px solid red; color: gray} , but the h2 is enough since it is the only visible element from the Pop-up.
Now you can edit the css properties and have your own style implemented in the extension.

                             

If you like that style you can download it here:
http://dmxzone.com/demo/alp/other/SimpleRedCustomStyle/SimpleRed.rar

NOTE:

---

Directory path may differ for different versions of Dreamweaver and the Operating System as well. For more info review this article:  Config files location of DMXzone Extensions .

---