PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи

Страниц (128): « 1 2 [3] 4 5 6 7 8 9 ... » В конец

> Найдено сообщений: 1914
3d_killer Отправлено: 24 Января, 2017 - 10:48:18 • Тема: Bootstrap горизонтальное меню • Форум: HTML, Дизайн & CSS

Ответов: 2
Просмотров: 914
пробую так:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <nav role="navigation" class="navbar navbar-default navbar-fixed-top">
  3.         <div class="container">
  4.                 <div class="navbar-header">
  5.                 <a class="navbar-brand" href="#">
  6.                         <img alt="Brand" src="/template/<?=Auth::GetTemplate();?>/img/logo.png">
  7.                 </a>   
  8.                  <p class="navbar-text pull-right">Signed</p>
  9.             <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
  10.                                 <span class="sr-only">Toggle navigation</span>
  11.                                 <span class="icon-bar"></span>
  12.                                 <span class="icon-bar"></span>
  13.                                 <span class="icon-bar"></span>
  14.                         </button>
  15.         </div>
  16.         <div id="navbarCollapse" class="collapse navbar-collapse">
  17.         <ul class="nav navbar-nav">
  18.                                 <li><a>Пункт меню</a></li>
  19.                                 <li><a>Пункт меню</a></li>
  20.                                 <li><a>Пункт меню</a></li>
  21.                                 <li><a>Пункт меню</a></li>
  22.                                 <li><a>Пункт меню</a></li>
  23.                         </ul>
  24.         </div>       
  25.         </div>
  26. </nav>
  27.  

Тоже ведет себя не так. добиться хочу того что в рисунке
3d_killer Отправлено: 23 Января, 2017 - 23:02:08 • Тема: Bootstrap горизонтальное меню • Форум: HTML, Дизайн & CSS

Ответов: 2
Просмотров: 914
Пытаюсь сделать горизонтальное меню которое фиксируется на верху, примеров уйма да не то что нужно, так как в этом меню (самой строке) хочу сделать логотип далее меню далее телефон и кусочек места для свернутого меню, вроде более менее получилось, но никак не могу добиться чтобы разворачивающееся меню было на всю ширину, оно подстраивается по заданному размеру col, перерыл инет и не могу найти что либо подобное, вобщем не справлюсь, обращаюсь за помощью.
Код:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <nav role="navigation" class="navbar navbar-default navbar-fixed-top" id="Header">
  3.         <div class="container">
  4.                 <div class="row">
  5.                         <div class="col-lg-2 col-md-2 col-sm-2 col-xs-4" id="Logo">
  6.                                 <a href="/"><img src="/template/<?=Auth::GetTemplate()?>/img/logo.png"></a>
  7.                         </div>
  8.                         <div class="col-lg-8 col-md-8 col-sm-7 col-xs-1 text-center">
  9.                                 <div id="navbarCollapse" class="collapse navbar-collapse">
  10.                                         <ul class="nav navbar-nav">
  11.                                                 <li><a>Пункт меню</a></li>
  12.                                                 <li><a>Пункт меню</a></li>
  13.                                                 <li><a>Пункт меню</a></li>
  14.                                                 <li><a>Пункт меню</a></li>
  15.                                                 <li><a>Пункт меню</a></li>
  16.                                         </ul>
  17.                                 </div>
  18.                         </div>
  19.                         <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6">
  20.                                 <span class="f-phone">
  21.                                         <span class="glyphicon glyphicon-earphone Blue"></span>
  22.                                         <a class="WhilePhone" href="">Телефон</a>
  23.                                 </span>
  24.                         </div>
  25.                         <div class="hidden-lg hidden-md hidden-sm col-xs-1">
  26.                                 <div class="navbar-header">
  27.                                         <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
  28.                                                 <span class="sr-only">Toggle navigation</span>
  29.                                                 <span class="icon-bar"></span>
  30.                                                 <span class="icon-bar"></span>
  31.                                                 <span class="icon-bar"></span>
  32.                                         </button>
  33.                                 </div>
  34.                         </div>
  35.                 </div>
  36.         </div>
  37. </nav>
  38.  


