Собственно основа изложена в названии темы. Основная тематика - фентезийные миры, книги, кино и т.п. Сейчас дописываю сайт и первые статьи. Даже небольшая помощь сейчас необходима.
Структура:
Code
<body>
<div id="content">
<h1>Fantastic Worlds</h1>
<ul id="menu">
<li><a href="#">Главная страница</a></li>
<li><a href="arhive.html">Архив</a></li>
<li><a href="#">Контакты</a></li>
</ul>
<div class="post"> Место для слайдера
</div>
<div class="body">
<p>Пост 1</p>
</div>
<div class="x"></div>
</div>
<div class="col">
<h3><a href="#">Заголовок</a></h3>
<p>Пост 2</p>
<p>¬ <a href="#">Подробно...</a></p>
</div>
<div class="col">
<h3><a href="#">Заголовок</a></h3>
<p>Пост 3</p>
<p>¬ <a href="#">Подробно...</a></p>
</div>
<div class="col last">
<h3><a href="#">Заголовок</a></h3>
<p>Пост 4</p>
<p>¬ <a href="#">Подробно...</a></p>
</div>
<div id="footer"> Футер ( пока что нет)
<p>Copyright (c) Копирайт</p>
</div>
</div>
</body>
Добавлено (03.02.2012, 20:32)
---------------------------------------------
Кому интересно - вот скрипт стиля:
Code
*{margin:0;padding:0;}
body { font: .8em Georgia, "Times New Roman", Serif; background: #fff; color: #777; }
a { color: #D40000; text-decoration: none; }
a:hover { color: #8F0000; }
p { line-height: 1.7em; margin: 0 0 15px; }
.x { clear: both; }
h1 { float: left; font-size: 2em; font-weight: normal; font-style: italic; padding: 0 0 25px 10px; margin: 0 0 10px; }
h2 { font-weight: normal; font-size: 2.6em; padding: 0 0 10px; margin: 0 0 15px; }
h3 { font-size: 1.7em; font-weight: normal; margin: 0 0 20px; }
h3 a { color: #222; }
#content { width: 960px; margin: 40px auto; }
#menu { float: right; margin: 10px 10px 0 0; }
#menu li { display: inline; list-style: none; }
#menu li a { float: left; margin: 0 0 0 20px; color: #888; }
#menu li a:hover { color: #555; }
.post { clear: both; padding: 30px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 40px; }
.post .details { float: left; width: 250px; }
.post .details .info { font-size: .9em; color: #999; }
.post .details .info a { color: #777; border-bottom: 1px dotted #999; padding: 3px 1px; }
.post .body { float: right; width: 618px; padding: 0 0 0 30px; border-left: 1px solid #ddd; }
.col { width: 290px; margin: 0 40px 30px 0; float: left; font-size: .9em; }
.col.last { margin-right: 0; }
#footer { clear: both; border-top: 1px solid #ddd; padding: 20px 0; font-size: .9em; color: #999; }
(работа за 1 час)
