Вход на сайт
802 просмотров
назад
11.12.13 15:56 Учимся делать красивые рамочки
| Урок №-1. Учимся делать красивые рамочки. Здесь я покажу Вам как я делаю рамочки и беру в ссылках только то, что необходимо, а всё лишнее выбрасываю. Мой совет, когда в рамочнике (ссылка на рамочник http://4maf.ru/ramochnik.php) Вы делаете свой пост, то ссылку на пост берите в атрибутах для livtinternet.ru, а не для privet.ru. Во первых она практичней и имеет меньше пунктов, что не мало важна для гостевых в привете. Во вторых она не искажается при редактировании, как это происходит с приветовской, что закрываются фоны. Во всех моих ссылках на рамочки и в обще везде я удаляю border="0", cellpadding="0", cellspacing="0", так как они востанавливаются автоматически при публикации поста. А также удаляю с чужих постов cellpadding="5" cellspacing="2", так как вместо них мы имеем <td style="padding:5px" >, это расстояние фоновой части между рамками, которое мы задаём сами. В этом мы разберёмся ниже. От простого к сложному. Одинарные рамочки. Любая рамочка имеет своё начало и конец, <table> <tr> <td> - это начало рамочки, </td> </tr> </table> - это конец рамочки.
1.Одинарная однотонная рамочка. В таких рамочках можно всегда выбрать желаемый цвет, достаточно только поменять ccffff, на желаемый. Желаемый цвет всегда можно выбрать в рамочнике или в таблице цветов. <table style="background-color:#ccffff" ><tr><td style="padding:10px" > ( итд.) </td></tr></table> 2. Одинарная рамочка с фоновым изображением. <table background="http://img28.dreamies.de/img/102/b/1suczftnx7a.gif" ><tr><td style="padding:10px" > ( итд.) </td></tr></table> Одинарные рамочки с бордюром. Однотонные одинарные рамочки с бордюром.
1. Рамочка с border="4" <table border="4" style="background-color:#575757"><tr><td style="padding:1px" > ( итд.) </td></tr></table> 2. Сплошная border:4px solid #999999 <table style="border:4px solid #999999;background-color:#000000" ><tr><td style="padding:1px" > ( итд.) </td></tr></table> 3. Двойная border:4px double #ffffff <table style="border:4px double #ffffff;background-color:#660000" ><tr><td style="padding:1px" > ( итд.) </td></tr></table> 4. Пунктирная border:4px dashed #ffffff <table style="border:4px dashed #ffffff;background-color:#ff0000"><tr><td style="padding:1px" > ( итд.) </td></tr></table> 5. Точками border:4px dotted #9900ff <table style="border:4px dotted #9900ff;background-color:#ff9900" ><tr><td style="padding:1px" > ( итд.) </td></tr></table> 6. Выпуклая border:4px outset #009900 <table style="border:4px outset #009900;background-color:#ffff33" ><tr><td style="padding:1px" > ( итд.) </td></tr></table>
Одинарные рамочки с бордюром и фоновым изображением.
7. Вдавленная border:4px inset #ff0000 <table style="border:4px inset #ff0000" background="http://img1.liveinternet.ru/images/foto/b/2/745/1468745/f_10652675.gif" > <tr><td style="padding:1px" > ( итд.) </td></tr></table> 8. Вырезанная border:4px ridge #ff3300 <table style="border:4px ridge #ff3300" background="http://img01.chitalnya.ru/upload/148/3991860463283956.gif" ><tr><td style="padding:1px" > ( итд.) </td></tr></table> 9. Врезанная border:4px groove #000000 <table style="border:4px groove #000000" background="http://radikal.ua/data/upload/4fa6c/4fa6c/d010b9afc0.jpg" ><tr><td style="padding:1px" > ( итд.) </td></tr></table> _______________________________________ В следующих уроках мы рассмотрим, как вставить в одинарную рамочку фоновую картинку музыку или видео. А далее двойные рамочки и сделаем красивый пост с фоновой картинкой, музыкой и стихом. Bergmann - Шахтёр. |