+ Reply to Thread
Page 6 of 18 FirstFirst ... 4567816 ... LastLast
Results 51 to 60 of 175

Thread: Bootstrap Theme for Flynax...

  1. #51
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    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.

  2. #52
    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.

  3. #53
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    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.

  4. #54
    Quote Originally Posted by Steffen Buschkemper View Post
    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
    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?

  5. #55
    Quote Originally Posted by Viktor View Post
    Hello Pertache,

    Yes it's nice example for manage selectors with your design. I saved your link for future Thanks.
    i'm glad you like it.

    Viktor, can you tell us if the flynax responsive template is based on bootstrap or not? many of us would want to see in wich dirrection to move. thanks

  6. #56
    here is a great utility to see how responsive is your website, on different devices

    http://cybercrab.com/screencheck/

  7. #57
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    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

  8. #58
    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.

  9. #59
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    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.

  10. #60
    Master
    Join Date
    Apr 2012
    Location
    Germany
    Posts
    421
    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:

    Code:
    Only registered members can view the code.
    Sidebar Left -> Content

    Code:
    Only registered members can view the code.
    Content -> Sidebar Right

    Code:
    Only registered members can view the code.
    Left -> Content -> Right

    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.

+ Reply to Thread