0

Притурка „За автора“ в блога

Притурка „За автора“
Здравейте скъпи приятели! От многото възможни притурки днес съм избрала една по-различна. В много блогове съществува статична страница с наименование „За автора“ или „За нас“. Срещала съм много противоречиви мнения за съществуването на такъв вид страница в блоговете. Да си призная, броят на мненията „за“ и „против“ е приблизително равен. Не оспорвам желанието на много блогъри да имат такава страница. В нея се съдържа информация за автора на блога. Тя е интересна най-вече за новите посетители и читатели. Но всички знаем, че броят на статичните страници в един блог е строго определен, не повече от 20 на брой. Ето една различна идея за притурка „За автора“. Мисля, че тя има следните предимства:



➤спестява се една статична страница

➤не се „мотае“ постоянно пред очите на читателите

Идеята, която ви предлагам е за притурка, която се отваря и затваря под влияние на курсора. Тя се разполага в странична колона на блога. Идеята намерих в един много интересен руски блог. А притурката разгледайте в моя тестови блог. Тя е в дясната странична колона, която е скрита. Отворете я и сложете курсора върху "За мен". Ако ви харесва и искате да я инсталирате в блога си, ето и нейния код.



<style>#Foll {
/*фон всего гаджета*/
overflow: hidden; /*скрываем все что за элементом*/
border-radius: 5px;
box-shadow: none;
/*правила анимации*/
-webkit-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
-moz-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
-o-transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
transition: box-shadow 0.9s ease, border 0.5s ease, height 0.5s ease-in;
height: 23px; /*высота в состоянии покоя - вычислена опытным путем*/
width: auto; /*ширина*/
}
/*Стили при наведении курсора*/
#Foll:hover {
height: 260px; /*полная высота - вычислена опытным путем*/
}
}</style><div id="Foll"><center><span style="color: #3d85c6; font-family: Georgia, Times New Roman, serif; font-size: x-large;"><b>ЗА МЕН</b></span></center><br /><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;">
<img border="0" height="50" src="https://lh3.googleusercontent.com/-Gq1PtpIAosA/WCFvkRKdVtI/AAAAAAAAB4w/PTGx9j2s_tAgCkQ5oj0n9pDj-37IzOkGACEw/w140-h140-p/Pepa%2B%25283-1%2529%2B%25281%2529.jpg" width="47" /></div>
<div style="text-align: left;">
Здравейте! Искам да ви кажа защо започнах да водя този блог. По време на подготовката ми за създаването на този блог, се запознах и проучих много техники и трикове за Blogger. И сега чувствам, че е време да ги споделя с всички, на които ще бъде интересно и полезно!

</div>

</div>




В червено е краткият текст на визитката, а в зелено е адресът на изображението в нея. Това са двата компонента, които задължително трябва да промените. Промяна на останалите параметри в скрипта на тази притурка е по ваше желание. 



Желая ви приятно занимание и доскоро.
Успехът нека споходи всички нас!



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

Винаги се радвам на Вашето мнение


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