<MyRusakov.ru />

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

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

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

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

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

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

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

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

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

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

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

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

Помощь к домашнему заданию по верстке из курса
30.08.2012 23:02:28 Помощь к домашнему заданию по верстке из курса Сообщение #1
crips

crips

Освоившийся

Освоившийся

Дата регистрации:
18.12.2011 13:05:02

Сообщений: 28

Здравствуйте,Михаил,тут решил взяться за верстку и решил делать макет из Вашего курса по верстке(домашний). Хотел бы проконсультироваться у Вас по поводу шапки,а то не пойму движусь я в правильном направлении или же нет,мой пример шапки можно увидеть тут http://demo.love-plus16.ru/,
Оригинал Ваш: http://demo.love-plus16.ru/images/hw.jpg,
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<META HTTP-EQUIV="Content-Type" Content="text/html; Charset=utf-8"/>
<title>моя верстка</title>
</head>
<body>
<div id='logo'>
<div class='border'>
<table class='logo' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td>
<table border='0'>
<tr>
<td>
<div class='left'>
<p class='logotip'>Box & Cube</p>

<p class='logotip2'>create & innovate solutions</p>
</div>
<div class='right'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td>
<a href='#'>Home</a>
</td>
<td>
<a href='#'>About</a>
</td>
<td>
<a href='#'>contact</a>
</td>
<td class='last'>
<a href='#'>Blog</a>
</td>
</tr>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</td>
<td class='search2' >
<div class='search'>
<table cellpadding='0' cellspacing='0' border='0' class='form'>
<tr>
<td>
<div class='cont'>
<table cellpadding='0' cellspacing='0'>
<tr>
<td class='last'>
<img src='/images/rss.png' alt='rss'>
</td>
<td class='first'>
Please subscribe to:
</td>
<td>
<a href='#'>Posts</a>
</td>
<td>
<a href='#'>Comments</a>
</td>
<td class='last'>
<a href='#'>Email</a>
</td>
</tr>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
<tr>
<td class='input'>
<input type='text'>
</td>
</tr>
<tr>
<td class="bottom"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>


CSS:
#logo div.border {
border-top: 10px solid #1B1B1B;
border-bottom: 10px solid #131313;

}
#logo{
border-top: 1px solid #474747;
border-bottom: 1px solid #474747;

}
#logo table.logo {

background: #181818 url(/images/fonlogo.jpg) repeat-x;
height: 130px;
width: 100%;
}
#logo p.logotip{
margin: 0;
color: white;
font-size: 303%;

}
#logo p.logotip2{
margin: 0;

color: white;
font-size: 100%;
font-family: 'Myriad Pro';
letter-spacing:3px;
color: #424242;
}
#logo table.logo td {

vertical-align: middle;
padding: 0;
margin: 0;

}

#logo table.logo div.top {

background: url(../images/top.png) top right no-repeat;
margin: 0;
}




#logo table div.left {
width: auto;
padding-right: 0;
padding-left: 50px;
padding-top: 42px;
padding-bottom: 36px;
float: left;
}

.menu {
text-align: left;
padding: 0;
margin: 0;
}


#logo table div.right{
width: auto;
float: left;
padding-left: 113px;


}


#logo div.right td {
border-right: 1px solid #363636;
padding: 0 18px;
}

#logo div.right td.last{
border: none;
padding-right: 0;
}

#logo div.right a {
font-family: Verdana,Arial;
color: #616161;
font-size: 10pt;

}

#logo table.form input{
width: 335px;
height:36px;
background: #131313 url(/images/lupa.jpg) no-repeat right;
border-bottom: 1px solid #2a2a2a;
border-top: none;
border-left: none;
border-right: none;
padding: 0;
margin: 0;
-moz-border-radius:.3em;
-webkit-border-radius:.3em;
border-radius:.3em;
}

#logo table div.search td {
background: #1B1B1B;

padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;

}


#logo table.logo td.search2{
vertical-align: top;

}

#logo table.logo td.bottom {
background : url('images/bottom.png') no-repeat;
height: 14px;
padding: 0;
margin: 0;
}

#logo table.logo div.cont td {
font-size: 10pt;
font-family: veranda,arial;
color: #6E6E6E;
border-right: 1px solid #6E6E6E;
padding: 0 8px;

}

#logo table.logo div.cont td.last {
border: none;
padding-right: 0;
}
#logo table.logo div.cont td.first {
padding-left: 0;

}

#logo table.logo div.cont td a {
font-size: 10pt;
font-family: veranda,arial;
color: #A9A9A9;


}

#logo table.logo div.cont td img {


padding-right: 5px;
padding-left: 0;
}

Профиль Ответить
31.08.2012 16:13:23 Помощь к домашнему заданию по верстке из курса Сообщение #2
Admin

Admin

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

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

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

Сообщений: 3063

Неплохо, хоть и верстка невалидная. Можете сами себя проверять здесь http://validator.w3.org/
Профиль Ответить
31.08.2012 18:20:49 Помощь к домашнему заданию по верстке из курса Сообщение #3
crips

crips

Освоившийся

Освоившийся

Дата регистрации:
18.12.2011 13:05:02

Сообщений: 28

Благодарю,валидностью я хотел заняться после,а вот еще такой вопрос,как сделать закругленный угол?,Картинками и строками придется?на форме поиска я это сделал,а вот верхний не могу(указан на картинке) http://demo.love-plus16.ru/hw2.jpg.
Профиль Ответить
31.08.2012 18:26:01 Помощь к домашнему заданию по верстке из курса Сообщение #4
Admin

Admin

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

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

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

Сообщений: 3063

Вот тут есть примеры http://myrusakov.ru/css-round-angle.html
Профиль Ответить
11.09.2012 09:18:33 Помощь к домашнему заданию по верстке из курса Сообщение #5
leto

leto

Новичок

Новичок

Дата регистрации:
11.09.2012 09:08:10

Сообщений: 1

Здравствуйте, Михаил.Тоже пробую свои силы на этом макете.
В основном блоке есть галерея.Судя по дизайну, там применяется свойство opasity.
Это свойство наследуется всеми дочерними элементами.Как я поняла, отменить это свойство нельзя,тогда как там разместить
картинки без прозрачности?
Профиль Ответить
11.09.2012 14:35:19 Помощь к домашнему заданию по верстке из курса Сообщение #6
Admin

Admin

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

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

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

Сообщений: 3063

Это свойство всегда будет наследоваться, никак обойти родительский элемент нельзя. Можно только обходные пути использовать, отделив нужный <div> от родительского, например.
Профиль Ответить