<MyRusakov.ru />

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Видеокурс "Фреймворк Yii 2.0 с нуля. Пример создания сайта" обучит Вас созданию профессиональных сайтов с использованием фреймворка Yii. В курсе есть 2 раздела: теоретический и практический. В теоретическом разделе будут разобраны возможности фреймворка Yii с примерами их использования, а в практической части будет создан сайт Blog.MyRusakov.ru с помощью полученных знаний из теоретического раздела.

Так же почти ко всем урокам идут упражнения для закрепления материала из урока на практике.

После прохождения курса Вы без труда сможете создавать любые сайты с использованием фреймворка Yii, причём делать это будете быстро и качественно.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Как выбрать ширину страницы прИ и верстке
16.11.2013 12:13:17 Как выбрать ширину страницы прИ и верстке Сообщение #1
olegvasil

olegvasil

Эксперт

Эксперт

Дата регистрации:
25.03.2013 22:27:59

Сообщений: 104

Добрый день , модератор!Подскажите , вот такую вещь.Я верстаю страницу сайта с psd .Ее размер 1000рх (мерил линейкой в фотошопе )Ради качественной верстки , я определил , что максимум ширину , которую я могу задать чтобы сайт отображался без полосы прокрутки , при разрешении 1021 * 768 - 983px.Как в данном случае мне быть уменьшать до 983px или брать оригинальную ширину шаблона (но будет уже с небольшой полосой прокрутки.Вот изображение шаблона http://www.picshare.ru/view/3323350/.И еще подскажите как сделать необычные переключатели , как изображены на вот этом шаблоны в правом блоке(опростник) http://www.picshare.ru/view/3323350/
Профиль Ответить
16.11.2013 12:30:40 Как выбрать ширину страницы прИ и верстке Сообщение #2
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

Доброго Вам времени суток,уважаемый.

1.Опросник пишется не Опростник,а ОпроСНИК. Вас за это поисковики с костями съедят и не выплюнут.Учтите при вёрстке
2.Правилом хорошего тона является резиновая вёрстка.Если вы верстаете не для себя,а для всех,то верстайте блочно и резину.
3.примерно 7 процентов пользователей используют разрешение 1024x768
т.е. чтобы было без скролла,то нужно примерно 990 пикселов.
Это всего 7 процентов.
Что касается ноутбуков,то среднее стандартное разрешение там 1200-1380, так что учтите это тоже.

А тут уж Вам выбирать,на что ориентироваться.
В любом случае,та длинна,которую вы намеряли,вполне приемлема. Возьмите размер в 980 пикселов и верстайте под него.
Если хотите делать качественно,то ориентируйтесь при вёрстке на правила дизайна и эстетичности.



II. В переключателях опросника не увидел ничего необычного. Делаются они банально и просто - тегом
<input type="radio">
Профиль Ответить
16.11.2013 14:08:13 Как выбрать ширину страницы прИ и верстке Сообщение #3
olegvasil

olegvasil

Эксперт

Эксперт

Дата регистрации:
25.03.2013 22:27:59

Сообщений: 104

Вы говорите , если делать качественно , Если хотите делать качественно,то ориентируйтесь при вёрстке на правила дизайна .Но ширина дизайна в 1000px, следовательно если добавляется полоса прокрутки справа , то внизу также появляется полоса прокрутки , а это уже минус качественной верстки
Профиль Ответить
16.11.2013 14:10:37 Как выбрать ширину страницы прИ и верстке Сообщение #4
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

Например дизайнер,с которым работаю я - всегда дорисовывает или переделывает,если макет не соответствует нужным параметрам.И я говорю ориентироваться на ширину окна браузера.

В любом случае,верстаете вы,а не я и решение принимать вам
Профиль Ответить
16.11.2013 14:15:31 Как выбрать ширину страницы прИ и верстке Сообщение #5
olegvasil

olegvasil

Эксперт

Эксперт

Дата регистрации:
25.03.2013 22:27:59

Сообщений: 104

Спасибо, но это же явно дизайнер виноват что сделал ширину шаблона 1000px?
Профиль Ответить
16.11.2013 14:20:03 Как выбрать ширину страницы прИ и верстке Сообщение #6
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

Ну,уважающие себя дизайнеры подобным образом не рисуют.
Всегда рассчитывают рисовку так,чтобы тому,кто верстает было проще и удобнее
Профиль Ответить
16.11.2013 14:24:26 Как выбрать ширину страницы прИ и верстке Сообщение #7
olegvasil

olegvasil

Эксперт

Эксперт

Дата регистрации:
25.03.2013 22:27:59

Сообщений: 104

Спасибо .А вот нащет радио кнопок <input type = 'radio' name = 'r' /> создаст обычный радио переключатель , а как его стилизовать в тот , который нарисован на дизайне,
Профиль Ответить
16.11.2013 14:36:00 Как выбрать ширину страницы прИ и верстке Сообщение #8
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

а что там стилизованного? размер побольше?

А вообще стилизуется примерно так(дабы не писать много кода,просто его скопировал):

<div class="radio">
<input id="male" type="radio" name="gender" value="male">
<label for="male">Male</label>
<input id="female" type="radio" name="gender" value="female">
<label for="female">Female</label>
</div>



В первую очередь, мы меняем иконку курсора на pointer (появляется рука с пальцем), для того чтобы пользователь понимал, что данный элемент кликабилен:
label {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
}



Затем спрячем радио кнопку по её атрибуту:
input[type=radio] {
display: none;
}





Заменяем скрытый элемент псевдо классом :before.
label:before {
content: "";
display: inline-block;

width: 16px;
height: 16px;

margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #aaa;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}




Такой же стиль мы применим и к чекбоксу. Разница только в том, что для радио кнопки нам нужно сформировать окружность. Добиться подобного эффекта мы можем, воспользовавшись border-radius и задав радиус в половину ширины и высоты элемента.

.radio label:before {
border-radius: 8px;
}



Как-то так
Профиль Ответить
26.11.2013 11:30:51 Как выбрать ширину страницы прИ и верстке Сообщение #9
olegvasil

olegvasil

Эксперт

Эксперт

Дата регистрации:
25.03.2013 22:27:59

Сообщений: 104

Ну только я использую XHTML и css не 3 версии a border-radius это css3
Профиль Ответить
26.11.2013 14:58:02 Как выбрать ширину страницы прИ и верстке Сообщение #10
alexandrdante

alexandrdante

Модератор

Модератор

Дата регистрации:
15.11.2013 15:33:40

Сообщений: 207

Вы это не указывали.Подгоняйте под стандарт сами
пример на обычном переходном 4-ке)

Ну тогда я не могу вам помочь. Используйте CSS 3
Это нормально.
Если именно бордер-радиус волнует,то есть же не из третьего,свойство с -webkit и -moz
Профиль Ответить