Forums

ChronoForms v8 is now WordPress ready, ChronoMails is out

The JED needs volunteers!

custom css style and jscript source file

ob
obisi7 14 Nov, 2009
I created a contact form in Dreamweaver CS4 with the FlexiPanel CSS add-on. Some codes that make this form look as it does are contained in script file and a css style file (see below):

<link href="includes/CSSPanels/stylish/pink.css" rel="stylesheet" type="text/css" />
<link href="includes/CSSPanels/CSSPanel1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="includes/CSSPanels/CSSPanels.js"></script>

My question is this:

1. Should I copy the above codes with the form code into the CF form code?
2. Should I reference the CSSPAnels.js as shown above and place the file in the respective folder on the server or should I simply copy the content of CSSPAnels.js into the jscript tab in CF.
3. How do I handle this to ensure my contact form retain the look and feel as designed in DW CS4. I know I need the styles and script shown in the form code.

Thx for your assistance.
ob
obisi7 14 Nov, 2009
Problem Solved. I did the following to solve my onw problem.

1. Uploaded the files to the direcotries indicated in the code entries.
2. Included the code entries wihtin <head> </head> tags as the first entry in the form code and voila.There may be other simpler ways but I tried first to put the styles entry in the styles tab and the script code in the script tab but didn't work. Once I moved the codes into the form code, everything works.

3. You can check this stylish contact form out at this url: http://ipatrivers.rvha.gov.ng/park/index.php?option=com_chronocontact&Itemid=27

With thanks to the new Dreamweaver CS4 that made creating this and more content and menu panels very easy. Of course, many thanks to CF that allowed simple code pasting from web development tools as well.

Cheers.
This topic is locked and no more replies can be posted.