• I see what's goin at Androis 16 so better use it with android navigation bar about swipe menus left and right.

    When I see what's goin on will make soon swipe any to show menu, in the way like X has.
    I see what's goin at Androis 16 so better use it with android navigation bar about swipe menus left and right. When I see what's goin on will make soon swipe any to show menu, in the way like X has.
    7Кб Просмотры
  • UPDATE

    There is also LEFT SWIPE for Classic Theme. Just for INDEX for now.

    #update
    UPDATE There is also LEFT SWIPE for Classic Theme. Just for INDEX for now. #update
    31Кб Просмотры
  • About positioning items, best way for me is:
    element {
    position: absolute or relative;
    margin: auto;
    left: value%;
    right: value%;
    bottom: value%;
    top: value%;
    }

    If no value put 0.

    #CSS
    About positioning items, best way for me is: element { position: absolute or relative; margin: auto; left: value%; right: value%; bottom: value%; top: value%; } If no value put 0. #CSS
    24Кб Просмотры
  • Left swipe menu and button for open top left update.

    FLASH YOUR BROWSER DATA.

    #update
    Left swipe menu and button for open top left update. FLASH YOUR BROWSER DATA. #update
    29Кб Просмотры
  • Soon

    Left JOIN/profile menu will be adapted to left swipe.

    Corner right menu update to just in thumb reach.
    Soon Left JOIN/profile menu will be adapted to left swipe. Corner right menu update to just in thumb reach.
    25Кб Просмотры
  • New view. Flush your browser DATA if it's not like this.

    #Left #menu #UPDATE
    New view. Flush your browser DATA if it's not like this. #Left #menu #UPDATE
    34Кб Просмотры
  • SWIPE FROM LEFT TO RIGHT COMMIN SOON.
    SWIPE FROM LEFT TO RIGHT COMMIN SOON.
    11Кб Просмотры
  • https://www.youtube.com/watch?v=NRWUoDpo2fo

    alt-J - Left Hand Free (Official Video)
    https://www.youtube.com/watch?v=NRWUoDpo2fo alt-J - Left Hand Free (Official Video)
    21Кб Просмотры
  • Example style for button:

    <style>
    .checkbox-wrapper-8 .tgl {
    display: none;
    }
    .checkbox-wrapper-8 .tgl,
    .checkbox-wrapper-8 .tgl:after,
    .checkbox-wrapper-8 .tgl:before,
    .checkbox-wrapper-8 .tgl *,
    .checkbox-wrapper-8 .tgl *:after,
    .checkbox-wrapper-8 .tgl *:before,
    .checkbox-wrapper-8 .tgl + .tgl-btn {
    box-sizing: border-box;
    }
    .checkbox-wrapper-8 .tgl::-moz-selection,
    .checkbox-wrapper-8 .tgl:after::-moz-selection,
    .checkbox-wrapper-8 .tgl:before::-moz-selection,
    .checkbox-wrapper-8 .tgl *::-moz-selection,
    .checkbox-wrapper-8 .tgl *:after::-moz-selection,
    .checkbox-wrapper-8 .tgl *:before::-moz-selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection,
    .checkbox-wrapper-8 .tgl::selection,
    .checkbox-wrapper-8 .tgl:after::selection,
    .checkbox-wrapper-8 .tgl:before::selection,
    .checkbox-wrapper-8 .tgl *::selection,
    .checkbox-wrapper-8 .tgl *:after::selection,
    .checkbox-wrapper-8 .tgl *:before::selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::selection {
    background: none;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after {
    left: 0;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {
    display: none;
    }
    .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after {
    left: 50%;
    }

    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn {
    overflow: hidden;
    transform: skew(-10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: all 0.2s ease;
    font-family: sans-serif;
    background: #888;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    transform: skew(10deg);
    display: inline-block;
    transition: all 0.2s ease;
    width: 100%;
    text-align: center;
    position: absolute;
    line-height: 2em;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after {
    left: 100%;
    content: attr(data-tg-on);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
    left: 0;
    content: attr(data-tg-off);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active {
    background: #888;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before {
    left: -10%;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn {
    background: #86d993;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before {
    left: -100%;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after {
    left: 0;
    }
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after {
    left: 10%;
    }
    </style>
    Example style for button: <style> .checkbox-wrapper-8 .tgl { display: none; } .checkbox-wrapper-8 .tgl, .checkbox-wrapper-8 .tgl:after, .checkbox-wrapper-8 .tgl:before, .checkbox-wrapper-8 .tgl *, .checkbox-wrapper-8 .tgl *:after, .checkbox-wrapper-8 .tgl *:before, .checkbox-wrapper-8 .tgl + .tgl-btn { box-sizing: border-box; } .checkbox-wrapper-8 .tgl::-moz-selection, .checkbox-wrapper-8 .tgl:after::-moz-selection, .checkbox-wrapper-8 .tgl:before::-moz-selection, .checkbox-wrapper-8 .tgl *::-moz-selection, .checkbox-wrapper-8 .tgl *:after::-moz-selection, .checkbox-wrapper-8 .tgl *:before::-moz-selection, .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection, .checkbox-wrapper-8 .tgl::selection, .checkbox-wrapper-8 .tgl:after::selection, .checkbox-wrapper-8 .tgl:before::selection, .checkbox-wrapper-8 .tgl *::selection, .checkbox-wrapper-8 .tgl *:after::selection, .checkbox-wrapper-8 .tgl *:before::selection, .checkbox-wrapper-8 .tgl + .tgl-btn::selection { background: none; } .checkbox-wrapper-8 .tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-wrapper-8 .tgl + .tgl-btn:after, .checkbox-wrapper-8 .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; } .checkbox-wrapper-8 .tgl + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl + .tgl-btn:before { display: none; } .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after { left: 50%; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn { overflow: hidden; transform: skew(-10deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: all 0.2s ease; font-family: sans-serif; background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after, .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { transform: skew(10deg); display: inline-block; transition: all 0.2s ease; width: 100%; text-align: center; position: absolute; line-height: 2em; font-weight: bold; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after { left: 100%; content: attr(data-tg-on); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before { left: 0; content: attr(data-tg-off); } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active { background: #888; } .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before { left: -10%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn { background: #86d993; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before { left: -100%; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after { left: 0; } .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after { left: 10%; } </style>
    38Кб Просмотры
  • Remember that you can swipe from RIGHT TO LEFT to open EXTRA PANEL.

    #swipe #panel #INFO
    Remember that you can swipe from RIGHT TO LEFT to open EXTRA PANEL. #swipe #panel #INFO
    17Кб Просмотры
  • Now you can swipe from right edge to left to open extra panel.
    Now you can swipe from right edge to left to open extra panel.
    17Кб Просмотры
  • Inside left menu and right aside its sticked and floating like should.
    Inside left menu and right aside its sticked and floating like should.
    11Кб Просмотры
  • Left menu and right aside gonna be stick and floating soon as possible.

    Newsfeed it's open now, becouse of INDEXING by the GOOGLE, Countrys etc, DID not index all becouse of login page.

    When links become added might close.

    Think so.
    Left menu and right aside gonna be stick and floating soon as possible. Newsfeed it's open now, becouse of INDEXING by the GOOGLE, Countrys etc, DID not index all becouse of login page. When links become added might close. Think so.
    21Кб Просмотры