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?
Printable View
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?
OK I have now a bootstrap menu which works pretty nice.:D
I think I have to drop it until resolved as the whole page looks like recached.
//Morgan
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
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
Attachment 777
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
Nice Steffen, if you have time, check my caching problem out, I find it unneccessary to reload the header each time.
//Morgan
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
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
the style.css must included in header.Code:Only registered members can view the code.
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
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.
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
Of course you have to upload the js and CSS to the right folders first.Code:Only registered members can view the code.
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.)
If you have static menus and is not intending to add through the system, you can give direct paths.Code:Only registered members can view the code.