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

Среда, 29 Октября 2014 г. 09:38 + в цитатник

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

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

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

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

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

Для рамок на Лиру<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 - 16 основных названий цветов, используемых во всех браузерах.
Часть 2 - ГЕНЕРАТОР ЦВЕТНОГО ТЕКСТА
...
Часть 30 - Без заголовка
Часть 31 - Надписи на все случаи жизни.
Часть 32 - Работа с рамками...
Часть 33 - «Любовь, счастье... в надписи»
Часть 34 - Обзор шрифтов.
...
Часть 39 - Онлайн генерация надписей красивым шрифтом
Часть 40 - Текст в фотошопе. 3d эффекты | Все для фотошопа. Фотошоп для всех
Часть 41 - МЕНЯЕМ ЦВЕТ ТЕКСТА В РАМОЧКЕ

Рубрики:

формулы

формулы

Метки: формулы текст
Понравилось: 1 пользователю

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

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

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

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

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

Р”Р»СЏ СЂР°РјРѕРє РЅР° Mail.ruР—РґРµСЃСЊ Р±Сѓ... <a href="https://www.liveinternet.ru/users/5145690/post341603963/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

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

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

LiveInternetLiveInternet

-Цитатник

-Метки

-Рубрики

-Музыка

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

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

-Интересы

-Друзья

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

-Сообщества

-Статистика

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