PHP . SU
Программирование на PHP, MySQL и другие веб-технологии
Страниц (120): В начало « ... 4 5 6 7 [8] 9 10 11 12 ... » В конец
Найдено сообщений: 1797
etoYA
Отправлено: 30 Апреля, 2014 - 11:45:59 • Тема: Сетки • Форум: HTML, Дизайн & CSS
Ответов: 4 Просмотров: 1249
Конструктор , спасибо за объяснение
etoYA
Отправлено: 30 Апреля, 2014 - 01:21:52 • Тема: Сетки • Форум: HTML, Дизайн & CSS
Ответов: 4 Просмотров: 1249
Можете обьяснить, почему 1я колонка больше остальных?
CODE (
html ):
скопировать код в буфер обмена
<div class = "container" >
<div class = "row" >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
<div class = "span1" >
<div class = "test" > 1</ div >
</ div >
</ div >
</ div >
CODE (
htmlphp ):
скопировать код в буфер обмена
@ import "reset.css" ;
* {
- webkit- box- sizing: border- box;
- moz- box- sizing: border- box;
box- sizing: border- box;
}
. container {
margin- left: auto;
margin- right: auto;
padding- left: 10px;
padding- right: 10px;
background: #123;
}
. container- fluid {
width: 100%;
padding- left: 10px;
padding- right: 10px;
}
. row {
display: block;
}
. row: after {
content: "" ;
display: table;
clear: both;
}
. responsive- img {
max- width: 100%;
height: auto;
width: auto\9 ;
}
[ class*= 'span' ] {
position: relative;
min- height: 1px;
padding- left: 20px;
float: left;
word- wrap: break- word;
}
[ class*= 'span' ] : first- of- type {
padding- left: 0 ;
}
. span1 {
width: 8. 333333333333334%;
}
. span2 {
width: 16. 666666666666668%;
}
. span3 {
width: 25%;
}
. span4 {
width: 33. 333333333333336%;
}
. span5 {
width: 41. 66666666666667%;
}
. span6 {
width: 50%;
}
. span7 {
width: 58. 333333333333336%;
}
. span8 {
width: 66. 66666666666667%;
}
. span9 {
width: 75%;
}
. span10 {
width: 83. 33333333333334%;
}
. span11 {
width: 91. 66666666666667%;
}
. span12 {
width: 100%;
}
@ media screen and ( min- width: 768px) {
. container {
width: 768px;
}
}
@ media screen and ( min- width: 980px) {
. container {
width: 980px;
}
}
@ media screen and ( min- width: 1170px) {
. container {
width: 1170px;
padding- left: 15px;
padding- right: 15px;
}
. row {
margin- left: - 15px;
margin- right: - 15px;
padding- left: 15px;
padding- right: 15px;
}
}
@ media screen and ( max- width: 767px) {
. container {
width: 100%;
}
}
. test {
display: block;
padding: 10px;
background: none repeat scroll 0 0 #EEEEEE;
margin: 10px 0 ;
}
etoYA
Отправлено: 22 Апреля, 2014 - 17:42:14 • Тема: Структурирование данных из базы • Форум: SQL и Архитектура БД
Ответов: 2 Просмотров: 20
DlTA пишет: CODE (
SQL ):
скопировать код в буфер обмена
SELECT
`category` . `id` , `category` . `title` , `page` . `id` AS pageId, `page` . `title`
FROM
`category` JOIN `page` ON `page` . `cat_id` = `category` . `id`
ORDER BY `category` . `title` ACS, `page` . `title` ASC
ну а дальше выборку разбирать
Спасибо,попробую
etoYA
Отправлено: 22 Апреля, 2014 - 17:25:18 • Тема: Структурирование данных из базы • Форум: SQL и Архитектура БД
Ответов: 2 Просмотров: 20
К примеру есть такая структура:
category
id | title
--------
1 | Cat1
2 | Cat2
page
id | title | cat_id
------------------
1 | Page1 | 1
2 | Page2 | 2
3 | Page3 | 2
Можно ли из такой структуры получить нечто подобное (1 запросом?)
CODE (
htmlphp ):
скопировать код в буфер обмена
(
(
[ cat_title] => Cat1
[ page_title] => Page1
)
(
[ cat_title] => Cat2
[ page_title] => Page2
)
(
[ cat_title] => Cat2
[ page_title] => Page3
)
)
На выходе нужно получить что-то вроде этого
Category
--page
Category
--page
--page
etoYA
Отправлено: 12 Апреля, 2014 - 09:37:24 • Тема: Посоветуйте материал;) • Форум: HTML, Дизайн & CSS
Ответов: 1 Просмотров: 601
Посоветуйте хороший материал (книгу/и) по html5, jquery,css3, canvas.. По верстке и.т.д
А лучше, что б затрагивало все это;) Ищу уже долго, но натыкаюсь на статьи школьников и.т.д)
etoYA
Отправлено: 11 Апреля, 2014 - 23:31:28 • Тема: Вертикальное выравнивание • Форум: HTML, Дизайн & CSS
Ответов: 4 Просмотров: 1020
IllusionMH , можно пример? Я уже просто пробовал обернуть ссылку в span, и игрался с display:table-cell, можно пример?
(Добавление)
IllusionMH , спасибо, вроде разобрался)
CODE (
html ):
скопировать код в буфер обмена
<style >
ul li{
display:inline-block; position: relative;
margin-left: 10px;
}
ul li img{
width: 100px; height: 100px; background:#ccc;
}
ul li span{display:table; width: 100px; height: 40px;position: absolute; bottom: 0; }
ul li a{
display: table-cell; background: #eee; text-align: center; vertical-align: middle;
}
</ style >
<ul >
<li ><img src = "" alt = "" ><span ><a href = "" > test</ a ></ span ></ li >
<li ><img src = "" alt = "" ><span ><a href = "" > test test</ a ></ span ></ li >
<li ><img src = "" alt = "" ><span ><a href = "" > test test test</ a ></ span ></ li >
<li ><img src = "" alt = "" ><span ><a href = "" > test test test test</ a ></ span ></ li >
<li ><img src = "" alt = "" ><span ><a href = "" > test test test test test</ a ></ span ></ li >
</ ul >
etoYA
Отправлено: 11 Апреля, 2014 - 22:59:57 • Тема: Вертикальное выравнивание • Форум: HTML, Дизайн & CSS
Ответов: 4 Просмотров: 1020
Приветствую. Подскажите пожалуйста как сделать вертикальное выравнивание тега <a> как на картинке.
В данном случае, если указать отступы, то все хорошо, но только если состоит из 2 строк (я про переносы).
CODE (
html ):
скопировать код в буфер обмена
<style >
ul li{
display:inline-block; position: relative;
margin-left: 10px;
}
ul li img{
width: 100px; height: 100px; background:#ccc;
}
ul li a{
display: block; width: 100px; height: 40px; position: absolute; bottom: 0; background: #eee; text-align: center;
}
</ style >
<ul >
<li ><img src = "" alt = "" ><a href = "" > test</ a ></ li >
<li ><img src = "" alt = "" ><a href = "" > test test</ a ></ li >
<li ><img src = "" alt = "" ><a href = "" > test test test</ a ></ li >
<li ><img src = "" alt = "" ><a href = "" > test test test test</ a ></ li >
<li ><img src = "" alt = "" ><a href = "" > test test test test test</ a ></ li >
</ ul >
Если вместо height использовать line-height , то получается 2 строки.. т.е уже не 40 px, а 80px. Как с этим бороться?
etoYA
Отправлено: 02 Апреля, 2014 - 07:16:53 • Тема: yii фреймворк • Форум: Вопросы новичков
Ответов: 4 Просмотров: 236
Цитата: "% YiiRoot/framework/yiic webapp WebRoot/testdrive"
Эта команда создает каркас приложения, что не понятного?
К примеру нужно создать папку с проектом на c:/webserver/www, а фреймворк лежит на c:/webserver/framework
значит запускаем командную строку:
пишем:
cd c:\webserver\framework\
yii webapp c:\webserver\www
Генерация кода создает:
1) Модель
2) Контроллер
3) Crud html файлы (формы и.т.д)
etoYA
Отправлено: 02 Апреля, 2014 - 06:57:39 • Тема: Bootstrap 3 • Форум: HTML, Дизайн & CSS
Ответов: 1 Просмотров: 3205
Всем привет.
Как увеличить порог collapse в navbar. Т.е. чтоб кнопка .navbar-toggle появлялась с разрешением экрана до 1200px, а не как сейчас до 767px.
p.s пробовал в LESS переменных менять значение
@grid-float-breakpoint- не помогло
Гуглил, и нашел такое
CODE (
htmlphp ):
скопировать код в буфер обмена
@ media ( max- width: 979px) {
. btn- navbar {
display: none;
}
. navbar . nav- collapse {
clear: none;
}
. nav- collapse {
height: auto;
overflow: auto;
}
. navbar . nav {
float: left;
margin: 0 10px 0 0 ;
}
. navbar . brand {
margin- left: - 20px;
padding: 8px 20px 12px;
}
. navbar . dropdown- menu: before, . navbar . dropdown- menu: after {
display: block;
}
. navbar . nav > li > a, . navbar . dropdown- menu a {
border- radius: 0 ;
color: #999999;
font- weight: normal;
padding: 10px 10px 11px;
}
. navbar . nav > li {
float: left;
}
. navbar . dropdown- menu {
background- clip: padding- box;
background- color: #FFFFFF;
border- color: rgba( 0, 0, 0, 0. 2) ;
border- radius: 0 0 5px 5px;
border- style: solid;
border- width: 1px;
box- shadow: 0 5px 10px rgba( 0, 0, 0, 0. 2) ;
display: none;
float: left;
left: 0 ;
list- style: none outside none;
margin: 0 ;
min- width: 160px;
padding: 4px 0 ;
position: absolute;
top: 100%;
z- index: 1000 ;
}
. navbar- form, . navbar- search {
border: none;
box- shadow: 0 1px 0 rgba( 255, 255, 255, 0. 1) inset, 0 1px 0 rgba( 255, 255, 255, 0. 1) ;
float: left;
margin- bottom: 0 ;
margin- top: 6px;
padding: 9px 15px;
}
. navbar . nav. pull- right {
float: right;
margin- left: auto;
}
}
и это не помогло.
Можете подскзать.
CODE (
html ):
скопировать код в буфер обмена
<!DOCTYPE html>
<html >
<head >
<link href = "css/bootstrap.min.css" rel = "stylesheet" / >
<meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<link href = "css/style.css" rel = "stylesheet" / >
<script src = "http://code.jquery.com/jquery-latest.js" ></ script >
<script src = "js/bootstrap.min.js" ></ script >
<meta charset = "utf-8" / >
<title > Lorem ipsum dolor sit amet</ title >
</ head >
<body >
<!-- header -->
<header id = "header" >
<div class = "container" >
<div class = "row" >
</ div >
</ div >
</ header>
<!-- main navigation -->
<nav class = "navbar navbar-default" role= "navigation" >
<div class = "container" >
<!-- search form -->
<form action = "" name = "search" method = "get" class = "form-inline form-search pull-right" >
<div class = "input-group" >
<input type = "text" class = "form-control" id = "search-field" name = "search" placeholder= "Поиск" >
<button type = "submit" class = "btn btn-primary" >
<span class = "glyphicon glyphicon-search" ></ span >
</ button >
</ div >
</ form >
<!-- navigation -->
<span class = "navbar-toggle" data-toggle= "collapse" data-target = ".navbar-collapse" >
<span class = "sr-only" > Navigation</ span >
<span class = "icon-bar" ></ span >
<span class = "icon-bar" ></ span >
<span class = "icon-bar" ></ span >
</ span >
<div class = "collapse navbar-collapse navbar-left" >
<ul class = "nav navbar-nav" >
<li ><a href = "#" > Главная</ a ></ li >
<li ><a href = "#" > Свой бизнес</ a ></ li >
<li ><a href = "#" > Инвестиции</ a ></ li >
<li ><a href = "#" > Недвижимость</ a ></ li >
<li ><a href = "#" > Финансы</ a ></ li >
<li ><a href = "#" > Реклама</ a ></ li >
<li ><a href = "#" > Карьера</ a ></ li >
</ ul >
</ div >
</ div >
</ nav>
</ body >
</ html >
CODE (
htmlphp ):
скопировать код в буфер обмена
@ body- bg: #fff;
/* navigation */
@ navbar- default- bg: #fff;
@ navbar- default- toggle- border- color: #c7c7c7;
@ border- radius- base: 0 ;
/* search form */
@ input- border: #c7c7c7;
@ input- color- placeholder: #c7c7c7;
@ input- border- radius: 0 ;
@ btn- primary- bg: #2da5da;
@ grid- float- breakpoint: 800px;
@ grid
- float
- breakpoint
- max : ( @ grid
- float
- breakpoint
- 1
) ;
CODE (
htmlphp ):
скопировать код в буфер обмена
@ import "bootstrap/bootstrap.less" ;
@ import "variables.less" ;
. container{
max- width: 1140px;
}
#header{
height: 130px;
}
. navbar- default {
border: 0 ;
border- top: 1px solid #c7c7c7;
}
. navbar- default . navbar- toggle{
float: left;
}
. navbar- default . form- search{
padding: 8px 0 ;
width: 325px;
}
. navbar- default . form- search . input- group . form- control{
width: 285px;
}
. navbar- default . form- search . btn- primary{
width: 40px;
border: 1px solid #2da5da;
}
@ media ( max- width: 1200px) {
. navbar- toggle{
display: block;
}
. collapse{
display: none;
}
}
etoYA
Отправлено: 21 Ноября, 2013 - 19:07:33 • Тема: Изменение пароля при каждой авторизации • Форум: Вопросы новичков
Ответов: 8 Просмотров: 322
В общем стукнула в голову такая идея: При каждой успешной авторизации менять пароль (т.е не сам пароль, а соль). Ну пароль тоже меняется, из за совмещения соли и пароля в md5.
Стоит ли так извращатся?) Увеличит ли это безопасность;?)
Страниц (120): В начало « ... 4 5 6 7 [8] 9 10 11 12 ... » В конец
Powered by ExBB FM 1.0 RC1. InvisionExBB