0

Превъртане на текст в публикация

Превъртане на текст
Здравейте всички, които четете публикациите в моя Блог за блогове. Отдавна ми се искаше да ви предложа скролер, с който да превъртате текста в публикациите си.
Често текстовете, които публикуваме се получават дълги и някак си не се вписват добре в дизайна на блога ни. Днес споделям с вас как да направите така, че текста да се вмести в тялото на публикацията, като визуално да е оразмерим с дължината на страничните колони.


    Вашите читатели ще превъртат само текста, без да изпускат от погледа си информацията, която им предлагате в страничната колона.


    Код



    <div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; overflow: auto">тук е текст или изображения</div>

    Освен текст така може да превъртате и повече на брой изображения, като пестите място на страницата.

    Настройки



    width:100%; - ширина на текста;
    height:300px; - височина на скролера;
    margin-top: 0px; - отстъп горе от началото на текста;
    left: 0px; - отстъп от лявата страна;


    Инсталиране

    След като сте готови с публикацията си преминете в HTML режим, впишете частта на редактирания вече код - <div style="width: 100%; height: 300px; font-size: ; margin-top: 0px; margin-left: 0px; overflow: auto"> преди текста ѝ,  а в края му сложете затварящия таг </div>.

    Променяйте ширината, височината, „поиграйте“ си с цифрите в кода и настройте вашия скролер за превъртате на текста в публикациите си.

    Успех и доскоро!


    Продължение


    Няма коментари :

    Публикуване на коментар


    Copyright © БЛОГ ЗА БЛОГОВЕ©2016- | All Rights Reserved
    Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита