Работа с рамками...

Среда, 19 Октября 2011 г. 06:42 + в цитатник

Цитата сообщения Егорова_Таня

Прочитать целиком В свой цитатник или сообщество!

Работа с рамками...

Как сделать,чтобы
текст не выходил за пределы рамки
или не растягивал ее.
Многие сталкивались с проблемой,когда в красивую фотошоповскую рамку нельзя вставить широкий текст,например прозу.Слова "вылезали" за пределы рамки,чем очень портили ее внешний вид.Или вставив текст в простую рамку,с огорчением обнаруживали,что рамка растянулась до неприличных размеров,иногда уходила за пределы экрана.Эту неприятность можно исправить.

Для прозы(текст выровнен по левой стороне)

Копируем код из окошечка ниже.

Для рамок на Лиру<table width="ШИРИНА" style="border:0px none #000000" background="http://radikal.ua/data/upload/6895e/ba193/d37d9e3a51.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="left"><span style="font-family:СТИЛЬ;color:#ЦВЕТ;font-size:РАЗМЕРpx"><b>Здесь будет Ваш текст-проза</b></span></td></tr><tr><td style="padding:0px" height="1%" align="right"><span style="color:#000000;font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru" target="_blank"><img src="http://radikal.ua/data/upload/4efc3/4fa6c/3f2a52c6da.png" border="0" /></a></span></td></tr></table><br />

Для рамок на Mail.ru<table cellpadding="0" cellspacing="0"><tr><td><font><font><table cellspacing="0" cellpadding="0"><tr><td align="left" width="ШИРИНА"><font face="СТИЛЬ" color="#ЦВЕТ" style="font-size:РАЗМЕРpx"><b>Здесь будет Ваш текст-проза</b></font></td></tr></table></font><font><font color="#000000" style="font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru" target="_blank"><img src="http://radikal.ua/data/upload/4efc3/4fa6c/3f2a52c6da.png" border="0" /></a></font></font></font></td></tr></table>

Для рамок на Ya.ru<table width="ШИРИНА" style="border:0px none #000000;background-image:url('http://radikal.ua/data/upload/6895e/ba193/d37d9e3a51.png')" cellspacing="0" cellpadding="0"><tr><td style="padding:20px;text-align:left"><span style="font-family:СТИЛЬ;color:#ЦВЕТ;font-size:РАЗМЕРpx"><b>Здесь будет Ваш текст-проза</b></span></td></tr><tr><td height="1%" style="text-align:right"><span style="color:#000000;font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru" target="_blank"><img src="http://radikal.ua/data/upload/4efc3/4fa6c/3f2a52c6da.png" border="0" /></a></span></td></tr></table>

Для стихов(текст по центру)

Копируем код из окошечка ниже.

Для рамок на Лиру<table width="ШИРИНА" style="border:0px none #000000" background="http://radikal.ua/data/upload/6895e/ba193/d37d9e3a51.png" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="font-family:СТИЛЬ;color:#ЦВЕТ;font-size:РАЗМЕРpx"><b>Здесь будет Ваш текст-стихи</b></span></td></tr><tr><td style="padding:0px" height="1%" align="right"><span style="color:#000000;font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru" target="_blank"><img src="http://radikal.ua/data/upload/4efc3/4fa6c/3f2a52c6da.png" border="0" /></a></span></td></tr></table><br />

Для рамок на Mail.ru<table cellpadding="0" cellspacing="0"><tr><td><font><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА"><font face="СТИЛЬ" color="#ЦВЕТ" style="font-size:РАЗМЕРpx"><b>Здесь будет Ваш текст-стихи</b></font></td></tr></table></font><font><font color="#000000" style="font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru" target="_blank"><img src="http://radikal.ua/data/upload/4efc3/4fa6c/3f2a52c6da.png" border="0" /></a></font></font></font></td></tr></table>

Для рамок на Ya.ru<table width="ШИРИНА" style="border:0px none #000000;background-image:url('http://radikal.ua/data/upload/6895e/ba193/d37d9e3a51.png')" cellspacing="0" cellpadding="0"><tr><td style="padding:20px;text-align:center"><span style="font-family:СТИЛЬ;color:#ЦВЕТ;font-size:РАЗМЕРpx"><b>Здесь будет Ваш текст-стихи</b></span></td></tr><tr><td height="1%" style="text-align:right"><span style="color:#000000;font-size:20px"><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.egorovatatiana.ru" target="_blank"><img src="http://radikal.ua/data/upload/4efc3/4fa6c/3f2a52c6da.png" border="0" /></a></span></td></tr></table>

Скопированный код вставляем на то место в рамке,где должен быть текст,вместо слов "Здесь будет Ваш текст"(см. скрин,1).Теперь в скопированном коде надо выставить свой цвет(3),стиль(2),размер(4) шрифта.Лучше всего перенести все это из кода авторской рамки и вставить вместо моих слов ЦВЕТ,СТИЛЬ,РАЗМЕР.На скрине ниже показано куда вставить,данный мной код, и откуда копировать теги для текста.

