
Сегодня друзья, я публикую скрипт одной штуки! Право не знаю даже, как это назвать? Ни у кого я ничего подобного не видел! Наверно так:
автоматическое приветствие, в зависимости от времени суток. © blogodel.com
Увидеть его на этом блоге, вы сможете на самом верху сайдбара, с левой стороны. Скрипт генерирует разные приветствия утром, днем, вечером и ночью, создавая иллюзию живого контакта с читателем и работает по принципу часов. Нечто подобное я уже публиковал в статье: Само-генерирующееся описание блога, новое для каждой страницы. © blogodel.com
А вот и сам скрипт, который устанавливается на блогспот просто - Добавить гаджеты.© blogodel.com
автоматическое приветствие, в зависимости от времени суток. © blogodel.com
А вот и сам скрипт, который устанавливается на блогспот просто - Добавить гаджеты.© blogodel.com
<!-- hide script from old browsers
// Modified by CoffeeCup Software
function process(){}
today = new Date()
if(today.getMinutes() < 10) {
pad = "0"}
else
pad = "";
document.write("<center><FONT SIZE=4 color=SteelBlue><b>Привет,</b></FONT></center>")
if((today.getHours() < 12) && (today.getHours() >= 8))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>с добрым утром!</FONT></center>")}
if((today.getHours() >= 12) && (today.getHours() < 18))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>доброго вам дня!</FONT></center>")}
if((today.getHours() >= 18) && (today.getHours() <= 23))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>доброго вам вечера!</FONT></center>")}
if((today.getHours() >= 0) && (today.getHours() < 4))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>доброй ночи!</FONT></center>")}
if((today.getHours() >= 4) && (today.getHours() < 8))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>с добрым утром!</FONT></center>")}
// end hiding contents -->
</script>
© blogodel.com
На основе оригинального оформления, которое предложил MagentaWAVE http://www.magentawave.com/2012/09/balloon-on-picture-area.html я модифицировал этот виджет, и он у меня выглядит так:

А вот и код, там где маркировано красным, вы можете вставить свою фотографию.
<left><div class="jack-sparrow"><div class="jack"><div class="jack-reply"><b><span id="random_subtit"><script language="JavaScript">
<!-- hide script from old browsers
// Modified by CoffeeCup Software
function process(){}
today = new Date()
if(today.getMinutes() < 10) {
pad = "0"}
else
pad = "";
document.write("<center><FONT SIZE=4 color=SteelBlue>Привет,</FONT></center>")
if((today.getHours() < 12) && (today.getHours() >= 8))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>с добрым утром!</FONT></center>")}
if((today.getHours() >= 12) && (today.getHours() < 18))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>доброго вам дня!</FONT></center>")}
if((today.getHours() >= 18) && (today.getHours() <= 23))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>доброго вам вечера!</FONT></center>")}
if((today.getHours() >= 0) && (today.getHours() < 4))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>доброй ночи!</FONT></center>")}
if((today.getHours() >= 4) && (today.getHours() < 8))
{ document.write("<center><FONT SIZE=4 color=SteelBlue>с добрым утром!</FONT></center>")}
// end hiding contents -->
</script></span></b></div></div></div><style>
.jack-sparrow {
position:relative;
background: url('http://s018.radikal.ru/i525/1209/ca/ed4a14152a09.jpg') no-repeat;
margin:0px;
padding:0px;
height: 164px;
width: 298px;
}
.jack {
display:block;
position:absolute;
top: 10px;
left: 15px;
background:transparent;
height:150px;
width: 120px;
}
.jack-reply, .jack-reply:before, .jack-reply:after{
position:absolute;
left: -999em;
}
.jack-reply {
display:block;
z-index:3;
top: 8px; left: 90px;
background: #FFEEBC;
border: 2px solid #FFCB8C;
-webkid-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
-moz-box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5);
font: normal normal 100% Comic Sans MS;
color: #000;
padding: 7px;
margin: 0;
width: 80%;
}
.jack-reply:before {
content: ' ';
position: absolute; z-index:3;
width: 0;
height: 0;
left: -30px;
top: 28px;
border: 17px solid;
border-color: #FFCB8C #FFCB8C transparent transparent;
}
.jack-reply:after {
content: ' ';
position: absolute; z-index:3;
width: 0;
height: 0;
left: -23px;
top: 30px;
border: 15px solid;
border-color: #FFEEBC #FFEEBC transparent transparent;
}</style></left>
17 коммент.:
https://www.blogger.com/profile/05069681985675276048
Да замечательная штука! Рад, что вам пригодилась!
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/01683704001751500753
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/07068303558319990463
Скажите, а можно ли поменять цвет сообщения, и если можно, то как?)) Он голубой, а мне хотелось бы красный)))(с перламутровыми пуговицами(с)))))))))
Заранее спасибо!!!!
http://smuglyanochka.blogspot.com/
https://www.blogger.com/profile/16679611276778781014
<FONT SIZE=4 color=[hi="yellow"]SteelBlue[/hi]>с добрым утром!</FONT></center>
Вот ссылка на таблицу:
http://www.stm.dp.ua/web-design/color-html.php
https://www.blogger.com/profile/13746790384341325111
уже с разных пыталась-и с радикала и с других ресурсов-ну что я не так делаю то?!все равно-хоть надпись появилась-прогресс-помогите-чтоб фото тоже появилось!пожал-та!
https://www.blogger.com/profile/04422214255958505740
просто для таких чайников-как я-надо указать какой именно код брать чтоб вставлять-перепробовала почти все-пока не получилось!!!! блин-довольна-как сто слонов!!спасибо вам!!
https://www.blogger.com/profile/04422214255958505740
Предложенный вами вариант достаточно хорош. Попробую применить, если удастся кое-что изменить.
Спасибо.
https://www.blogger.com/profile/01418458026244322581
Justus я хотел задать вопрос не много не в тему:Не можешь ли ты мне подсказать рабочий код для вывода похожих статей в конце поста?А то весь инет облазил ничего не срабатывает и с того что там есть(может быть из-за того что закаченный шаблон?)
Извиняюсь, что не в тему но я думаю что только ты мне дашь достойный ответ.
Заранее спасибо.
http://www.beautifulworldf.ru
http://www.blogodel.de/2014/01/Windows-XP-budet-prodlen-do-14-ijulja-2015-goda.html
но это только на дефолтовых шаблонах. Код я нигде не публиковал, ибо засунуть код рядовому пользователю блогспота будет нереально, особенно после нововедений в возможность изменений шаблона в админке блоггера. Что касается "закаченных шаблонов" то это и вовсе нереально, структура шаблона другая. Вот я например на этом шаблоне (тоже закаченный) многое не могу внедрить! Вот такая цена красоты!
https://www.blogger.com/profile/13746790384341325111
Ели у тебя есть еще проекты скинь ссылки будет очень интересно посмотреть.
http://www.beautifulworldf.ru/
https://www.blogger.com/profile/16582031830147387651
https://www.blogger.com/profile/12991770635568852783
https://www.blogger.com/profile/16186915870585267015
https://www.blogger.com/profile/17371634369960518742
Отправка комментария
Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!