[Pro] h1 h2 tags in WebYep/TinyMCE

Freeway
1

Hi

I am building a site which will be in large part WebYep and constructed taking guidance from Dan Jasker’s screen casts on a boxmodel to hold WebYep items (and probably the answer is in the screen casts I have yet to look at - just tell me Dan and I will go back to my studies…)

I am using external style sheets to create styles for TinyMCE. TinyMCE will also allow me to format headings 1-6. But can I, as in Freeway, change the look of those headings (eg font weight - normal)? If so how & where? Or should I create these as short/long text items in WebYep and style/tag them with the Freeway styles/extended options?

I am thinking that this latter option may be for the best and ban using them in a richtext item as I foresee the new site owner being tempted to add h1 and h2 at will in TinyMCE with dubious results. However I would welcome any thoughts on this.

Best Wishes Richard

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I am in the middle of using WebYep in a site (very minimally at this point) after viewing Dan’s screen casts and with MUCH help from Dan and Max Fancourt!

Why I did to make CSS styles for the external style sheet, was make a separate CSS styles site that I use just for making styles.

I make my styles in Freeway the normal way. Publish the page and copy the styles from View Source and paste them into the external style sheet.

In this way, I imagine you can alter the H styles in Freeway the normal way, then publish that page and copy the H styles from the source view in the browser.

That’s kind of my round about way of doing it, but it’s worked so far!

Bob

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Hi richard
when you ar creating your external style sheet
just add the h1 h2 h3 styles with there appropriate look

so for example if you added this to the style sheet the TinyMCE editor should use these styles for the htags

h1 { font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight: normal; }
h2 { font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight: normal; }
h3 { font-family:Helvetica,Arial,sans-serif; font-size:14px; font-weight: normal; }

or if you wanted to match the freeway output you could do this:

h1 { font-family:Helvetica,Arial,sans-serif; font-size:18px; font-weight: normal; }
h1:first-child { margin-top:0px }
h2 { font-family:Helvetica,Arial,sans-serif; font-size:16px; font-weight: normal; }
h2:first-child { margin-top:0px }
h3 { font-family:Helvetica,Arial,sans-serif; font-size:14px; font-weight: normal; }
h3:first-child { margin-top:0px }

Personally I try to restrict the client as much as possible
otherwise it usually ends up being a bit of a dogs dinner… the old cliche make it bigger or if thats not enough make it bolder if that’s not enough go the whole hog and make it red usually creeps into the deign.

I have been working at a mini bar style menu for the long text box so for anyone who is interested her is a sneak preview

http://www.max-izzat.co.uk/longtext/longtextscreenshot.png

all the best max

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Thanks Max and Robert… Obvious when you see it written down! I can see that I must get my CSS up to speed. And yes Max good advice re restricting clients - will keep it in mind on this job.

Regards Richard

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options