И ксс где переопределяю поведение:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. @media (max-width: 767px) { /*xs (extra small)*/
  3.   .text-xs-center {
  4.     text-align: center;
  5.   }
  6.   #navbarCollapse { position:absolute;top:50px;float:left; left:0px;}
  7.  #navbarCollapse ul{ padding-top:18px;}
  8.  #navbarCollapse li{ display:flex !important;}
  9.  #navbarCollapse li a{ font-size:1.2em !important;}
  10.  
  11.  
  12.  
  13. }
  14.  

(Добавление)
блин не могу отредактировать и читаемо вставить код (из DW и notepad++) только так
3d_killer Отправлено: 22 Января, 2017 - 10:48:06 • Тема: Получение ID номера вместо логина • Форум: Вопросы новичков

Ответов: 9
Просмотров: 556
ну в чем проблема, ID сам создался (автоинкремент), отправляй на почту, так же в этой строке базы данных указываешь телефон, потом восстанавливай по ID или номеру телефона хоть по почте (дополнительный столбец), или заходи с любого из указанных параметров
3d_killer Отправлено: 19 Января, 2017 - 21:44:27 • Тема: bootstrap affix при изменении размера, изменить отступ • Форум: HTML, Дизайн & CSS

Ответов: 5
Просмотров: 1458
а извиняюсь сам накосячил все работает как надо
(Добавление)
CODE (javascript):
скопировать код в буфер обмена
  1. $("#MoveTop").affix({offset: {top: $("#Header").height()}});
3d_killer Отправлено: 19 Января, 2017 - 15:20:01 • Тема: bootstrap affix при изменении размера, изменить отступ • Форум: HTML, Дизайн & CSS

Ответов: 5
Просмотров: 1458
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <header>
  3.         <div class="container hidden-xs hidden-sm" id="Header">
  4.         <div class="row">
  5.             <div class="col-md-2"><a href="/" title="На главную"><div id="Logo"></div></a></div>
  6.             <div class="col-md-7 col-lg-8" id="TopMenu">
  7. Меню
  8. </div>
  9.             <div class="col-md-3 col-lg-2" id="TopPhone">
  10.                666
  11.             </div>
  12.         </div>
  13.     </div>
  14.     <div class="container-fluid" id="MoveTop">
  15.         <div class="container">
  16.             <div class="row">
  17.                 <div class="col-xs-4" id="MoveMenu"></div>
  18.                         <div class="col-xs-4">
  19.                         <form role="form" id="FormSearch" class="form-inline">
  20.                                                 <div class="input-group">
  21.                                                                 <input type="text" class="form-control">
  22.                                                                 <span class="input-group-btn">
  23.                                                                         <button class="btn btn-default" type="button">
  24.                                         <span class="glyphicon glyphicon-search"></span>
  25.                                     </button>
  26.                                                                 </span>
  27.                                                         </div>
  28.                                                 </form>
  29.                     </div>
  30.                     <div class="col-xs-2">
  31.                         <span class="glyphicon glyphicon-shopping-cart">1</span>
  32.                     </div>
  33.                     <div class="col-xs-2">
  34.                         <span class="glyphicon glyphicon-shopping-cart">1</span>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         </div>
  39. </header>
  40.  


CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).ready(function() { 
  3. $("#MoveTop").affix({offset: {top: 100}});
  4. });
  5.  
3d_killer Отправлено: 19 Января, 2017 - 08:21:16 • Тема: bootstrap affix при изменении размера, изменить отступ • Форум: HTML, Дизайн & CSS

Ответов: 5
Просмотров: 1458
не помогает affix его держит на уровне
CODE (javascript):
скопировать код в буфер обмена
  1. $("#MoveTop").affix({offset: {top: 100}});
3d_killer Отправлено: 18 Января, 2017 - 22:51:33 • Тема: bootstrap affix при изменении размера, изменить отступ • Форум: HTML, Дизайн & CSS

Ответов: 5
Просмотров: 1458
Пытаюсь как то изменить отступ, сейчас дизайн вида:

-------------Шапка--------------
-------Движущаяся часть-----

запускаю так:
CODE (javascript):
скопировать код в буфер обмена
  1. $("#MoveTop").affix({offset: {top: 100}});


