Как да направите текст, който се превърта във фрейм

Фрейм (frame) е много малко, но много нужно прозорче. В него можете да скриете дълъг текст от публикация и да го прочетете, като го превъртите. Със сигурност вече сте срещали подобно прозорче. Аз също. И се чудих как е направено. Прочетох много упътвания и споделен опит как да се направи такъв фрейм в текста на публикация. Изпробвах всички начини, за които прочетох. Нито един мой опит обаче беше успешен.
Много мислих за причините. Оказа се, че всички кодове, които пробвах са за стандартните шаблони на Bloggers. А моят е на чужди разработчици. Но това е друга тема. Нека се върнем към фрейм и как да го направим. Сами ще се уверите, че да се направи прозорец никак не е трудно. Аз се научих да го правя сама и ще се опитам да ви обясня възможно най-простичко.

И така, фрейм в текста на публикация на блог или сайт аз деля основно на два вида:

➤ с хоризонтално превъртане - наляво и надясно;
➤ с вертикално превъртане - нагоре и надолу;

Започвам с първия вид. Моля, напишете желания от вас текст във визуалния редактор на блога си и го редактирайте по своему. След като сте готови отидете в редактора на HTML режим и в самото начало на текста, който искате да поставите в прозорче, въведете кода:

<div style="width: 100%; height: 150px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto">

За да ви обясня елементите на кода, аз ги отбелязах в различни цветове.

➤Оцветеното в червено е ширината на текста по отношение на страницата, сега е 100%, но ако искате да е по-малка, просто сменете на по-малка цифра. И ако по някаква причина не обичате да работите с процент, винаги може да промените % на пиксели;
➤Оцветеното в синьо е височината на видимия текст, сега е 300, но може да се промени, ако е необходимо в посока на по-голяма или по-малка;
➤Оцветеното в зелено е разстоянието от горната граница на началото на съобщението, сега е настроено на 0, ако желаете, можете да промените рамката и с текста ще пада до желаната стойност;
➤Оранжевото оцветяване е отстъпът от лявата страна, сега е 0, можете също да промените до желаната стойност;
➤Розовото оцветяване означава местоположението на текста в прозореца. Justify - e по цялата ширината на прозореца, но можете да го промените на center - в средата на прозореца, и така нататък.Тук можете да видите как изглежда този фрейм. Харесва ли ви? На мене не.

А сега за втория вид.
На мястото, където искате текста ви да е във фрейм, в режим на HTML редактор сложете този код.

<div align="center" style="border: 1px solid #Ffffff;"> <div style="height: 100px; overflow-y: auto;"> text </span><br /></div> 

След това преминете към текстови редактор и на мястото, означено с "text", сложете вашия.
И още един код, с който ще обградите един кратък текст.

<pre>текст</pre>

Приятно експериментиране. Успех на всички ни!

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога на: