Новые сообщения
|
   |
| Модератор форума: chocopie |
| Форум uCoz Уроки по ucoz Как создать свой баннер без photoshop с помощью html |
| Как создать свой баннер без photoshop с помощью html |
off-line Добавлено: 2011-Июл-29 - 22:14 | Сообщение #1
И так, в этом уроке мы рассмотрим, как без помощи навыка в photoshop.
Он будет создаваться с помощью таблицы, текста, текстовых эффектов и градиента. + Он работает в любых браузерах. Вот то, что должно получиться:  И так, вот код: Code <style> #Banner_style { background: url("http://uc-scripts.ru/rabotbi/banner_html.gif") no-repeat scroll 0 0 transparent; color: #FFAA00; height: 31px; padding: 8px 0 0 1px; text-align: center; text-shadow: 1px 1px 1px #000000; width: 88px; } </style> <table width="88" height="31"> <tbody> <tr> <td> <div id="Banner_style"><a href="http://uc-scripts.ru/"><span style="color: #ffaa00;">Uc-Scripts.Ru</span></a></div> </td> </tr> </tbody> </table> В данном коде, чтобы сменить задний фон, нужно поменять - "http://uc-scripts.ru/rabotbi/banner_html.gif" на свою ссылку с градиентом, либо оставить как есть. Чтобы изменить текст и всю ссылку, измените: Code <a href="http://uc-scripts.ru/"><span style="color: #ffaa00;">Uc-Scripts.Ru</span></a> Где: Code <span style="color: #ffaa00;"></span> Задает цвет ссылки. Если Вам нужно просто текст, то уберите теги, которые указаны выше в коде и заменить в CSS: Code color: #FFAA00; На свой цвет, который можно задать любым кодом - RGB, HTML-Палитрой, .. Сообщение отредактировал ZAN - Пятница, 2011-Июл-29, 22:19
|
off-line Добавлено: 2011-Авг-02 - 08:41 | Сообщение #2
канешно это круто что на одном html но я лучше всё таки нирисую
bug bug bug mmm... |
off-line Добавлено: 2011-Авг-02 - 08:43 | Сообщение #3
|
off-line Добавлено: 2011-Авг-02 - 23:53 | Сообщение #4
Но для создания BackGround нужно будет слегка поюзать PS
 Либо интернет в помощь.
|
| |||
| |||