Показать сообщение отдельно
  #63 (permalink)  
Старый 29.12.2013, 14:53
Кандидат Javascript-наук
Отправить личное сообщение для Терехов Станислав Посмотреть профиль Найти все сообщения от Терехов Станислав
 
Регистрация: 22.12.2013
Сообщений: 105

да мне не жалко.
я имею эту страницу по слайду.
Для всех - под доктайп я не подгонял, кодировку не указал, и стили в отдельный файл не вынес по причине того, что я обучаюсь ещё и чтобы с экономить время. пиксели проценты и т.д. там полный хаос. в следующий раз всё буду делать в процентах.

<html>
<head>
<title> Nine Inch Nails</title>
<style>
#main {
margin: 0p;
height: 190;
outline: 23px solid black;
background: url(nin.png);
}
#slide {
outline: 8px solid black;
background: url(nin2);
margin: 0 5%;
width: 1200;
}
#all {
width: 100%;
}
#menuOne {
width: 170;
background: black;
-moz-border-radius: 10;
-webkit-border-radius: 10;
float: left;
}
#menu {
background: black;
float: left;
margin: 0 0 30;
}
#contentOne {
width: 580;
background: black;
float: left;
margin: 0 30;
-moz-border-radius: 10;
-webkit-border-radius: 10;
}
#content {
background: brown;
padding: 15;
-moz-border-radius: 10;
-webkit-border-radius: 10;
width: 550;
float: left;
margin: 5 30;
}
#videoOne {
background: black;
width; 340;
border: 4px solid brown;
float: right;
}
#video {
float:right;
}
#hello {
float: left;
}
#helloTwo {
float: right;
}
ul {
width: 280px; /* Ширина меню */
list-style: none; /* Для списка убираем маркеры */
margin:0; /* Нет отступов вокруг */
padding:0; /* Убираем поля вокруг текста */
font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */
font-size: 10pt; /* Размер названий в пункте меню */
-moz-border-radius: 100px;

}
li ul {
position: absolute; /* Подменю позиционируются абсолютно */
display: none; /* Скрываем подменю */
margin-left: 165px; /* Сдвигаем подменю вправо */
margin-top: -2em; /* Сдвигаем подменю вверх */
}
li a {
display: block; /* Ссылка как блочный элемент */
padding: 5px; /* Поля вокруг надписи */
text-decoration: none; /* Подчеркивание у ссылок убираем */
color: #666; /* Цвет текста */
border: 1px solid #ccc;/* Рамка вокруг пунктов меню */
background-color: #f0f0f0; /* Цвет фона */
border-bottom: none; /* Границу снизу не проводим */
}
li a:hover {
color: #ffe; /* Цвет текста активного пункта */
background-color: #5488af; /* Цвет фона активного пункта */
}
li:hover ul {
display: block; /* При выделении пункта курсором мыши отображается подменю */
}
.brd {
border-bottom: 1px solid #ccc; /* Линия снизу */
}
</style>
</head>
<body bgcolor="grey">
<div id="main">
</div>
<div id="slide">
<button>Nine Inch Nails</button>
<br>
<br>
<br>
<br>
</div>
<br>
<div id="all">
<div id="menuOne">
<div id="menu">
<li><a href="russian.html">Nine Inch Nails</a>
<ul>
<li><a href="linkr1.html">Trent Reznor</a></li>
<li><a href="linkr2.html">История группы</a></li>
<li><a href="linkr3.html">Дискография</a></li>
<li><a href="linkr4.html" class="brd">Сотрудничества</a></li>
</ul>
</li>
<li><a href="ukrainian.html">Форум</a>
<ul>
<li><a href="linku1.html">Вареники</a></li>
<li><a href="linku2.html">Жаркое по-харьковски</a></li>
<li><a href="linku3.html">Капустняк черниговский</a></li>
<li><a href="linku4.html" class="brd">Потапцы с помидорами</a></li>
</ul>
</li>
<li><a href="caucasus.html">Софт</a>
<ul>
<li><a href="linkc1.html">Суп-харчо</a></li>
<li><a href="linkc2.html">Лилибдж</a></li>
<li><a href="linkc3.html">Чихиртма</a></li>
<li><a href="linkc4.html" class="brd">Игры</a></li>
</ul>
</li>
<li><a href="asia.html" class="brd">Отзывы</a></li>
</ul>
<br>
Поиск:
<br>
<input>
<br>
<button>Найти</button>
</div>
</div>
<div id="contentOne">
<div id="content">
Nine Inch Nails часто стилизованное как NIИ; в пер. с англ. — девятидюймовые гвозди[~ 1]) — американская индастриал-группа, созданная Трентом Резнором в 1988 году в городе Кливленд, штат Огайо. Как основной продюсер, певец, автор текстов и музыкант Резнор является единственным официальным участником группы и несёт единоличную ответственность за её развитие. Музыка NIN охватывает большой диапазон жанров, сохраняя при этом характерное звучание, достигаемое использованием электронных инструментов и средств обработки звука. После записи очередного альбома Резнор, как правило, привлекает музыкантов, с которыми отправляется в концертное турне в поддержку пластинки; этот концертный состав существует отдельно от Nine Inch Nails в студии. На сцене NIN часто используют для сопровождения своих выступлений эффектные визуальные элементы, часто достигающие апогея в разрушении музыкантами своих инструментов.
Поклонники андеграундной музыки тепло приняли NIN в их ранние годы. В 1990-е гг. группа выпустила несколько значимых записей, достигших широкой популярности: многие песни NIN стали хитами на радио, две записи выиграли Грэмми[3], и группа продала более 20 млн альбомов в мире и 10 млн в США. В 1996 году выходит игра Quake, саундтрек для которой написал Трент Резнор. В 2004 году журнал «Rolling Stone» поместил NIN на 94 место в своём списке 100 величайших рок-артистов всех времён[4]. Несмотря на этот тёплый приём, у группы было несколько конфликтов со звукозаписывающей индустрией. В 2007 году Трент Резнор заявил, что NIN будет далее развиваться независимо от звукозаписывающих лейблов[5].
В прошлом NIN нечасто выпускали большие студийные альбомы; концертные и ремиксовые альбомы заполняли эти пробелы в каталоге группы. Резнор ссылается на свои личные проблемы как на причину этих пауз; в своих песнях он часто исследует мрачные стороны своего «Я».
</div>
</div>
<div id="videoOne">
<div id="video">
<div id="hello">
<iframe width="240" height="260" src="http://www.youtube.com/embed/mDsqpeiTqg8?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
<br>
<iframe width="240" height="260" src="http://www.youtube.com/embed/gjwgYvzQWS4?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
</div>
<div id="helloTwo">
<iframe width="240" height="260" src="http://www.youtube.com/embed/gjwgYvzQWS4?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
<br>
<iframe width="240" height="260" src="http://www.youtube.com/embed/mDsqpeiTqg8?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</body>
</html>
Ответить с цитированием