Добър ден, читатели и посетители на блога. Днес ви предлагам с една от интересните притурки, която ще ви помогне да създадете блок от най-добрите свои публикации. Чрез нея можете да създадете и блок за показване на реклами, или просто някаква галерия от изображения. Това е една притурка, която изглежда доста приятно за окото над публикациите, под тях или над заглавката в блога. Кодът за тази притурка на пръв поглед е доста обемист, но нека това не ви плаши. Той е
просто конструиран и лесно може да се настройва. Нека да разгледаме това, за което ви говоря.
Ще ви помоля да преминете по този на един от тестовите ми блогове. Ще видите притурката, която съм поставила на две места - над заглавката на блога и в публикация. Тя е съставена от изображения, адресите им и ви пренасочва към страниците със съответната информация. Тази притурка ще ви позволи да експериментирате, достатъчно е да вложите малко въображение. В Blogger притурката се инсталира чрез обичаната от много хора HTML / JavaScript. И чрез плъзгане в раздела оформление можете да я сложите на нужното ви място в блога. Такава притурка може да съществува едновременно на различни места, в неопределен брой. И дори имам идея, че можете да я вградите и в главната си страница. Това, разбира се, са мисли на глас.
Ето и кода:
Копирайте кода в блокнот или уърдовски файл. Сега е възможно да го персонализирате. В CSS участъка на кода няма да променяте нищо. Ще експериментирате само във фрагмента от кода, който се повтаря четири пъти. Той е:
➤Оцветеното в синьо е адресът на страницата, към която води изображението. Чрез него се пренасочват посетителите към новата информация.
➤В жълто е текстът към изображението. Не пишете дълъг текст, защото няма да се изобразява коректно. Нека е кратък и пояснителен.
➤В червено е адресът на изображението. Как и откъде да го вземете сме говорили по-рано.
➤В кафяво са размерите на изображението. Всъщност това са размерите и на клетките в блока. Променете според вашата необходимост. Макар, че тези размери са прилични.
Персонализирания вече фрагмент отговаря за една клетка в целия блок. Ако искате да добавите повече клетки, повторете фрагмента. Или го отстранете от кода, ако броя на клетките са ви в повече.
Ако нещо не е разбрано, моля попитайте в коментарите.
Ако инсталирате кода в притурка HTML / JavaScript, разположете я където искате. Ако ви е потребен такъв блок в страница или публикация, сложете я там. Представената ви днес универсална притурка може да се прилага във всеки блог и за различни цели.
Радвам се, че посетихте моя блог. Ако нещо не е ясно, ще отговоря на вашите въпроси.
Доскоро.
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
просто конструиран и лесно може да се настройва. Нека да разгледаме това, за което ви говоря.
Ще ви помоля да преминете по този на един от тестовите ми блогове. Ще видите притурката, която съм поставила на две места - над заглавката на блога и в публикация. Тя е съставена от изображения, адресите им и ви пренасочва към страниците със съответната информация. Тази притурка ще ви позволи да експериментирате, достатъчно е да вложите малко въображение. В Blogger притурката се инсталира чрез обичаната от много хора HTML / JavaScript. И чрез плъзгане в раздела оформление можете да я сложите на нужното ви място в блога. Такава притурка може да съществува едновременно на различни места, в неопределен брой. И дори имам идея, че можете да я вградите и в главната си страница. Това, разбира се, са мисли на глас.
Ето и кода:
<center><script type="text/javascript" src="https://santosh143.googlecode.com/svn/marquee">
</script>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '900px',
'background': 'dark grey',
'border': '1px solid dark grey'
},
inc: 2, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
persist: true,
savedirection: true
});
</script>
<div class="marquee" id="mycrawler2">
<a href="адрес на страницата" target="_blank"><img alt="текст към изображението"src="адрес на изображението" width="100" title="название"height="100" />
<a href="адрес на страницата" target="_blank"><img alt="текст към изображението"src="адрес на изображението" width="100" title="название"height="100" />
</a>
<a href="адрес на страницата" target="_blank"><img alt="текст към изображението"src="адрес на изображението" width="100" title="название"height="100" />
<a href="адрес на страницата" target="_blank"><img alt="текст към изображението"src="адрес на изображението" width="100" title="название"height="100" />
</a></a></a></div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler2',
style: {
'padding': '2px',
'width': '700',
'height': '180px'
},
inc: 5, //speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 2,
neutral: 150,
savedirection: true,
random: true
});
</script></center>
Копирайте кода в блокнот или уърдовски файл. Сега е възможно да го персонализирате. В CSS участъка на кода няма да променяте нищо. Ще експериментирате само във фрагмента от кода, който се повтаря четири пъти. Той е:
<a href="адрес на страницата" target="_blank"><img alt="текст към изображението"src="адрес на изображението" width="100" title="название"height="100" />
➤Оцветеното в синьо е адресът на страницата, към която води изображението. Чрез него се пренасочват посетителите към новата информация.
➤В жълто е текстът към изображението. Не пишете дълъг текст, защото няма да се изобразява коректно. Нека е кратък и пояснителен.
➤В червено е адресът на изображението. Как и откъде да го вземете сме говорили по-рано.
➤В кафяво са размерите на изображението. Всъщност това са размерите и на клетките в блока. Променете според вашата необходимост. Макар, че тези размери са прилични.
Персонализирания вече фрагмент отговаря за една клетка в целия блок. Ако искате да добавите повече клетки, повторете фрагмента. Или го отстранете от кода, ако броя на клетките са ви в повече.
Ако нещо не е разбрано, моля попитайте в коментарите.
Ако инсталирате кода в притурка HTML / JavaScript, разположете я където искате. Ако ви е потребен такъв блок в страница или публикация, сложете я там. Представената ви днес универсална притурка може да се прилага във всеки блог и за различни цели.
Радвам се, че посетихте моя блог. Ако нещо не е ясно, ще отговоря на вашите въпроси.
Доскоро.
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
Няма коментари:
Публикуване на коментар