![Оригинално превъртане на текст в публикация превъртане на текст в публикация](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRRGMs-Hck5L3kpCK6UM9v1Ky3wItSXophyphenhyphenfgss-URT4emncOde9OeY-9S2GfsN-KS1M-ANsItSkoeLt6eJ5pkB_Az_pa8XEAXRAGzWcpaX_8_EXt1NoNCwyjWLZGBCReXg7ITJhG8Pg/s1600/skrolling_text1-min.png)
Днес предлагам код, с който ще направите оригинално превъртане на дълъг текст без тази лента. Потребителят просто ще превърти колелото на мишката над избраната област в съобщението.
Код
Когато пишете публикация, на мястото, където трябва да се приложи този ефект, преминавате от нормален режим към HTML режим. И използвайте следния код.<div class="scrollbar">
<div class="inner">тук е целият ваш дълъг текст
</div>
</div>
<style>.scrollbar {
background-color:#BFCFFE ; / цвят на фона /
border:4px solid:#3399CC ; /ширина и цвят на рамката/
color: #12127D; /цвят на текста /
overflow:hidden;
text-align:justify;
}
.scrollbar .inner {
height:100px; /височина на блока с текст/
overflow:auto;
margin:15px -300px 15px 15px;
padding-right:300px;
}</style>
<div class="inner">тук е целият ваш дълъг текст
</div>
</div>
<style>.scrollbar {
background-color:#BFCFFE ; / цвят на фона /
border:4px solid:#3399CC ; /ширина и цвят на рамката/
color: #12127D; /цвят на текста /
overflow:hidden;
text-align:justify;
}
.scrollbar .inner {
height:100px; /височина на блока с текст/
overflow:auto;
margin:15px -300px 15px 15px;
padding-right:300px;
}</style>
Уточнения
➤В участъка на кода, съдържащ CSS стиловете, които са оцветени в синьо, променете всички стойности на желаните от вас;➤Ефектът може да се види след публикуването;
Всичко е доста лесно и изглежда съвсем оригинално. Експериментирайте, сигурно ще намерите подходящо за вас оригинално превъртане на текст в публикация.
Доскоро и успех!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
![Посетете .: BGtop.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](http://bgtop.net/images/bgtop8831.gif)
Добър ден! Опитах, но нещо не ми се получава. Ще опитам пак и ако не стане, ще ви пиша.
ОтговорИзтриванеОпитайте, пишете, ще помогна с каквото мога.
Изтриване