Loading...
 
Skip to main content

New Themes

Forum List Topic List

Forums » New Themes » increase/ decrease font size as in doc.tikiwiki
 
Thread actions

    • increase/ decrease font size as in doc.tikiwiki

    Posted by gezza on Fri 14 of Sep, 2007 15:47 GMT-0000 posts: 11 Hungary

    i really like the design of the documentation site, especially the header part where you can increase/decrease fontsize..how can I apply it on my site? do I have to modify the top_bar_tpl or.. ?
    thanks for the answer in advance,
    cheers

    Reads: 20143
    Posted by Gary Cunningham-Lee on Thu 20 of Sep, 2007 01:31 GMT-0000 posts: 254 Japan

    The doc site uses the Site Identity feature for the top of the page, and the new theme (Mittwoch, an adaptation of a Joomla theme) also has a navbar.tpl file that holds the horizontal menu and font/color changing links.

    There are onclick javascript links for the size changes in this navbar.tpl, but they could be in a theme's tiki-top_bar.tpl, tiki.tpl, etc. The theme's header.tpl has a link to the javsscript file used (needed to load in the html head section). You can see all this if you look at the source of the completed page, and find the URl for the javascript there as well (md_style.js).

    For the text to resize, the theme must specify font size using % and/or em. Text given a px size won't resize.

    I'll document this in more detail when the theme is available to download here, which won't be long.

    -- Gary

    Posted by gezza on Fri 21 of Sep, 2007 08:40 GMT-0000 posts: 11 Hungary

    Thanks for the reply chibaguy, it is moreorless clear now 😊

    so the file md_style.js will be included in the theme package? can I download it from somewhere in the meantime to play around with it?

    tnx&cheers



    The doc site uses the Site Identity feature for the top of the page, and the new theme (Mittwoch, an adaptation of a Joomla theme) also has a navbar.tpl file that holds the horizontal menu and font/color changing links.

    There are onclick javascript links for the size changes in this navbar.tpl, but they could be in a theme's tiki-top_bar.tpl, tiki.tpl, etc. The theme's header.tpl has a link to the javsscript file used (needed to load in the html head section). You can see all this if you look at the source of the completed page, and find the URl for the javascript there as well (md_style.js).

    For the text to resize, the theme must specify font size using % and/or em. Text given a px size won't resize.

    I'll document this in more detail when the theme is available to download here, which won't be long.

    -- Gary

    Posted by Gary Cunningham-Lee on Sat 22 of Sep, 2007 15:11 GMT-0000 posts: 254 Japan

    Thanks for the reply chibaguy, it is moreorless clear now 😊

    so the file md_style.js will be included in the theme package? can I download it from somewhere in the meantime to play around with it?


    Yes, it's included with the package. It's URL at docs.tw.o is http://doc.tikiwiki.org/styles/mittwoch/md_style.js.

    -- Gary