Have you tried the ScriptyAccordion Action yet? It’s much simpler to configure (you only apply one Action to one element on the page) but it does demand a bit more from you in the setup of the elements you will be exposing and hiding (you have to make an inline layout for that area of your page). You get the “hide everything else” behavior by default in that Action.
Hello. Sorry, but I dont like this action, or I dont use it properly… What I want is http://www.i-tek.es/demoweb/test/index.html with the option of closing elements. With yhe ScriptyAccordion I get this: http://www.i-tek.es/demoweb/test/menu.html and I dont like it at all. I cant manage to set the background color, and other styles to the text… I feel really lost with styling.
Hello. Sorry, but I dont like this action, or I dont use it properly… What I want is http://www.i-tek.es/demoweb/test/index.html with the option of closing elements. With yhe ScriptyAccordion I get this: http://www.i-tek.es/demoweb/test/menu.html and I dont like it at all. I cant manage to set the background color, and other styles to the text… I feel really lost with styling.
You simply need to create some tag-specific styles for your headers, and that’s pretty simple in Freeway’s Style editor. Remember, a header tag can look like anything at all – it doesn’t have to be plain bold text.
Sorry, but Im completely lost with styling… might be something I dont catch in the sense… because when I style a text I cant give it padding or insert a background image, for example. And in this scripty accordion action, you need a h1 for the first item and p for the second, and if you change p, everything in the page changes…
Sorry, but Im completely lost with styling… might be something I dont catch in the sense… because when I style a text I cant give it padding or insert a background image, for example.
You can do both of those things. The padding is a little tricky, because you have to use the Extended attributes editor in the Edit Style dialog. But background image is absolutely there, in the Character picker. Have a look through the manual for the basics of using the style editor controls, and to control the padding or margins of your target element, simply click the Extended button, then press New, then enter:
Name: padding
Value: 5px 10px
or whatever value you need (the above gives you 5px above and below, and 10px at left and right).
Walter
And in this scripty accordion action, you need a h1 for the first item and p for the second, and if you change p, everything in the page changes…
On 28 Nov 2011, 6:56 pm, DeltaDave wrote: > > >you need a h1 for the first item and p for the second, and if you change p, everything in the page changes… > > But you can have H1.accordion or p.accordion and style these however you like without affecting anything else. > > David > > > > >
Hello. If I make a style H1.accoridion, it doesnt appear in the actions palette for the accordion… but Ill try again.
The padding is a little tricky, because you have to use the Extended attributes editor in the Edit Style dialog.
I do this as you say. I make a style for example .MenuText with font, font color, background color… and in extend button I add padding. I select a text and apply the style, but the padding is not applied.
You won’t ever see anything you add through Extended in the Design view in Freeway, but toggle over to Preview, or use Preview in Browser, and you will see it.
This is how Freeway has always been with Extended settings. Since it isn’t using HTML (in fact, there isn’t any HTML in a Freeway file) to generate the design preview, all it “knows” is what you have set with the normal style controls.
But once you switch over to Preview (or Preview in Browser) Freeway will actually generate the HTML file and resources, and in Preview mode, it’s actually looking at those files through an instance of WebKit – the same browser engine that drives Safari (and about 8 other browsers). So anything that is valid CSS or HTML will appear correctly there.
Walter
On Nov 29, 2011, at 7:23 AM, rakeljuice wrote:
The padding is a little tricky, because you have to use the Extended attributes editor in the Edit Style dialog.
I do this as you say. I make a style for example .MenuText with font, font color, background color… and in extend button I add padding. I select a text and apply the style, but the padding is not applied.
You’re confusing two things. All that the Accordion asks you for is the tag name that you will use for all of your controls It doesn’t matter at all what class name you have applied to those tags – h1.accordion means: tag = h1 & class = accordion. As long as you use the h1 tag for your controls, you’re fine. Any h1 inside the box you apply the Action to will be treated as a control. Any styling you apply through the class is completely separate from how the effect will work.
By the way, it’s not a great idea to have more than one H1 on any given page, and the text in that H1 should match up to the Title tag of your page. That’s just good semantic construction and it’s great for search engines. I would use an h2 or h3 for your navigation headers, as it’s not that important to the main thrust of the page.
Walter
On Nov 29, 2011, at 7:19 AM, rakeljuice wrote:
On 28 Nov 2011, 6:56 pm, DeltaDave wrote: > > >you need a h1 for the first item and p for the second, and if you change p, everything in the page changes… > > But you can have H1.accordion or p.accordion and style these however you like without affecting anything else. > > David > > > > >
Hello. If I make a style H1.accoridion, it doesnt appear in the actions palette for the accordion… but Ill try again.
Yhanks for your advices, Waltd. Im having more understanding about css. But Ive tried to make my menu appearance in the way I want to, but its imposible. Can you have a look to this links and help me, please, with Iam doing wrong?
In your h5.MenuTexto style, open the Extended dialog, and add the following two attributes:
font-weight: normal
margin: 0
As before, you click New once for each attribute, then in the Name field, enter the name of the attribute (font-weight or margin) and in the Value field, enter the value (the part after the colon). You don’t need to enter the colon itself, Freeway will add that.
Walter
On Nov 30, 2011, at 7:18 AM, rakeljuice wrote:
Yhanks for your advices, Waltd. Im having more understanding about css. But Ive tried to make my menu appearance in the way I want to, but its imposible. Can you have a look to this links and help me, please, with Iam doing wrong?
Thanks a lot. You are great. I have just upload and it works. Another thing Ive learnt: if you dont set something, it doesnt mean that is a cero, isnt it? I thought if I didnt set bold, why is it bold, but didnt think of it could be “normal”. ANd if I didnt set a margin, why the text have margin?
Every browser has its own default stylesheet (referred to in the CSS spec as the user-agent stylesheet), which governs how anything that is not explicitly styled will appear. Maddeningly, these vary (sometimes wildly) between browsers and even within the same browser between operating systems.
All header tags (h1 - h6) are inherently bold in all browser stylesheets, and you have to deliberately take that boldness away by setting the style to normal. Freeway indicates (when you open its style editor) that the font will be bold (the little B is darkened in the font style control) but when you click to un-check that, it doesn’t write the font-style:normal rule in an H tag. I feel this is a bug, and I’ve reported it.
Walter
On Nov 30, 2011, at 10:49 AM, rakeljuice wrote:
Thanks a lot. You are great. I have just upload and it works. Another thing Ive learnt: if you dont set something, it doesnt mean that is a cero, isnt it? I thought if I didnt set bold, why is it bold, but didnt think of it could be “normal”. ANd if I didnt set a margin, why the text have margin?