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

Воскресенье, 07 Февраля 2016 г. 05:49 + в цитатник

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

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

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

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

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

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

Для рамок на Лиру<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="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="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="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="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="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="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 тут
Еще уроки тут

Рубрики:

Все для дневника/Учебник Li.Ru