Цитата сообщения ka82
Хотите такие рамки? Заказывайте! +Конкурс!
|
Я понимаю, что изобрела лишь новый велосипед, однако пока ни у кого не видела такого оформления. Натолкнуло на мысль то, что менять схему оформления дневника не хотца, а выразить идеи - очень. Поэтому решила сделать такие рамочки типа этой. Кто-то уже обратил внимание, что похожим образом оформлена и большая страница на Ли.ру - слева - место для аватарок и панели навигации, сверху - заголовок ну и так далее | | |
|
Могу поделиться кодом со всеми, краткий код в инструкции ниже. Если каке-то трудности, постараюсь в меру возможностей объяснить всем, кто напишет в личку ka82 и пришлет http-адрес картинок которые он хочет поместить в рамочку. А кто-то может уже сам разобрался | | |
Пара строк обо мне вот в этой колонке | |
Да, и еще такой конкурс хочу объявить: на самый красивый комментарий по оформлению! Пишите мне в дневник до 30 августа включительно свои комментарии. Важно не столько содержание, а оформительская часть.
Приз - исполню желание победителя в рамках интернета и своих возможностей.
![](//s56.radikal.ru/i154/0812/d0/5ec201e64553t.jpg)
| |
Менять можно много чего. Присылайте свои заказы в личку ka82 и я постараюсь Вам сделать персональную рамочку. А тут – сокращенный вариант переменных. Элементы, которые надо менять, выделены красным. Адрес фона – например у меня это трава, ягоды или в нижнем примере – белые цветы. Левая колонка – цветочный луг (на верхнем примере), заголовок – красные тюльпаны (на верхнем примере), текст сообщений – самая большая часть рамки. Очень хочется увидеть Ваши результаты!
ВНИМАНИЕ: Если Вы хотите поднять текст или оставить под ним расстояние чтобы было лучше видно загруженную картинку, то можете отрегулировать сверху и снизу пустыми строками (кнопка Enter).
Пример:
1 Вариант: ТЕКСТ ЛЕВОЙ КОЛОНКИ БЕЗ ПУСТЫХ СТРОК:
|
Если Вы хотите поднять текст или оставить под ним расстояние чтобы было лучше видно загруженную картинку, то можете отрегулировать сверху и снизу пустыми строками (кнопка Enter).
В моем красивом примере сверху (самая первая рамочка) я сделала столько отступов:
Несколько строк от ka82
То есть 3 раза клавиша Enter сверху и снизу | | |
2 Вариант: отрегулировано С ПУСТЫМИ СТРОКАМИ (три сверху и три снизу) для подгонки левой колонки под высоту правой. Его Вы видите в верхней рамочке. Фон там - луговые цветы.
ИТАК, ВОТ КОД. КРАСНЫМ – ЧТО НУЖНО ЗАМЕЩАТЬ!!! БЕЗ ПРОБЕЛОВ!!! ПРИСЫЛАЙТЕ РЕЗУЛЬТАТЫ, МНЕ ОЧЕНЬ ИНТЕРЕСНО!!!
<div align="right"> <table border="0" background="АДРЕС ФОНА" cellpadding="10" cellspacing="10" width="100%"><tr><td>
<table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <center> <table border="0" background="АДРЕС ФОНА ДЛЯ ТЕКСТА СЛЕВА" cellpadding="1" cellspacing="1" width="100%"> <tr> <td> <font size="+2"> <font color="ЦВЕТ ТЕКСТА СЛЕВА НАПР.white"> <font face="monotype corsiva"> <center>ТЕКСТ СЛЕВА В КОЛОНКЕ </center> </font> </font> </font> </td> </tr> </table> </center> </td> <td> <table border="0" background="АДРЕС ФОНА ЗАГОЛОВКА" cellpadding="1" cellspacing="1" width="100%"><tr><td><font size="+2"><font color="ЦВЕТ ЗАГОЛОВКА НАПР.white"><font face="monotype corsiva"> <div align="right"> ЗАГОЛОВОК</div> </font></font></font></td></tr></table> <br />
<center> <table border="0" background="АДРЕС ФОНА СООБЩЕНИЯ" cellpadding="15" cellspacing="10" width="100%"><tr> <td> <p align="justify">ТЕКСТ СООБЩЕНИЯ </p> </td> </tr> </table> </center> </td> </tr> </table> <center> <a href="//www.liveinternet.ru/click?http://www.liveinternet.ru/users/ka82/"> <font style="CURSOR: hand" face="Monotype Corsiva" size="3"> <font color="#000000">ka82 – автор рамочки</font> </font> </a> </center> </td> </tr> </table> </div> |