Сряда 14 май 2025 г.
>> Крейзи Хорс, един безкраен празник  >> Кабаре Лидо, история на успеха и признанието  >> Най-необичайните кафенета от цял свят  >> Мулен руж, кабарето на живота  >> Дивали, индийската Нова година  >> Мозаечната стълба  >> Палмовите библиотеки в Индия  >> Плаващ автобус в Амстердам  >> Избрани цитати от Вятърничав - епизод 3  >> Вятърничав. Съдържание на 3 епизод  >> Багдатския булевард в Истанбул - Багдат джадеси  >> Вятърничав. Съдържание на епизодите. 2 епизод  >> Актьорски състав и героите от "Вятърничав"  >> Герои и актьорски състав от Вятърничав  >> Главни герои и актьорски състав от сериала "Вятърничав"  >> Вятърничав. Главни герои и актьорски състав  >> Имението Шадооулу в Мидят  >> За сюжета на сериала Harcai – Вятърничав  >> Избрани цитати от сериала Вятърничав - епизод 1  >> Вятърничав. Съдържание на епизодите. 1 епизод  >> Свежи пролетни и летни модни идеи 2023  >> Hercai-Bg - Вятърничав  >> Приказка за безсмъртната любов, родена от отмъщението  >> Тодоровден  >> Денят на Баба Марта  >> Коронацията на Чарлз III и смелата молба на Том Круз да присъства   >> Коронация Карла III и Том Круз   >> Coronation of Charles III and Tom Cruise  >> Она жила один раз, похоронена дважды  >> She lived once, buried twice  >> Живяла веднъж, погребана два пъти  >> Карнавал в Рио-де-Жанейро - часть вторая  >> Карнавал в Рио-де-Жанейро  >> Рио-де-Жанейро − ночная звезда Бразилии  >> Трифоновден  >> Рио де Жанейро - нощната звезда на Бразилия  >> Why Germany has no moral right to pressure us for Skopje  >> Почему Германия не имеет морального права оказывать на нас давление из-за Скопье  >> Защо Германия няма морално право да ни натиска за Скопие  >> Basta of the northern Macedonian melodrama    undefined

Приветствена страница в блога

Приветствена страница
Здравейте, приятели. Когато отворите някои сайтове и блогове първо можете да видите страница с приветствие, която изчезва след няколко секунди и самият сайт или блог се отваря за потребителя. Сигурно сте срещали това в мрежата.

Видях много интересни варианти на оформление на такава приветствена страница. Не отвлича вниманието и не дразни. Просто ти се иска да останеш и да я разгледаш. Този трик е лесен за изпълнение и в Blogger. Най-важното е да имате въображение. В примера, който ще видите, аз не съм показала кой знае какво въображение. Но в качеството си на такъв става за демонстрация.

Инсталиране

Копирайте този код и го проверете с моя инструмент.


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<div class='visibile' id='benvenuto' style='z-index:99999; position:fixed; top: 0; left: 0; overflow:visibile; width:100%; height:100%; background: #ffffff;'>
<div style='width:600px; height:400px; position:absolute; top:40%; left:40%; margin-left:-300px; margin-top:-200px; padding:100px 30px 0px 0px; color:#B22400; font-size:24px; line-height:24px; text-align:center;'>
<p><strong>ЗДРАВЕЙТЕ И ДОБРЕ ДОШЛИ!!!!</strong></p>
<p><strong>РАДВАМ СЕ, ЧЕ СТЕ ТУК!</strong></p>
<p><strong>СЛЕД СЕКУНДА БЛОГЪТ ЩЕ СЕ ОТВОРИ</strong></p>
</div>
</div>
<script type='text/javascript'>
window.load=setTimeout(&quot;mostranascondi(&#39;benvenuto&#39;)&quot;, 5000);
</script>

</b:if>



За да реализирате приветствената страница, трябва да отидете в раздела Тема и да намерите маркера <body> в нейния код. В някои теми вместо <body> съществува този ред:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Веднага след маркера  или този ред инсталирайте посочения по-горе код.
Близо до този маркер намирате друг маркер, затварящия </head>. Над него впишете още един код, този път по-кратък:


<style type='text/css'>
.visibile {display:block;}
.invisibile {display:none;}
</style>
<script type='text/javascript'>
function mostranascondi(identificazione){
  var menu = document.getElementById(identificazione);
  if(menu.className == &quot;visibile&quot;){menu.className = &quot;invisibile&quot;; }
  else{ menu.className = &quot;visibile&quot;; }
}
</script>



Настройки

В първия код може да се редактира следното:

➤В редовете, отбелязани в червено, напишете текста си;

➤Адресът на изображението е маркиран в синьо;

➤5000 е времето в милисекунди, за което съобщението остава видимо, докато не изчезне;

➤background: #ffffff; е цвят на фона на страницата;

➤width: 600 px; height: 400 px са ширина и височина;

➤top:40%; left:40%; е процентната точка на оформлението, откъдето започва съобщението;

➤color:#B22400; - цвят на текста;

➤font-size:24px; line-height:24px; е размерът на символите и редовете в текста;

➤text-align: center; е за центриране на съобщението и поставеното изображение;

След инсталирането на кодовете не забравяйте да запазите промените в кода на темата и да видите резултата.
Между другото, съветвам ви да помислите - в навечерието на предстоящ празник можете да използвате този поздрав към читателите или да направите чрез този трик важно съобщение.

Успех!

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:

BGtop

OpenCloseComments

4 Komentar

Cancel