![Превъртане на текст в публикация Превъртане на текст](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHoTbSfEXXRGeoXcEvn_CK6BmMp-UPf5_fsF1p4CFD0hYPf0CMDuSwyMs9cPyqOKhLsPsYOdd033sRL2LtB2G8x1kPxpu3ZQkEjFDPuVYPPvTOsREGB9qES64Fn_UzNJVM2qyZJ-dmiFo/s1600/skroling_text-min.png)
Често текстовете, които публикуваме се получават дълги и някак си не се вписват добре в дизайна на блога ни. Днес споделям с вас как да направите така, че текста да се вмести в тялото на публикацията, като визуално да е оразмерим с дължината на страничните колони.
Код
<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; overflow: auto">тук е текст или изображения</div>
Освен текст така може да превъртате и повече на брой изображения, като пестите място на страницата.
Настройки
width:100%; - ширина на текста;
height:300px; - височина на скролера;
margin-top: 0px; - отстъп горе от началото на текста;
left: 0px; - отстъп от лявата страна;
Променяйте ширината, височината, „поиграйте“ си с цифрите в кода и настройте вашия скролер за превъртате на текста в публикациите си.
Успех и доскоро!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
![Посетете .: BGtop.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](//bgtop.net/images/bgtop8831.gif)
Продължение
margin-top: 0px; - отстъп горе от началото на текста;
left: 0px; - отстъп от лявата страна;
Инсталиране
След като сте готови с публикацията си преминете в HTML режим, впишете частта на редактирания вече код - <div style="width: 100%; height: 300px; font-size: ; margin-top: 0px; margin-left: 0px; overflow: auto"> преди текста ѝ, а в края му сложете затварящия таг </div>.Променяйте ширината, височината, „поиграйте“ си с цифрите в кода и настройте вашия скролер за превъртате на текста в публикациите си.
Успех и доскоро!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
![Посетете .: BGtop.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](http://bgtop.net/images/bgtop8831.gif)
Продължение
Няма коментари:
Публикуване на коментар