PHP . SU
Программирование на PHP, MySQL и другие веб-технологии
Страниц (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 ):
скопировать код в буфер обмена
<nav role= "navigation" class = "navbar navbar-default navbar-fixed-top" >
<div class = "container" >
<div class = "navbar-header" >
<a class = "navbar-brand" href = "#" >
<img alt = "Brand" src = "/template/<?=Auth::GetTemplate();?> /img/logo.png">
</ a >
<p class = "navbar-text pull-right" > Signed</ p >
<button type = "button" data-target = "#navbarCollapse" data-toggle= "collapse" class = "navbar-toggle" >
<span class = "sr-only" > Toggle navigation</ span >
<span class = "icon-bar" ></ span >
<span class = "icon-bar" ></ span >
<span class = "icon-bar" ></ span >
</ button >
</ div >
<div id = "navbarCollapse" class = "collapse navbar-collapse" >
<ul class = "nav navbar-nav" >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
</ ul >
</ div >
</ div >
</ nav>
Тоже ведет себя не так. добиться хочу того что в рисунке
3d_killer
Отправлено: 23 Января, 2017 - 23:02:08 • Тема: Bootstrap горизонтальное меню • Форум: HTML, Дизайн & CSS
Ответов: 2 Просмотров: 914
Пытаюсь сделать горизонтальное меню которое фиксируется на верху, примеров уйма да не то что нужно, так как в этом меню (самой строке) хочу сделать логотип далее меню далее телефон и кусочек места для свернутого меню, вроде более менее получилось, но никак не могу добиться чтобы разворачивающееся меню было на всю ширину, оно подстраивается по заданному размеру col, перерыл инет и не могу найти что либо подобное, вобщем не справлюсь, обращаюсь за помощью.
Код:
CODE (
html ):
скопировать код в буфер обмена
<nav role= "navigation" class = "navbar navbar-default navbar-fixed-top" id = "Header" >
<div class = "container" >
<div class = "row" >
<div class = "col-lg-2 col-md-2 col-sm-2 col-xs-4" id = "Logo" >
<a href = "/" ><img src = "/template/<?=Auth::GetTemplate()?> /img/logo.png"></ a >
</ div >
<div class = "col-lg-8 col-md-8 col-sm-7 col-xs-1 text-center" >
<div id = "navbarCollapse" class = "collapse navbar-collapse" >
<ul class = "nav navbar-nav" >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
<li ><a > Пункт меню</ a ></ li >
</ ul >
</ div >
</ div >
<div class = "col-lg-2 col-md-2 col-sm-3 col-xs-6" >
<span class = "f-phone" >
<span class = "glyphicon glyphicon-earphone Blue" ></ span >
<a class = "WhilePhone" href = "" > Телефон</ a >
</ span >
</ div >
<div class = "hidden-lg hidden-md hidden-sm col-xs-1" >
<div class = "navbar-header" >
<button type = "button" data-target = "#navbarCollapse" data-toggle= "collapse" class = "navbar-toggle" >
<span class = "sr-only" > Toggle navigation</ span >
<span class = "icon-bar" ></ span >
<span class = "icon-bar" ></ span >
<span class = "icon-bar" ></ span >
</ button >
</ div >
</ div >
</ div >
</ div >
</ nav>
И ксс где переопределяю поведение:
CODE (
htmlphp ):
скопировать код в буфер обмена
@ media ( max- width: 767px) { /*xs (extra small)*/
. text- xs- center {
text- align: center;
}
#navbarCollapse { position:absolute;top:50px;float:left; left:0px;}
#navbarCollapse ul{ padding-top:18px;}
#navbarCollapse li{ display:flex !important;}
#navbarCollapse li a{ font-size:1.2em !important;}
}
(Добавление)
блин не могу отредактировать и читаемо вставить код (из DW и notepad++) только так
3d_killer
Отправлено: 22 Января, 2017 - 10:48:06 • Тема: Получение ID номера вместо логина • Форум: Вопросы новичков
Ответов: 9 Просмотров: 556
ну в чем проблема, ID сам создался (автоинкремент), отправляй на почту, так же в этой строке базы данных указываешь телефон, потом восстанавливай по ID или номеру телефона хоть по почте (дополнительный столбец), или заходи с любого из указанных параметров
3d_killer
Отправлено: 19 Января, 2017 - 15:20:01 • Тема: bootstrap affix при изменении размера, изменить отступ • Форум: HTML, Дизайн & CSS
Ответов: 5 Просмотров: 1458
CODE (
html ):
скопировать код в буфер обмена
<header>
<div class = "container hidden-xs hidden-sm" id = "Header" >
<div class = "row" >
<div class = "col-md-2" ><a href = "/" title = "На главную" ><div id = "Logo" ></ div ></ a ></ div >
<div class = "col-md-7 col-lg-8" id = "TopMenu" >
Меню
</ div >
<div class = "col-md-3 col-lg-2" id = "TopPhone" >
666
</ div >
</ div >
</ div >
<div class = "container-fluid" id = "MoveTop" >
<div class = "container" >
<div class = "row" >
<div class = "col-xs-4" id = "MoveMenu" ></ div >
<div class = "col-xs-4" >
<form role= "form" id = "FormSearch" class = "form-inline" >
<div class = "input-group" >
<input type = "text" class = "form-control" >
<span class = "input-group-btn" >
<button class = "btn btn-default" type = "button" >
<span class = "glyphicon glyphicon-search" ></ span >
</ button >
</ span >
</ div >
</ form >
</ div >
<div class = "col-xs-2" >
<span class = "glyphicon glyphicon-shopping-cart" > 1</ span >
</ div >
<div class = "col-xs-2" >
<span class = "glyphicon glyphicon-shopping-cart" > 1</ span >
</ div >
</ div >
</ div >
</ div >
</ header>
3d_killer
Отправлено: 18 Января, 2017 - 22:51:33 • Тема: bootstrap affix при изменении размера, изменить отступ • Форум: HTML, Дизайн & CSS
Ответов: 5 Просмотров: 1458
Пытаюсь как то изменить отступ, сейчас дизайн вида:
-------------Шапка--------------
-------Движущаяся часть-----
запускаю так:
при изменении разрешения до мобильников шапка исчезает, как сделать чтобы при исчезновении шапки отступ стал нуленой, иначе контент лезет вверх, так как движущая часть имеет абсолютную позицию и некоторый отступ.
возможно что-то придумать?
(Добавление)
вроде придумал как
(Добавление)
не что-то не так работает как то странно
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
Отправлено: 14 Января, 2017 - 11:56:50 • Тема: Bootstrap при уменьшении размера экрана перемещать по нескольку элементов • Форум: HTML, Дизайн & CSS
Ответов: 2 Просмотров: 1148
Сейчас код такой:
CODE (
html ):
скопировать код в буфер обмена
<div class = "wrapper container-fluid" >
<div class = "row" >
<div class = "col-sm-2" ></ div >
<div class = "col-sm-2" ></ div >
<div class = "col-sm-2" ></ div >
<div class = "col-sm-2" ></ div >
<div class = "col-sm-2" ></ div >
<div class = "col-sm-2" ></ div >
</ div >
</ div >
Сетка отображается в одну строку, при уменьшении размера до sm они выстраиваются в столбец, хочу сделать чтобы перед этим они образовали 2 столбца по 2 элемента, а потом уж выстроились в один столбец, не пойму как это реализовать
Страниц (128): « 1 2 [3] 4 5 6 7 8 9 ... » В конец
Powered by ExBB FM 1.0 RC1. InvisionExBB