при изменении разрешения до мобильников шапка исчезает, как сделать чтобы при исчезновении шапки отступ стал нуленой, иначе контент лезет вверх, так как движущая часть имеет абсолютную позицию и некоторый отступ.

возможно что-то придумать?
(Добавление)
вроде придумал как
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(window).resize(function(){$("#MoveTop").affix({offset: {top: $("#Header").height();}});});

(Добавление)
не что-то не так работает как то странно
3d_killer Отправлено: 18 Января, 2017 - 09:33:45 • Тема: Bootstrap сполер при уменьшении разрешения • Форум: HTML, Дизайн & CSS

Ответов: 2
Просмотров: 724
понял, благодарю
3d_killer Отправлено: 18 Января, 2017 - 00:06:22 • Тема: Bootstrap сполер при уменьшении разрешения • Форум: HTML, Дизайн & CSS

Ответов: 2
Просмотров: 724
Доброй ночи всем, ковыряюсь с бутстрапом, перерыл инет и не могу найти возможно ли прятать под сполер какой либо блок при уменьшении разрешения?
нашел встроенный сполер $('.collapse').collapse(), но он работает как бы на всех разрешениях, а мне нужно чтобы при уменьшении до мобильника только тогда прятался блок под споллер, можно конечно написать код на JS, но хотелось бы узнать есть ли встроенные средства для этого в бутстрапе?
3d_killer Отправлено: 17 Января, 2017 - 16:51:08 • Тема: И снова не работает INSERT • Форум: Вопросы новичков

Ответов: 11
Просмотров: 656
во первых ID на странице должен быть уникальным
(Добавление)
а во вторых не $_REQUEST а $_POST
(Добавление)
и скобочки фигурные убери {$val1}
3d_killer Отправлено: 15 Января, 2017 - 17:39:48 • Тема: Нужна помощь • Форум: Вопросы новичков

Ответов: 2
Просмотров: 330
да так и есть в процессе обучения, но заметил по своему опыту если решения добиваешься сам, то это хорошо запоминается.
3d_killer Отправлено: 15 Января, 2017 - 17:31:13 • Тема: Bootstrap при уменьшении размера экрана перемещать по нескольку элементов • Форум: HTML, Дизайн & CSS

Ответов: 2
Просмотров: 1148
благодарю, то что нужно, только начал изучать бутстрап
3d_killer Отправлено: 14 Января, 2017 - 11:56:50 • Тема: Bootstrap при уменьшении размера экрана перемещать по нескольку элементов • Форум: HTML, Дизайн & CSS

Ответов: 2
Просмотров: 1148
Сейчас код такой:
CODE (html):
скопировать код в буфер обмена
  1. <div class="wrapper container-fluid">
  2. <div class="row">
  3. <div class="col-sm-2"></div>
  4. <div class="col-sm-2"></div>
  5. <div class="col-sm-2"></div>
  6. <div class="col-sm-2"></div>
  7. <div class="col-sm-2"></div>
  8. <div class="col-sm-2"></div>
  9. </div>
  10. </div>

Сетка отображается в одну строку, при уменьшении размера до sm они выстраиваются в столбец, хочу сделать чтобы перед этим они образовали 2 столбца по 2 элемента, а потом уж выстроились в один столбец, не пойму как это реализовать
3d_killer Отправлено: 28 Ноября, 2016 - 09:08:14 • Тема: не работает fancybox gallery при открытии через ajax • Форум: JavaScript & VBScript

Ответов: 1
Просмотров: 594
когда открыл через AJAX допиши запуск fancy после этой строки
CODE (javascript):
скопировать код в буфер обмена
  1. $("#div_products_filter_result").html( result.html )
3d_killer Отправлено: 24 Ноября, 2016 - 13:44:18 • Тема: Определить на какой странице находится запись • Форум: SQL и Архитектура БД

Ответов: 4
Просмотров: 32
Мелкий пишет:
SELECT count(0) FROM tablename WHERE fieldname < (SELECT name FROM tablename WHERE id=?)
да вот это вроде то, получаю позицию элемента в выборке, дальше понятно, благодарю

Страниц (128): « 1 2 [3] 4 5 6 7 8 9 ... » В конец
Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB