<MyRusakov.ru />

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

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

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

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

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

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

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

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

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

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

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

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

Шапка из двух частей
04.01.2012 23:48:06 Шапка из двух частей Сообщение #1
sarcodin

sarcodin

Эксперт

Эксперт

Дата регистрации:
30.09.2011 00:53:49

Сообщений: 128

Хочу сделать так чтобы на шапке была форма входа. Я разделил в фотошопе шапку на две части.
Вот код

<div class="header">

<div class="logo_left">
<img src="images/logo_left.png" alt="Левая шапка сайта"/>
</div>
<div class="logo_right">
<img src="images/logo_right.png" alt="Правая шапка сайта" />
</div>
</div>


но вот проблема они не на одной строке как сделать чтобы они были на одной строке, или подскажите как по другому можно сделать форму на шапке
Профиль Ответить
04.01.2012 23:53:23 Шапка из двух частей Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Да способов много. Самый простой - это блок с фоном в виде шапки. А уже в этом блоке можно поставить форму.
Профиль Ответить
05.01.2012 00:07:43 Шапка из двух частей Сообщение #3
sarcodin

sarcodin

Эксперт

Эксперт

Дата регистрации:
30.09.2011 00:53:49

Сообщений: 128

Вот код:

<div class="header">
<div class="logo_left">
<img src="images/logo_left.png" alt="Шапка сайта" />
<div class="logo_right">
</div>
</div>
</div>

CSS:

#header{

width: 1000px;
height: 200px;

}

.logo_left{

width: 700px;
height: 200px;

}

.logo_right{

background: url(images/logo_right.png) no-repeat;
width: 300px;
height: 200px;
float: right;

}


Первая часть шапки отображается правильно, а вторая справа, но под первой шапкой.
Профиль Ответить
05.01.2012 00:11:47 Шапка из двух частей Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Вообще без тега img такие вещи делаются. HTML:
<div id="header>Тут форма</div>
CSS:
#header {
background: url("images/bg.jpg" no-repeat;
height: высота картинки;
width: ширина картинки;
}
Профиль Ответить
05.01.2012 00:14:02 Шапка из двух частей Сообщение #5
sarcodin

sarcodin

Эксперт

Эксперт

Дата регистрации:
30.09.2011 00:53:49

Сообщений: 128

Спасибо!
Профиль Ответить