Конкурс для веб-мастеров - Форум
Страница 1 из 11
Форум » Общий раздел » Урна » Конкурс для веб-мастеров (вам предлогается HTML код, подберите к нему CSS стили)
Конкурс для веб-мастеров

S@Nek
VIP
Сообщений 678
+
+1349
-
Ваши награды 18
S@Nek написал: В ответ пользователя S@Nek Написано 10 Июня 2012 в 19:36
Сообщение № 1
Суть конкурса в том, что я, либо ктонибудь другой делает HTML код конструктора шаблонов, используя дивную вёрстку. А вебмастера должны раскидать в своей голове план и создать CSS код.
Логотип, который стоит в шапке вот:

Вот первый код:
Code
<html>
<head>
<title>[TITLE]</title>
<link type="text/css" rel="StyleSheet" href="/css/main.css" />
</head>
<BODY BACKGROUND="/images/bg.png" style="padding:10px;margin:10px;">
<div class="content">
<!-- <header> -->
<div align="left" style="border-bottom:1px solid black;padding:0px;font-size:20pt;"><img src="/images/logo.png"></div><div style="padding-top:0px">
   <div class="menu">
   <div id="menu" class="url">   
   <a href="/">Главная</a>   
   <a href="#" id="no-br">Ссылка</a>   
   <a href="#" id="no-br">Ссылка</a>  
   <a href="#" id="no-br">Ссылка</a>  
   <a href="#" id="no-br">Ссылка</a>  
   <a href="#" id="no-br">Ссылка</a>  
   <a href="#" id="no-br">Ссылка</a>  
   <a href="#" id="no-br">Ссылка</a>  
   <a href="#" id="no-br">Ссылка</a>  
   </div></div></div>

<!-- </header> -->

<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<!-- <container> -->

<!-- <block> -->
<div style="border:dashed 1px #000000;padding:3px;margin:5px;width:200px;">
<div align="center"><b>TITLE</b></div>CONTENT</div><br/>
<!-- </block> -->

<!-- </container> -->
</td>
<td valign="top" width="80%" style="padding:5 5px;"><div class="news">[BODY]<br></div></td>
<td valign="top">
<!-- <container> -->
<!-- </container> -->
</td></tr>
</table>
<!-- </middle> -->  

<!-- <footer> -->
<div align="center"><br/><div class="footer"><br><div class="footertext">[COPYRIGHT]<br/>$POWERED_BY$</div></div></div>
<!-- </footer> -->
</div>
</body>
</html>

<!-- <popup> -->
<div style="border:1px solid black;padding:3px;">
<div align="center"><b>[TITLE]</b></div>
[BODY]
</div>
<!-- </popup> -->

Добавлено (10.06.2012, 19:36)
---------------------------------------------
На разных фонах:


Quote
http://webka.my1.ru/avtorstvo/logo.png
подпись: S@Nek
«Пред. тема След. тема»
Форум » Общий раздел » Урна » Конкурс для веб-мастеров (вам предлогается HTML код, подберите к нему CSS стили)
Страница 1 из 11
Поиск:
Топ пользователей: