Поиск:
|
   |
| Модератор форума: Senator |
| Форум сайта Система uCoz Другие скрипты Новый вид рекламы v0.1 |
| Новый вид рекламы v0.1 |
|
[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]Второе пропишем для нашего блока ширину,высоту и т.д. иначе весь блок может расплыться на всю страницу.
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] |
| |||
| |||