Hello Petrache,
I would recommend anyone to do it local.
It's just quicker and most importantly you are more flexible.
I use wamp for design and development for the script.
Best regards
Steffen
Hello Petrache,
I would recommend anyone to do it local.
It's just quicker and most importantly you are more flexible.
I use wamp for design and development for the script.
Best regards
Steffen
Last edited by Steffen Buschkemper; January 3, 2014 at 08:21 AM.
Created or modified plugins
< rating Plugin (modified) > | < Bad Word Filter Plugin > | < Header Slider Plugin > | < InterKassa Payment Plugin > | < ccAvenue Payment Plugin >
Hello Pertache,
Yes it's nice example for manage selectors with your design. I saved your link for future Thanks.
Viktor,
Flynax technical department,
Best wishes.
And here is an example for Grid <-> List view switch in bootstrap - Link
If not well designed, but it is only to show how easy it is. We need later also.
Regards
Steffen
Last edited by Steffen Buschkemper; January 3, 2014 at 08:48 AM.
Created or modified plugins
< rating Plugin (modified) > | < Bad Word Filter Plugin > | < Header Slider Plugin > | < InterKassa Payment Plugin > | < ccAvenue Payment Plugin >
i always prefered to work live than in local (i guess it is a matter of personal prefference). anyway, i am interested in something like we see in http://bootply.com/ where you can sweetch from monitor to mobile device view to see your work. so, any option for this in a local?
here is a great utility to see how responsive is your website, on different devices
http://cybercrab.com/screencheck/
Hello Petrache,
Firefox has such screen addons or the developer tool for firefox to switch mobile, tab... screen views.
Hmmm i think, that flynax not create a responsive theme with bootstrap framework.
Best regards
Steffen
Created or modified plugins
< rating Plugin (modified) > | < Bad Word Filter Plugin > | < Header Slider Plugin > | < InterKassa Payment Plugin > | < ccAvenue Payment Plugin >
can you name an addon for firefox that works ok (if you know)?
olso, since you develop a bootstrap theme, will you share the source so we can customise from that?
olso, will you change the whole script like grid/list, image viewer for photos/videos and the tabs system?
Last edited by Petrache Nicolae; January 3, 2014 at 10:41 AM.
Hello Petrache,
This tool is integrated directly in firefox. Nothing more needs to be installed.
If my bootstrap theme is ready i will share the source.
Of course i will change all to bootstrap framework, also grid/list, photos/videos, tabs, uploads etc....
Either all or nothing... We intend to improve and not make worse.
But one thing i must say in advance.
I have in my flynax script added many modifications and improvements
But that should be no problem for your own bootstrap theme.
You can also ask here in this thread everything.
Therefore, also the workshop.
We should create a ToDo list.
For example, we start with the header, then Content and next Footer.
After that the content items such as boxes, field types and scripts and so on...
So i would suggest.
As anyone can join and make suggestions for the parts that we are currently editing.
So it would also a good solution for "amateurs".
//Steffen
Last edited by Steffen Buschkemper; January 3, 2014 at 11:10 AM.
Created or modified plugins
< rating Plugin (modified) > | < Bad Word Filter Plugin > | < Header Slider Plugin > | < InterKassa Payment Plugin > | < ccAvenue Payment Plugin >
Bootstrap Theme Workshop
1. Grid Structure of page
The first part is a brief introduction of grid structure for flynax bootstrap theme.
The layout for flynax has follow parts.
Full Side = 1 column
Sidebar Left -> Content = 2 column
Content -> Sidebar Right = 2 column
Left -> Content -> Right = 3 column
Bootstrap provides this at the following layouts
Full Side = 100%
For responsive we must use for the booth content div follow class:
Sidebar Left -> ContentCode:Only registered members can view the code.
Content -> Sidebar RightCode:Only registered members can view the code.
Left -> Content -> RightCode:Only registered members can view the code.
Code:Only registered members can view the code.
col-lg-12, col-md-12, col-sm-12 -> width: 100%
col-lg-9, col-md-9 -> width: 75%
col-lg-6, col-md-6 -> width: 50%
col-lg-3 col-md-3 -> width: 25%
It distinguishes between the following media sizes
lg = large (Desktop or Laptop)
md = middle (Tablets)
sm = small (Smartphones, Handys)
The real media size will defined by div class container (div.container) through css.
For example
Code:Only registered members can view the code.
With this basic structure we have the Flynax Layout Structure.
There are more grid styles, but i think thats the best for Flynax Bootstrap Template basic structur at begin.
I will later publish the code for the custom content.tpl in this thread.
Regards
Steffen
Last edited by Steffen Buschkemper; January 3, 2014 at 02:09 PM.
Created or modified plugins
< rating Plugin (modified) > | < Bad Word Filter Plugin > | < Header Slider Plugin > | < InterKassa Payment Plugin > | < ccAvenue Payment Plugin >