+ Reply to Thread
Page 3 of 18 FirstFirst 1234513 ... LastLast
Results 21 to 30 of 175

Thread: Bootstrap Theme for Flynax...

  1. #21
    Senior Member
    Join Date
    May 2013
    Posts
    185
    Hey Steffen Buschkemper how is your bootstrap theme coming on, I am very interested and if you don't mind could you email a link?

  2. #22
    OK I have now a bootstrap menu which works pretty nice.

    I think I have to drop it until resolved as the whole page looks like recached.

    //Morgan
    Last edited by Morgan Bohman; January 1, 2014 at 03:36 PM.
    Free Advertising at Fyndklippet.se


  3. #23
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    Hi Kemoid and Morgan,

    now my bootstrap theme will come if it ready...
    Once it is done I will present it here.

    Hello Morgan can you post your modified code here?
    A picture would also be nice.

    I will present later my entire header in bootstrap.

    Regards Steffen

  4. #24
    Hi Steffen,
    Just basic for try-out. I'm guessing I have to build a new header from scratch. Have you any problems with the page when you click on one menu item and the whole header refresh instead of just the body with the content?

    //Morgan

    menu.jpg
    Free Advertising at Fyndklippet.se


  5. #25
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    Hi Morgan,

    i have no problem.
    I have uploaded a video -> Google Video
    Please keep in mind that it is not finished yet.
    Content code is not adapted yet etc. ..
    Here it's all about the navigation.

    Please install anything on the website.
    I have found no other free hoster on the fast.

    Regards
    Steffen
    Last edited by Steffen Buschkemper; January 3, 2014 at 06:40 PM.

  6. #26
    Nice Steffen, if you have time, check my caching problem out, I find it unneccessary to reload the header each time.

    //Morgan
    Free Advertising at Fyndklippet.se


  7. #27
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    Hi Morgan,

    i have uploaded on Google with better quality.
    The problem you have i think is, that you not change the page content to html5.
    Also some js from flynax can make conflicts.

    In no event will develop on a live-switched side.
    I do it on a local installation in a new template folder. (e.g. general_bootstrap)

    Regards
    Steffen

  8. #28
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    All of the following steps must be taken to start with bootstrap.

    1. First step
    make a local flynax installation.
    Create a new template Folder name e.g. general_bootstrap
    Copy all files from existing flynax template in the created folder.

    Clear all css and all js files but not libs.js (that can we do later if all js code is adapted to bootstrap.js)
    Now you have a blank and not designed page.

    After that you must copy the bootstrap.css and bootstrap.js in the folder css and js.
    Also all images from bootstrap and if you use also fonts and icons.

    2. Second Step

    In header.tpl you must change the doc type to html5.
    Example you can see in the bootstrap example files.

    Next i have created a new style.css and included the bootstrap.css file in this follow

    Code:
    Only registered members can view the code.
    the style.css must included in header.
    The bootstrap.js must included in footer.tpl also all other js e.g. jQuery.js (i use the new 1.10) and so on. Its better for page speed.

    And know you can start to create/design your own custom template.
    All files (block, content etc...) must rewritten for bootstrap.

    Regards
    Steffen
    Last edited by Steffen Buschkemper; January 1, 2014 at 09:30 PM.

  9. #29
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    Hi Morgan

    This is for example my HTML5 header doctype.
    It is without RTL Support. I do not use this feature for my theme.

    Code:
    Only registered members can view the code.
    Last edited by Steffen Buschkemper; January 1, 2014 at 09:33 PM.

  10. #30
    Nice Steffen,
    I solved my problems as I had yesterday and I made a simpler navbar with bootstrap element.

    First, in your template/header.tpl
    Code:
    Only registered members can view the code.
    Of course you have to upload the js and CSS to the right folders first.

    Then in your main_menu.tpl (I use just navbar pills as it fits for me but very easy to have navbar, navbar-static-top, tabs etc.)
    Code:
    Only registered members can view the code.
    If you have static menus and is not intending to add through the system, you can give direct paths.
    Free Advertising at Fyndklippet.se


+ Reply to Thread