[Table]
[/Table] [Table]Сегодня я расскажу вам как создать красивый рекламный блок наподобие контакта.[/Table]
[Table]Начнем с очень простого пропишем стили в css:[/Table]
Code
body {background:#ffffff;font:11px tahoma;}
td {font:11px tahoma;}
#css1{background:#6d8fb3;border-top:1px solid #3b6798;border-bottom:1px solid #5c82ab;}
#css2{background:#6d8fb3;border:1px solid #7e9cbc;color:#FFF;padding:7px;}
#css3 {background:#f1f1f1;padding:8px;}
#css4 {background:#717272;border:1px solid #333;color:#FFF;padding:4px;display:inline-block;}
[Table]Выделить код в новом окне[/Table]
[Table]Второе пропишем для нашего блока ширину,высоту и т.д. иначе весь блок может расплыться на всю страницу.
В после ставим:[/Table]
Code
<style type="text/css">
.css5 {
width: 400px; /* Ширина блока */
padding: 7px; /* Поля вокруг текста */
}
.css6 {
width: 400px; /* Ширина текстового блока */
}
</style>
[Table]Выделить код в новом окне[/Table]
[Table]Третье что нужно сделать это это прописать код самого блока который предоставлен ниже:[/Table]
Code
<div class="css5">
<p class="css6"><div id="css1"><div id="css2"><b>Реклама</b> - посмотри не поленись</div></div>
<div id="css3">
<br>
<div id="get"></div>
<a href="http://site.ru" rel="nofollow" target="_blank"><img src="http://i024.radikal.ru/1101/66/82afd6fef289.png" border="0"></a>
<br>
<br><div align="right"><div id="css4"><a href="http://site.ru/zakaz_reklami/" target="_blank">Заказать</a></div></div>
</div></p>
</div>
[Table]Все заменяем на свое картинку, ссылку и т.д.[/Table]
[Table]Размеры блока можете ставить свои[/Table]
485555744
