I’m really having problems with working out how to input complicated CSS using the styles inspector. For instance, I’m been trying to get an accordion script to work and in order to customise it I needed to set up custom CSS styling to go along with the various elements of the accordion. Is there anyone who can take me through the basic process of translating this (below) into Freeway styles? (I haven’t pasted it all - just enough to get the general idea):
/* Vertical Accordions */ .accordion_toggle { display: block; height: 30px; width: 290px; background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; padding: 0 10px 0 10px; line-height: 30px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; } .accordion_toggle_active { background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; color: #ffffff; border-bottom: 1px solid #f68263; } .accordion_content { background-color: none; color: #444444; overflow: hidden; } .accordion_content h2 { margin: 15px 0 5px 10px; color: #0099FF; } .accordion_content p { line-height: 150%; padding: 5px 10px 15px 10px; } _______________________________________________ freewaytalk mailing list email@hidden Update your subscriptions at: http://freewaytalk.net/person/optionsOpen the main Styles window (click the Cog icon in the Styles palette
and select Edit Styles from the menu). Using the “Character” section
of the window click the “+” icon and select the attributes from the
menu. Many of the ones you need will not be listed in the default
list so you’ll need to add them manually by clicking the Extended
button and adding their name and value. The style names do not
support underscores so you’ll need to change .accordion_toggle
to .accordiontoggle.
Todd
On Nov 29, 2007, at 6:29 AM, RubberDuckie wrote:
I’m really having problems with working out how to input
/* Vertical Accordions */ .accordion_toggle { display: block; height: 30px; width: 290px; background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a; padding: 0 10px 0 10px; line-height: 30px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; color: #000000; border-bottom: 1px solid #cde99f; cursor: pointer; margin: 0 0 0 0; }
complicated CSS using the styles inspector. For instance, I’m been
trying to get an accordion script to work and in order to customise
it I needed to set up custom CSS styling to go along with the
various elements of the accordion. Is there anyone who can take me
through the basic process of translating this (below) into Freeway
styles? (I haven’t pasted it all - just enough to get the general
idea):
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
There two easy ways to do this easily
either place the all the styles from
.accordion_toggle {
to
padding: 5px 10px 15px 10px;
}
in a text file and name it with a .css extension then import the whole style sheet via edit styles then clicking on the cog at the bottom of the palette and clicking on import.
that with then import the style sheet.
what you then do is drag each style into your style sheet and hey presto all the styles are in your style sheet.
the only problem is if the styles need to be in a specific order because freeway wont necessarily place them in the style sheet in the order that it was originally written.
In this case it may be easier to reference the style as an external style sheet using
just place it in the external style sheet folder
then place the following in the before
using page/markup
just remember to change the name to the external style sheet name
@import url(css/what_ever_the_style_sheet_is_called.css);max
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I have no idea what’s gone on here
as I have just sent in a full detail instruction on how to do this easily without having to do too much work!!!
why on earth is my name on the bottom of the quote
where is my reply gone?..
into the atmosphere.
If it is gone I will write down the two methods again
max
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Easy Method 1
Ok seems my post has gone pop and disappeared so here it is again
Copy the styles into a text file so that’s from
.accordion_toggle {
Down to
padding: 5px 10px 15px 10px;
}
Then save this text document with the extension .css (use something like text wrangler to create the file)
Now go back to freeway and go to edit styles click on the cog and use import
This will import the style sheet
Now drag the styles into your style sheet please not the naming will be as the originals and wont need to be adjusted
And that’s it all styles have been imported.
The only problem is if the style sheet needs to be in a specific order if so and freeway does re-jig the order about then you will need to use the other method.
See method tow coming in the next mail
max
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Method 2
Click on page/markup and place the following in: Before
@import url(css/???.css); </style Change the ??? To whatever the .css style sheet you created was called And remember to place this style sheet inside the css folder after publish. What this does is create a link to this external style sheet Again that's it the only draw back is you can only adjust this style sheet out side of freeway max as a little note this is the third time I have had to write this .. I don't know what's going on with the post kind regards max _______________________________________________ freewaytalk mailing list email@hidden Update your subscriptions at: http://freewaytalk.net/person/optionsMax (and anyone else aggrieved by this frank bug in the forum software) I believe I have it fixed.
Note that this post is back, in all its glory, including all the missing elements.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options