Вносим свой текст.Смотрим,не выступает ли он за пределы рамки или не растянулась ли простая рамочка.Выступает,растянулась?Дальше,вместо моих слов ШИРИНА РАМКИ,надо поставить значение,которое подойдет именно для ВАШЕЙ рамочки.Делаем это опытным путем.Выставляем для начала цифру 450,смотрим что получилось.Если текст не сузился до пределов рамки,то цифру уменьшаем,если сузился очень сильно,то цифру увеличиваем.И так до тех пор,пока текст не встанет на нужное место.

Вот и всё! Удачи!
Код для Mail.ru тут
Еще уроки тут

Серия сообщений "Рамочки, коллаж":
Часть 1 - Рамочки кулинарные
Часть 2 - Рамочки для кулинарных рецептов
...
Часть 4 - Коллаж
Часть 5 - РАМОЧКА ДЛЯ ПОЗДРАВЛЕНИЙ+КОД
Часть 6 - Работа с рамками...
Часть 7 - Маленькие gif-ки для новогодних коллажей
Часть 8 - Программа для создания коллажей
...
Часть 17 - Рамочка
Часть 18 - Бродилка по рамкам
Часть 19 - Как при цитировании можно освободить информацию от рамочки

Метки: рамки урок

<a href="https://www.liveinternet.ru/users/4067968/post189290871/">Р Р°Р±РѕС‚Р° СЃ СЂР°РјРєР°РјРё...</a><br/>Р Р°Р±РѕС‚Р° СЃ СЂР°РјРєР°РјРё...

РљР°Рє СЃРґРµР»Р°С‚СЊ,С‡С‚РѕР±С‹ 
С‚РµРєСЃС‚ РЅРµ РІС‹С…РѕРґРёР» Р·Р° РїСЂРµРґРµР»С‹ СЂР°РјРєРё
 РёР»Рё РЅРµ СЂР°СЃС‚СЏРіРёРІР°Р» РµРµ.
РњРЅРѕРіРёРµ СЃС‚Р°Р»РєРёРІР°Р»РёСЃСЊ СЃ РїСЂРѕР±Р»РµРјРѕР№,РєРѕРіРґР° РІ РєСЂР°СЃРёРІСѓСЋ С„РѕС‚РѕС€РѕРїРѕРІСЃРєСѓСЋ СЂР°РјРєСѓ РЅРµР»СЊР·СЏ РІСЃС‚Р°РІРёС‚СЊ С€РёСЂРѕРєРёР№ С‚РµРєСЃС‚,РЅР°РїСЂРёРјРµСЂ РїСЂРѕР·Сѓ.РЎР»РѕРІР° "РІС‹Р»РµР·Р°Р»Рё" Р·Р° РїСЂРµРґРµР»С‹ СЂР°РјРєРё,С‡РµРј РѕС‡РµРЅСЊ РїРѕСЂС‚РёР»Рё РµРµ РІРЅРµС€РЅРёР№ РІРёРґ.РР»Рё РІСЃС‚Р°РІРёРІ С‚РµРєСЃС‚ РІ РїСЂРѕСЃС‚СѓСЋ СЂР°РјРєСѓ,СЃ РѕРіРѕСЂС‡РµРЅРёРµРј РѕР±РЅР°СЂСѓР¶РёРІР°Р»Рё,С‡С‚Рѕ СЂР°РјРєР° СЂР°СЃС‚СЏРЅСѓР»Р°СЃСЊ РґРѕ РЅРµРїСЂРёР»РёС‡РЅС‹С… СЂР°Р·РјРµСЂРѕРІ,РёРЅРѕРіРґР° СѓС…РѕРґРёР»Р° Р·Р° РїСЂРµРґРµР»С‹ СЌРєСЂР°РЅР°.РС‚Сѓ РЅРµРїСЂРёСЏС‚РЅРѕСЃС‚СЊ РјРѕР¶РЅРѕ РёСЃРїСЂР°РІРёС‚СЊ.

Р”Р»СЏ РїСЂРѕР·С‹(С‚РµРєСЃС‚ РІС‹СЂРѕРІРЅРµРЅ РїРѕ Р»РµРІРѕР№ СЃС‚РѕСЂРѕРЅРµ)

РљРѕРїРёСЂСѓРµРј РєРѕРґ РёР· РѕРєРѕС€РµС‡РєР° РЅРёР¶Рµ.

Р”Р»СЏ СЂР°РјРѕРє РЅР° Р›РёСЂСѓР—РґРµСЃСЊ Р±СѓРґРµС‚ Р’Р°С€ С‚РµРєСЃС‚-РїСЂРѕР·Р°

Р”Р»СЏ СЂР°РјРѕРє... <a href="https://www.liveinternet.ru/users/4067968/post189290871/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Музыка

-Цитатник

-Метки

-Рубрики

-Приложения

-Резюме

Беляева Евгения Александровна

-Ссылки

-Видео

-Фотоальбом

-Я - фотограф

Мои фотографии

-Всегда под рукой

-

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

Работа с рамками...