tag:blogger.com,1999:blog-46381226466708679552024-03-18T20:01:54.222-07:00Полезняшки блоггерам и сайтостроителямСофт и другие полезняшки блоггерам и сайтостроителямUnknownnoreply@blogger.comBlogger17125tag:blogger.com,1999:blog-4638122646670867955.post-21174617364695947022015-03-31T12:12:00.001-07:002015-03-31T12:20:16.496-07:00Видео и Аудио плееры для сайта - сделай сам<div dir="ltr" style="text-align: left;" trbidi="on">
Собрать Видео и Аудио плееры можно здесь http://flv-mp3.com/
<br />
<br />
Код видео-плеера:<br />
<span style="color: #38761d; font-size: x-small;"><OBJECT height="300" width="400"><PARAM NAME="movie" VALUE="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /><param name="allowFullScreen" value="true" /><param name=FlashVars value="way=http://flv-mp3.com/i/pic/sample.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=400&h=300&pic=http://&autoplay=0&tools=2&skin=none&volume=70&q=&efb=50&efc=50&efs=50&efh=50&comment=<b>Самое-самое!</b>" /><param name="bgcolor" value="#" /><embed src="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" allowFullScreen="true" type="application/x-shockwave-flash" flashvars="way=http://flv-mp3.com/i/pic/sample.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=400&h=300&skin=none&pic=http://&autoplay=0&tools=2&volume=70&q=&efb=50&efc=50&efs=50&efh=50&comment=<b>Самое-самое!</b>" bgcolor="#" width="400" height="300" /></embed></OBJECT></span><br />
<span style="color: #38761d; font-size: x-small;"><br /></span>
Внешний вид видео-плеера:
<br />
<center>
<OBJECT height="300" width="400"><PARAM NAME="movie" VALUE="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /><param name="allowFullScreen" value="true" /><param name=FlashVars value="way=http://flv-mp3.com/i/pic/sample.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=400&h=300&pic=http://&autoplay=0&tools=2&skin=none&volume=70&q=&efb=50&efc=50&efs=50&efh=50&comment=<b>Самое-самое!</b>" /><param name="bgcolor" value="#" /><embed src="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" allowFullScreen="true" type="application/x-shockwave-flash" flashvars="way=http://flv-mp3.com/i/pic/sample.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=400&h=300&skin=none&pic=http://&autoplay=0&tools=2&volume=70&q=&efb=50&efc=50&efs=50&efh=50&comment=<b>Самое-самое!</b>" bgcolor="#C6DAEB" width="400" height="300" /></embed></OBJECT>
</center>
<br />
<center>
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="small,round,line,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print">
</div>
</center>
<div>
<br /></div>
</div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4638122646670867955.post-59567587935092904012014-03-18T14:23:00.002-07:002015-03-23T07:36:23.283-07:00Замена картинки при наведении курсора или как удвоить капитал<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img border="0" class="effect1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhNXS2-6zkm6nQmrsYXBPrsUFdmlQRAiDZZPUFdjO1j2odaXpOl-AxFN2zD3bOFvF2PeOLVE03LouRtTVYfop8EE5Pn8qQJcO8ooXxBYKCud6TqSilTEAEP1772Ztj6zrCOCIeSQ9V1vPP/s1600/2.gif" /><br />
<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW6bjn9istm9Id6t86BI-Zog0-TLXLqfFLpiuDHAcuwo1BoUB76iRR0NttKs-Qu3aJ1cH1_tchYpNZlpGd3N9-rb3VC-pNGQFRPEd6DfrqfelVOy44t4bCYK1ZWrnoIviMAcqYh-pmwn3/s1600/1.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" class="effect1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW6bjn9istm9Id6t86BI-Zog0-TLXLqfFLpiuDHAcuwo1BoUB76iRR0NttKs-Qu3aJ1cH1_tchYpNZlpGd3N9-rb3VC-pNGQFRPEd6DfrqfelVOy44t4bCYK1ZWrnoIviMAcqYh-pmwn3/s1600/1.gif" /></a></div>
<br /></div>
<div style="text-align: center;">
День добрый!..</div>
<div style="text-align: justify;">
Согласись, что частенько у нас возникает потаенное желание, если не разбогатеть, то хотя бы - выдать желаемое за действительно, так ведь?.. К примеру, я имею в кармане купюру достоинством 5 USD, а мне хотелось бы удвоить капитал и поиметь все 10 USD. Как мне следует поступить в этом случае? - Конечно, можно пойти на другой блог и заработать деньги в интернете, например, на <a href="http://samichhh.blogspot.com/2012/03/blog-post.html">Золотой Пятерке</a>, ну а поскольку я тут пытаюсь изображать полезняшки для начинающих сайто-строителей, то поступлю несколько проще - просто заменю одну картинку при наведении на нее курсора другой. Сообразил зачем?.. - Да это же процесс создания, так называемых "<b>активных кнопок</b>", который нужен всегда, везде и всем!.. Дополнительные возможности такой функции - оживление картинок при наведении курсора. Показывать лучше всего на примере - вот конечный результат:</div>
<br />
<div style="text-align: center;">
<a href="http://samichhh.blogspot.com/2012/03/blog-post.html" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW6bjn9istm9Id6t86BI-Zog0-TLXLqfFLpiuDHAcuwo1BoUB76iRR0NttKs-Qu3aJ1cH1_tchYpNZlpGd3N9-rb3VC-pNGQFRPEd6DfrqfelVOy44t4bCYK1ZWrnoIviMAcqYh-pmwn3/s1600/1.gif" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW6bjn9istm9Id6t86BI-Zog0-TLXLqfFLpiuDHAcuwo1BoUB76iRR0NttKs-Qu3aJ1cH1_tchYpNZlpGd3N9-rb3VC-pNGQFRPEd6DfrqfelVOy44t4bCYK1ZWrnoIviMAcqYh-pmwn3/s1600/1.gif';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhNXS2-6zkm6nQmrsYXBPrsUFdmlQRAiDZZPUFdjO1j2odaXpOl-AxFN2zD3bOFvF2PeOLVE03LouRtTVYfop8EE5Pn8qQJcO8ooXxBYKCud6TqSilTEAEP1772Ztj6zrCOCIeSQ9V1vPP/s1600/2.gif';" /></a><br />
<br />
<center>
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="small,round,line,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print">
</div>
</center>
<br />
<div style="text-align: justify;">
Процедура достижения поставленной цели - замены одной картинки другой при наведении курсора:</div>
</div>
<ul style="text-align: left;">
<li style="text-align: justify;">Загрузи обе картинки куда-нибудь (я загрузил их в начале этого сообщения) и правой клавишей мыши скопируй URL первой и второй картинок.</li>
</ul>
<ul style="text-align: left;">
<li style="text-align: justify;">В редакторе HTML вставь в нужное место код вида: <span style="color: #660000;"><img border="0" onmouseout="this.src='Адрес начальной картинки';" onmouseover="this.src='Адрес активной картинки';" src="Адрес начальной картинки" /></span></li>
</ul>
<ul style="text-align: left;">
<li style="text-align: justify;">Чтобы привязать к полученной кнопке ссылку на страницу, несколько модернизируй код: <span style="color: #660000;"><a href="Адрес страницы" target="_blank"><img border="0" onmouseout="this.src='Адрес начальной картинки';" onmouseover="this.src='Адрес активной картинки';" src="Адрес начальной картинки" /></a></span></li>
</ul>
<div style="text-align: justify;">
Уверен, что у тебя все получилось, да?.. Если нет - пиши в комментариях. До встречи на дорогах!..<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://samichhh.blogspot.com/2014/03/facebook.html" target="_blank"><img alt=" Используй FaceBook на все сто!!!" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZnn5Mg2cwLc4T2espJsRVic0eEWSkzx19zp1tI7xteKgzjMviFUNsLBhcVCOciczr6ssFdcuilW3Ia2tN4Nuyj6ht-XjiSIHBpO7x3aJIRY81njB8mfofco4O8-dDy1L4ZWsWgTo1U5sX/s1600/2.jpeg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: right;">
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhNXS2-6zkm6nQmrsYXBPrsUFdmlQRAiDZZPUFdjO1j2odaXpOl-AxFN2zD3bOFvF2PeOLVE03LouRtTVYfop8EE5Pn8qQJcO8ooXxBYKCud6TqSilTEAEP1772Ztj6zrCOCIeSQ9V1vPP/s1600/2.gif" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhNXS2-6zkm6nQmrsYXBPrsUFdmlQRAiDZZPUFdjO1j2odaXpOl-AxFN2zD3bOFvF2PeOLVE03LouRtTVYfop8EE5Pn8qQJcO8ooXxBYKCud6TqSilTEAEP1772Ztj6zrCOCIeSQ9V1vPP/s1600/2.gif" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-H5A1MdHr-54%2FUppNjimYOWI%2FAAAAAAAAByg%2FAAGMvNR0aiM%2Fs1600%2F1.gif&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW6bjn9istm9Id6t86BI-Zog0-TLXLqfFLpiuDHAcuwo1BoUB76iRR0NttKs-Qu3aJ1cH1_tchYpNZlpGd3N9-rb3VC-pNGQFRPEd6DfrqfelVOy44t4bCYK1ZWrnoIviMAcqYh-pmwn3/s1600/1.gif" --><!-- Blogger automated replacement: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW6bjn9istm9Id6t86BI-Zog0-TLXLqfFLpiuDHAcuwo1BoUB76iRR0NttKs-Qu3aJ1cH1_tchYpNZlpGd3N9-rb3VC-pNGQFRPEd6DfrqfelVOy44t4bCYK1ZWrnoIviMAcqYh-pmwn3/s1600/1.gif" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimW6bjn9istm9Id6t86BI-Zog0-TLXLqfFLpiuDHAcuwo1BoUB76iRR0NttKs-Qu3aJ1cH1_tchYpNZlpGd3N9-rb3VC-pNGQFRPEd6DfrqfelVOy44t4bCYK1ZWrnoIviMAcqYh-pmwn3/s1600/1.gif" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-UMTDuZrLUDY%2FUppNjn55eEI%2FAAAAAAAAByk%2FLPngJVssNsI%2Fs1600%2F2.gif&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhNXS2-6zkm6nQmrsYXBPrsUFdmlQRAiDZZPUFdjO1j2odaXpOl-AxFN2zD3bOFvF2PeOLVE03LouRtTVYfop8EE5Pn8qQJcO8ooXxBYKCud6TqSilTEAEP1772Ztj6zrCOCIeSQ9V1vPP/s1600/2.gif" -->Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4638122646670867955.post-75534670375855697122013-11-27T16:56:00.001-08:002013-11-28T09:18:10.713-08:00Сделай слайд-шоу в онлайне за 5 минут!..<div dir="ltr" style="text-align: left;" trbidi="on">
Привет, народ! Сегодня мне на глаза попал весьма любопытный и оригинальный слайд-шоу конструктор, посмотрите и наделайте собственных слайд-шоу<br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<div style="background: #000 url(http://tripwow.tripadvisor.com/tripwow/ta-07f3-fc84-3eb2/e/2529693c8d/bg)0 0 no-repeat; border: none; margin: 0; padding: 0; width: 680px;">
<br />
<embed allowfullscreen="true" allowscriptaccess="always" base="http://images.travelpod.com/bin/tripwow/flash/" bgcolor="#000000" flashvars="xmlPath=http%3A%2F%2Ftripwow.tripadvisor.com%2Ftripwow%2Fta-07f3-fc84-3eb2%2Fapxml%3Fed%3D2529693c8d%26ref%3D" height="425" name="TripWow" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://images.travelpod.com/bin/tripwow/flash/tripwow.swf" type="application/x-shockwave-flash" width="680" wmode="opaque"></embed><!-- Use of this widget is subject to the terms stated here: http://tripwow.tripadvisor.com/tripwow/widget_terms.html --><br />
<div style="background: #fff; border: none; font-family: verdana,sans-serif; font-size: 12px; margin: 0; padding: 0; text-align: justify; width: 680px;">
Powered by <a href="http://www.tripadvisor.ru/" rel="nofollow" style="color: #cc6600;">TripAdvisor</a></div>
</div>
</center>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-44508350379222852672013-11-21T10:37:00.001-08:002014-03-18T14:39:33.285-07:00Потрясающая увеличилка для картинок<div dir="ltr" style="text-align: left;" trbidi="on">
Очень эффективный способ детализировать картинку методом её динамического растягивания:<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGdChBEk3CxDnJeH1DBKhJJs4vJKPhLng0nAtrxxIvdDF7PIC_kbWpUjT6Gqlpy22TtOhVRAXmFWDQVjpP1Ipz_9bQ8y-VzJgvkv3ll9uHFd6omJ9iPnT6GeTeY9YMnfDMXg-UiG4FTEr/s1600/IMG_3362.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGdChBEk3CxDnJeH1DBKhJJs4vJKPhLng0nAtrxxIvdDF7PIC_kbWpUjT6Gqlpy22TtOhVRAXmFWDQVjpP1Ipz_9bQ8y-VzJgvkv3ll9uHFd6omJ9iPnT6GeTeY9YMnfDMXg-UiG4FTEr/s200/IMG_3362.JPG" height="150" width="200" /></a>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<style type="text/css">
.st2 {width:200px;height:150px;}
.st2 img{width:200px;height:150px;position:absolute;z-index:150;}
.st2:hover {width:200px;height:150px;overflow:visible;}
.st2:hover img{visibility:visible;position:absolute;z-index:150;}
</style>
<script type="text/javascript">
$(function(){
$('.img2').hover(function(){
$(this).children('img').stop().animate({width:"400px",height:"300px"}, 500);
}, function(){ $(this).children('img').stop().animate({width:"200px",height:"150px"}, 300); });
});
</script>
<br />
<div class="st2">
<div class="img2">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGdChBEk3CxDnJeH1DBKhJJs4vJKPhLng0nAtrxxIvdDF7PIC_kbWpUjT6Gqlpy22TtOhVRAXmFWDQVjpP1Ipz_9bQ8y-VzJgvkv3ll9uHFd6omJ9iPnT6GeTeY9YMnfDMXg-UiG4FTEr/s200/IMG_3362.JPG" height="150" width="200" />
</div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-87987813987448569852013-10-31T13:28:00.003-07:002015-03-21T19:29:06.593-07:00Активируем фавикону мгновенно!..<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://webmaster-samichh.blogspot.com/2013/08/blog-post_19.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img alt=" Оживи картинку курсором!" border="0" class="effect1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzUJC0lzYoJWTfLzqQrcyaBBuU1i87g9tIHBSWcmN1lRS8vq3vtIzn8P3SWOjkJW5o0W2ICA8WX2YY-eeEHQkZMJHCoZwCiZTwybQyIAx5o2VWfpDWzeuXVbSZkHpk57EeqKdRxg3O19ye/s1600/6.gif" /></a></div>
<div style="text-align: center;">
<div style="text-align: center;">
<span style="font-family: inherit;"><b>Всем - всего хорошего!..</b></span><br />
<div style="text-align: justify;">
Более 2 лет назад наш всеми любимый <b>Blogger</b> официально предоставил свободу в использовании персональных фавиконок (<b>favicon = favourite icon</b>), но до сих пор многие новички тратят огромное количество времени на возню с этой, сегодня просто необходимой, персонализацией. Хотя установить собственный favicon очень просто! В чем же заключаются сложности? - Основная проблема связана не с поиском подходящих значков в бескрайних базах интернета и не с установкой фавикона в шаблон блога... Основная проблема заключается в <b>активации фавикона</b>, поскольку все мечтают увидеть результат проделанной работы сразу же после её завершения, так ведь?.. А если не появляется фавикон, то настроение испортится у любого - такова уж наша людская натура...</div>
</div>
</div>
<div>
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit;">Совсем недавно в блоге одного "умника" нашел такой ответ на описанную проблему: "Скорость света конечна!" - и смех и грех... Итак, после установки фавиконки - убедитесь в её наличии, как таковой в базе Блоггера по адресу <span style="color: lime;">http://ВашБлог/favicon.ico</span>. Если её по этому адресу нет или появляется ваша прежняя - обновите окно и она должна появиться. Если такого не случилось - повторите внимательней процедуру установки. Если же по этому адресу вы её увидели - загляните в свой блог и еще раз <b>обновите окно</b> в браузере. Ну и как? Появилась?.. - Дел было на копейку ))) </span><span style="font-family: inherit;">Кстати, обратите внимание, как выглядит ваше творение в активном и неактивном окнах - возможно потребуется небольшая доработка фона, к примеру, вот этим цветом <span style="color: lime;">#A7CBF6</span></span></div>
</div>
</div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-21675496842904257832013-10-24T05:29:00.003-07:002013-11-23T22:21:58.435-08:00Маленькая кухня в большом окне<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a class="zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsxXJ4fGy4LhDWgq7JnBnoNOiW740xPl8GQz4Q4zEBptuvtKcxrKW3p3jtukHiPJ631ArLx8ledkDJAh2qqAVz7xCDaAUSngRAV1wzb4LkyIJ1AMQHeXlKxBOldnAWS-UrJhc4_pOhaScK/s1600/Temza.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="143" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsxXJ4fGy4LhDWgq7JnBnoNOiW740xPl8GQz4Q4zEBptuvtKcxrKW3p3jtukHiPJ631ArLx8ledkDJAh2qqAVz7xCDaAUSngRAV1wzb4LkyIJ1AMQHeXlKxBOldnAWS-UrJhc4_pOhaScK/s200/Temza.jpg" width="200" /></a></div>
<b>Окинув кухню полным взором, д</b><b>етали разгляди курсором!</b><br />
(показан пример панорамного просмотра изображения при управлении курсором)<br />
<br />
<br />
Кстати, кухня <a href="http://www.globalmebel.ru/primer_eskiza_kuhni/kuhnya_temza/" target="_blank"><b>"Темза"</b></a> от <b>GlobalMebel</b> - это твой <b>правильный</b> выбор!</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<style>#easy_zoom{
width:600px;
height:400px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
left:45%;
overflow:hidden;
-moz-box-shadow:0 0 10px #555;
-webkit-box-shadow:0 0 10px #555;
box-shadow:0 0 10px #555;
/* vertical and horizontal alignment used for preloader text */
line-height:400px;
text-align:center;
}</style>
<script src="http://dl.dropbox.com/u/27675057/Easy%20Image%20Zoom/easyzoom.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('a.zoom').each(function(i) {
$(this).easyZoom();
});
});
</script></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-56465751662618339292013-10-22T23:34:00.001-07:002013-11-23T22:34:48.710-08:00Панорамная прокрутка изображения<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: left;">
<a class="zoom" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1UbsOPboWdmpzEyfLKqKd09Ahd3U-Sgn2oyRXc0Te_-FejBxWTkowQpBq83aUGgfR7_95HrALSUxPcznKZIEPI40Dg-rU_x6NQ_qBzuAVkDO2z_RJDSRSDRQ1rUuYC_WLSeYCDMqF78VR/s1600/%D0%9F%D0%B0%D0%BD%D0%BE%D1%80%D0%B0%D0%BC%D0%B001.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1UbsOPboWdmpzEyfLKqKd09Ahd3U-Sgn2oyRXc0Te_-FejBxWTkowQpBq83aUGgfR7_95HrALSUxPcznKZIEPI40Dg-rU_x6NQ_qBzuAVkDO2z_RJDSRSDRQ1rUuYC_WLSeYCDMqF78VR/s200/%D0%9F%D0%B0%D0%BD%D0%BE%D1%80%D0%B0%D0%BC%D0%B001.jpg" width="200" /></a></div>
<div style="text-align: justify;">
Неделю назад сходил на Красноярские Столбы и, разумеется, кроме того, что зарядился бодростью и здоровьем - еще и сделал несколько классных снимков. Этот снимок (слева) пришлось склеить из нескольких фрагментов, поскольку для построения такого одного кадра просто нет точки съемки... Однако, в данном сообщении я хотел поговорить не о технике съемки и обработке изображений, а о форме представления и просмотра изображения в своем блоге. Дело в том, что, с одной стороны, хочется обозреть изображение полностью (особенно ЭТО!), а с другой - пристально рассмотреть отдельные его детали. Мне кажется, что вчера я нашел решение этой дилеммы - посмотрите на картинку и поводите по ней курсором! На мой взгляд, это достойная форма представления графической информации на любом ресурсе, не так ли?.. Если хочешь "запанорамировать" свои фотографии на Блоггере - процедура установки этого скрипта очень проста:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
1. В гаджет (HTML &Java) или в HTML редакторе сообщений надо вставить этот код:</div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="color: red;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/></script></span><br /><span style="color: #660000;"><style>#easy_zoom{</span><br /><span style="color: #660000;">width:450px;</span><br /><span style="color: #660000;">height:350px;</span><br /><span style="color: #660000;">border:5px solid #eee;</span><br /><span style="color: #660000;">background:#fff;</span><br /><span style="color: #660000;">color:#333;</span><br /><span style="color: #660000;">position:fixed;</span><br /><span style="color: #660000;">top:35px;</span><br /><span style="color: #660000;">left:45%;</span><br /><span style="color: #660000;">overflow:hidden;</span><br /><span style="color: #660000;">-moz-box-shadow:0 0 10px #555;</span><br /><span style="color: #660000;">-webkit-box-shadow:0 0 10px #555;</span><br /><span style="color: #660000;">box-shadow:0 0 10px #555;</span><br /><span style="color: #660000;">/* vertical and horizontal alignment used for preloader text */</span><br /><span style="color: #660000;">line-height:400px;</span><br /><span style="color: #660000;">text-align:center;</span><br /><span style="color: #660000;">}</style></span><br /><span style="color: #660000;"><script type="text/javascript" src="http://dl.dropbox.com/u/27675057/Easy%20Image%20Zoom/easyzoom.js"></script></span><br /><span style="color: #660000;"><script type="text/javascript"> </span><br /><span style="color: #660000;">$().ready(function() { </span><br /><span style="color: #660000;">$('a.zoom').each(function(i) { </span><br /><span style="color: #660000;">$(this).easyZoom();</span><br /><span style="color: #660000;">}); </span><br /><span style="color: #660000;">}); </span><br /><span style="color: #660000;"></script></span></span><br />
<div class="separator" style="clear: both; text-align: justify;">
(Верхняя строчка не нужна, если у вас уже используются скрипт jquery)</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div style="text-align: justify;">
2. Затем вставьте идентификатор <span style="color: red;">class="zoom"</span> (в HTML-редакторе сообщения) для придания эффекта панорамного просмотра только выбранному изображению. К примеру, для моего изображения это выглядит так:</div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><span style="color: #783f04;"><a </span><span style="color: red;">class="zoom"</span><span style="color: #783f04;"> href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1UbsOPboWdmpzEyfLKqKd09Ahd3U-Sgn2oyRXc0Te_-FejBxWTkowQpBq83aUGgfR7_95HrALSUxPcznKZIEPI40Dg-rU_x6NQ_qBzuAVkDO2z_RJDSRSDRQ1rUuYC_WLSeYCDMqF78VR/s1600/%D0%9F%D0%B0%D0%BD%D0%BE%D1%80%D0%B0%D0%BC%D0%B001.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1UbsOPboWdmpzEyfLKqKd09Ahd3U-Sgn2oyRXc0Te_-FejBxWTkowQpBq83aUGgfR7_95HrALSUxPcznKZIEPI40Dg-rU_x6NQ_qBzuAVkDO2z_RJDSRSDRQ1rUuYC_WLSeYCDMqF78VR/s200/%D0%9F%D0%B0%D0%BD%D0%BE%D1%80%D0%B0%D0%BC%D0%B001.jpg" width="200" /></a> </span></span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><br /></span></div>
Вот и все дела - пробуй!..<br />
...и, разумеется, комментируй:</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<style>#easy_zoom{
width:450px;
height:350px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
left:55%;
overflow:hidden;
-moz-box-shadow:0 0 10px #555;
-webkit-box-shadow:0 0 10px #555;
box-shadow:0 0 10px #555;
/* vertical and horizontal alignment used for preloader text */
line-height:400px;
text-align:center;
}</style>
<script src="http://dl.dropbox.com/u/27675057/Easy%20Image%20Zoom/easyzoom.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('a.zoom').each(function(i) {
$(this).easyZoom();
});
});
</script></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-36716215830669412882013-08-19T22:52:00.000-07:002013-10-06T08:47:50.931-07:00Заполнить пустые по ширине места блога фоном<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="color: #073763;">Чтобы те читатели, у которых ширина монитора больше вашего, не видели по бокам вашего блога пустоту можно заполнить её красивым фоном. Для этого необходимо всего лишь перейти в <b>Дизайн - Добавить гаджет - HTML/JavaScript</b> и вставить туда этот код: </span></div>
<div style="text-align: justify;">
<br /></div>
<span style="color: #660000; font-size: x-small;"><style type="text/css"><br />body {background-image: url("УРЛ Фоновой Картинки"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }<br /></style></span><br />
<br />
<span style="color: #073763;">"УРЛ Фоновой Картинки" можно нарисовать самому или найти <a href="http://izziegraceblogbackgrounds.blogspot.com/" target="_blank"><b>тут</b></a> </span></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-18607466661474982972013-08-19T21:54:00.004-07:002013-11-22T15:23:34.354-08:00Выделение картинки наведенным курсором<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<span style="color: #9fc5e8; font-family: inherit;">Если вы уделяете достойное внимание оформлению своих сообщений в и решили несколько <b>оживить картинки </b>в постах своего блога, то это сообщение поможет вам всего лишь за 5 минут освоить один из вариантов оживляжа )))</span><br />
<span style="color: #9fc5e8; font-family: inherit;">Например, при наведении курсора мыши на картинку с денежными купюрами в примере, который показан <a href="http://samichhh.blogspot.com/2013/08/blog-post_20.html" target="_blank">здесь</a> - картинка достаточно эффектным способом увеличивается, как бы оживает под вашей рукой. Помимо увеличения, описанный ниже скрипт, позволит получать и некоторые другие эффекты оживляжа.</span><br />
<span style="color: #9fc5e8; font-family: inherit;">Однако, от слов - к делу! Выполните эти два простых шага и сами выберете наиболее понравившийся вам эффект:</span></div>
<div style="text-align: justify;">
<span style="color: #9fc5e8;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: #9fc5e8;">1. Вставьте этот код в любой место сообщения (HTML)</span></div>
<span style="color: #073763;">
</span>
<br />
<div>
<div style="text-align: justify;">
<span style="color: #660000; font-size: x-small; text-align: left;"><style>.adipoli-wrapper{position:relative;display:inline-block;margin:auto}</span></div>
<span style="font-size: x-small;"><span style="color: #660000;">.adipoli-slice{display:block;position:absolute;z-index:0;height:100%}</span><br /><span style="color: #660000;">.adipoli-box{display:block;position:absolute;z-index:0}</span><br /><span style="color: #660000;">.post img{border:0!important;margin:0!important;padding:0!important}</span><br /><span style="color: #660000;">.adipoli-wrapper>img,.adipoli-before,.adipoli-after{position:absolute;z-index:0}</style></span></span><br />
<span style="font-size: x-small;"><span style="color: #38761d;"><script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'></script></span><br /><span style="color: #660000;"><script src='http://yourjavascript.com/143237963/jquery.adipoli.min.js' type='text/javascript'></script><br /><script type='text/javascript'></span><br /><span style="color: #660000;">/*<![CDATA[*/</span><br /><span style="color: #660000;">jQuery(function($pice){</span><br /><span style="color: #660000;"> $pice('.effect1').adipoli({</span><br /><span style="color: #660000;"> 'startEffect' : 'normal',</span><br /><span style="color: #660000;"> 'hoverEffect' : 'popout'</span><br /><span style="color: #660000;"> });</span><br /><span style="color: #660000;"> $pice('.effect2').adipoli({</span><br /><span style="color: #660000;"> 'startEffect' : 'overlay',</span><br /><span style="color: #660000;"> 'hoverEffect' : 'sliceDown'</span><br /><span style="color: #660000;"> });</span><br /><span style="color: #660000;"> $pice('.effect3').adipoli({</span><br /><span style="color: #660000;"> 'startEffect' : 'transparent',</span><br /><span style="color: #660000;"> 'hoverEffect' : 'boxRandom'</span><br /><span style="color: #660000;"> });</span><br /><span style="color: #660000;"> $pice('.effect4').adipoli({</span><br /><span style="color: #660000;"> 'startEffect' : 'overlay',</span><br /><span style="color: #660000;"> 'hoverEffect' : 'foldLeft'</span><br /><span style="color: #660000;"> });</span><br /><span style="color: #660000;"> $pice('.effect5').adipoli({</span><br /><span style="color: #660000;"> 'startEffect' : 'transparent',</span><br /><span style="color: #660000;"> 'hoverEffect' : 'boxRainGrowReverse'</span><br /><span style="color: #660000;"> });</span><br /><span style="color: #660000;">});</span><br /><span style="color: #660000;">/*]]>*/</span><br /><span style="color: #660000;"></script></span><br /><span style="color: #660000;"><script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",k="?m=1";function l(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+k;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var m=l();m&&window.location.replace(m)};</span><br /><span style="color: #660000;"></script><script type="text/javascript"></span><br /><span style="color: #660000;">if (window.jstiming) window.jstiming.load.tick('headEnd');</span><br /><span style="color: #660000;"></script></span></span><br />
<span style="font-size: x-small;"><span style="color: #660000;"><br /></span></span>
<span style="color: #9fc5e8; font-size: x-small; text-align: justify;"><i>*** Если работать не будет - уберите скрипт, выделенный зелёным цветом</i></span><br />
<span style="color: #9fc5e8; font-size: x-small; text-align: justify;"><i><br /></i></span>
<span style="color: #9fc5e8; text-align: justify;">2. В код картинки (надо включить редактор HTML) перед </span><span style="text-align: justify;"><span style="color: #9fc5e8;">"</span><b><span style="color: #e06666;">scr=...</span><span style="color: #9fc5e8;">"</span></b></span><span style="color: #9fc5e8; text-align: justify;"> вставьте идентификатор </span><b style="text-align: justify;"><span style="color: #e06666;">class="effect1</span></b><b style="color: #9fc5e8; text-align: justify;">"</b><span style="color: #9fc5e8; text-align: justify;"> - Пробуйте цифры от 1 до 5, которым будут соответствовать различные способы оживления Вашей картинки при наведении на неё курсора мыши и выбирайте наиболее понравившийся вариант.</span><br />
<div style="text-align: justify;">
<span style="color: #9fc5e8;"><b>Всех Благ!</b> </span><br />
<span style="color: #9fc5e8;">...и, пожалуйста, не забывайте нажимать на эти кнопочки социальных сетей: </span></div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-33654469735817675122013-08-19T00:43:00.002-07:002013-11-20T10:58:57.023-08:00Антивирусы. Безопасность. Восстановление данных<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<b><span style="color: #073763;">Друзья, убейте заразу в своем компьютере!!!</span></b></div>
<b><span style="color: #073763;">К вашим услугам - самые свежие <a href="http://www.softkey.ru/?partner=samichh" target="_blank">антивирусные программы:</a> </span></b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.softkey.ru/?partner=samichh" target="_blank"><img border="0" height="122" class="effect5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNGIZIlAWwvtYFpUx2bTlUudvDitHuVcWfcA_D72twKvzuKdaAEJ8idA1YPryf9Z2TEtBnigu1-RrTg7ofZpyGZT4W-kF39vmFVw0JsO6XnoS4r0yHMec1V0wY9zWsCx1e0a252JjIAxzg/s640/Screenshot_2.jpg" width="640" /></a></div>
<br />
<span style="color: #073763;"><b>Очистил свой компьютер? - Тогда порекомендуй сделать это своим друзьям и близким:</b></span></div>
<style>.adipoli-wrapper{position:relative;display:inline-block;margin:auto}
.adipoli-slice{display:block;position:absolute;z-index:0;height:100%}
.adipoli-box{display:block;position:absolute;z-index:0}
.post img{border:0!important;margin:0!important;padding:0!important}
.adipoli-wrapper>img,.adipoli-before,.adipoli-after{position:absolute;z-index:0}</style>
<script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/143237963/jquery.adipoli.min.js' type='text/javascript'></script>
<script type='text/javascript'>
/*<![CDATA[*/
jQuery(function($pice){
$pice('.effect1').adipoli({
'startEffect' : 'normal',
'hoverEffect' : 'popout'
});
$pice('.effect2').adipoli({
'startEffect' : 'overlay',
'hoverEffect' : 'sliceDown'
});
$pice('.effect3').adipoli({
'startEffect' : 'transparent',
'hoverEffect' : 'boxRandom'
});
$pice('.effect4').adipoli({
'startEffect' : 'overlay',
'hoverEffect' : 'foldLeft'
});
$pice('.effect5').adipoli({
'startEffect' : 'transparent',
'hoverEffect' : 'boxRainGrowReverse'
});
});
/*]]>*/
</script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",k="?m=1";function l(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+k;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var m=l();m&&window.location.replace(m)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-31893880037684292532013-04-25T23:28:00.004-07:002013-04-26T02:14:55.570-07:00<!DOCTYPE html>
<!-- saved from url=(0030)http://www.twitlonger.com/post -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TwitLonger — When you talk too much for Twitter</title>
<meta name="keywords" content="twitlonger, twit longer, twitter longer, twitterlonger, tweet longer, tweetlonger, 140, over 140, twitter, more than 140">
<meta name="description" content="TwitLonger is the easy way to post more than 140 characters to Twitter">
<meta name="viewport" content="width=768">
<link rel="shortcut icon" href="http://www.twitlonger.com/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./TwitLonger — When you talk too much for Twitter_files/tl.css">
<link href="./TwitLonger — When you talk too much for Twitter_files/css" rel="stylesheet" type="text/css">
<!--[if IE]>
<script type="text/javascript">
document.createElement('nav');
document.createElement('article');
document.createElement('aside');
document.createElement('details');
document.createElement('figcaption');
document.createElement('figure');
document.createElement('footer');
document.createElement('header');
document.createElement('hgroup');
document.createElement('menu');
document.createElement('section');
</script>
<![endif]-->
<script type="text/javascript" async="" src="./TwitLonger — When you talk too much for Twitter_files/ga.js"></script><script src="./TwitLonger — When you talk too much for Twitter_files/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
$("#flasherror").click(function(e){
$("#flasherror").fadeOut(500);
});
$("#flashmessage").click(function(e){
$("#flashmessage").fadeOut(500);
});
});
</script>
</head>
<body id="www-twitlonger-com">
<div id="page">
<header>
<h1><a href="http://www.twitlonger.com/">TwitLonger</a></h1>
</header>
<div class="post">
<div id="postinfo">
<ul id="accountaction">
<li><a href="http://www.twitlonger.com/signout">Sign Out</a></li>
<li><a href="http://www.twitlonger.com/account">Account</a></li>
</ul>
<span id="avatar">
<img src="./TwitLonger — When you talk too much for Twitter_files/girl_ok_normal.gif" alt="" height="73px" width="73px">
</span>
<h2 id="postauthor">
Наташа <br>@IIIIIEYEIIIII </h2>
</div>
<article>
<div id="charcount">0</div>
<form action="./TwitLonger — When you talk too much for Twitter_files/TwitLonger — When you talk too much for Twitter.htm" method="post" accept-charset="utf-8"><div style="display:none">
<input type="hidden" name="tlvtoken" value="5df0f3c78a4e216ba69b2afd8af156fe">
</div> <p>
<textarea name="content" id="newposttextarea" cols="80" rows="15" placeholder="Write your post here"></textarea>
</p>
<p>
<input type="hidden" id="reply_to_id" name="reply_to_id" value="">
<input type="hidden" id="reply_to_user" name="reply_to_user" value="">
<input type="submit" id="newpostbutton" value="Post">
</p>
</form>
</article>
</div>
<script type="text/javascript">
$( document ).ready(function() {
$("#newposttextarea").focus();
var str = $("#newposttextarea").val();
$("#newposttextarea").val('');
$("#newposttextarea").val(str);
$.ajaxSetup({ cache: true });
$.getScript('/js/twitter-text.js', function(data, textStatus, jqxhr){
$("#newposttextarea").keyup(function(e){
$("#charcount").html( twttr.txt.getTweetLength( $(this).val() ) );
});
});
});
</script>
<footer>
<menu>
<ul>
<li><a href="http://www.twitlonger.com/">home</a></li>
<li><a href="http://www.twitlonger.com/about">about</a></li>
<li><a href="http://www.twitlonger.com/privacy">privacy</a></li>
<li><a href="http://www.twitlonger.com/api">api</a></li>
<li><a href="http://www.twitlonger.com/advertise">advertise</a></li>
</ul>
</menu>
<p id="disclaimer">
TwitLonger is developed and run entirely by <a href="http://imetstuart.com/">Stuart Gibson</a>
(<a href="http://www.twitter.com/stuartgibson">@stuartgibson</a>).
Twitlonger is in no way associated with Twitter, but they sure do a swell job over there ♥
</p>
</footer>
</div><!-- End of #page -->
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-6415384-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!-- End of Google Analytics -->
<!-- Start Quantcast tag -->
<script type="text/javascript">
_qoptions={
qacct:"p-36Yyaza0UpNew"
};
</script>
<script type="text/javascript" src="./TwitLonger — When you talk too much for Twitter_files/quant.js"></script>
<noscript>
<img src="http://pixel.quantserve.com/pixel/p-36Yyaza0UpNew.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/>
</noscript>
<!-- End Quantcast tag -->
</body></html>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-87778827075448750322013-04-17T14:47:00.000-07:002015-02-19T00:47:16.902-08:00Знакомимся с ФотоШоу<div dir="ltr" style="text-align: left;" trbidi="on">
<center style="text-align: center;">
Приветствую тебя, уважаемый деятель КИНО и ФОТО!</center>
<center style="text-align: left;">
Для дальнейшего процветания твоего талантища в сфере увековечивания видео-ценностей и продвижения его в народные массы, рекомендую изучить и взять на вооружение этот уютно-компактный и, в то же время, весьма функциональный редактор ФотоШоу. Дабы твое знакомство с этой программой не носило оттенок моей собственной "отсебятины" просто посмотри этот прекрасный промо-ролик, созданный официальным разработчиком:</center>
<br />
<center>
<iframe allowfullscreen="" frameborder="0" height="400" src="http://www.youtube.com/embed/G_o3VRY2yQw?feature=player_embedded" width="704"></iframe>
</center>
<br />
<center style="text-align: left;">
Ну как, понравился редактор ФотоШоу? - Я почему-то уверен, что он не может не понравиться!.. Если возникнут трудности с установкой ФотоШоу - напиши об этом в комментарии, и я подскажу как все правильно установить.</center>
<center style="text-align: left;">
Успехов в творчестве!</center>
</div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4638122646670867955.post-27811459607299085272013-04-16T10:33:00.004-07:002013-04-16T10:33:24.426-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
MovAvi поистине является отличным он-лайн КОНВЕРТЕРОМ ВИДЕО и с его помощью вы всегда сможете выбрать сразу несколько видео-файлов для их объединения в один.<div>
... завтра будет описание</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-58137319807602663992013-04-16T09:12:00.002-07:002015-03-24T08:02:38.887-07:00Самый простой аудио-плеер для вашего сайта или блога.<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<div>
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix8wLDXWrt1CYcdQg3-6pAvJSnPoQfz_5OmZM2LSy01U9Ou8j4CYAfLdWHt5mCBEHMioRL2V0VzFJTOrp_5UOdYAafbIm1AdaWay0p9G3RSZAT-XpA2uxa-QBEnTVpO5FNm7lnVB19dbXa/s1600/Screenshot_6.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" class="effect1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix8wLDXWrt1CYcdQg3-6pAvJSnPoQfz_5OmZM2LSy01U9Ou8j4CYAfLdWHt5mCBEHMioRL2V0VzFJTOrp_5UOdYAafbIm1AdaWay0p9G3RSZAT-XpA2uxa-QBEnTVpO5FNm7lnVB19dbXa/s1600/Screenshot_6.jpg" /></a></div>
<div style="text-align: center;">
Привет, ребята!</div>
</div>
<div style="text-align: justify;">
<div style="text-align: justify;">
Для оформления вашего сайта или блога музыкальным сопровождением рекомендую, пожалуй, самый компактный, лаконичный и удобный этот функциональный аудио-плеер. Вот его код для вставки и внешний вид:</div>
</div>
</div>
<div>
<span style="color: #660000; font-size: x-small;"><br /></span></div>
<div>
<span style="color: #660000; font-size: x-small;"><audio id="player" src="</span><span style="font-size: x-small;"><span style="color: #38761d;">https://psv4.vk.me/c422820/u144531159/audios/8d8478636222.mp3</span><span style="color: #660000;">"></audio></span></span></div>
<div>
<span style="color: #660000; font-size: x-small;"><div></span></div>
<div>
<span style="color: #660000; font-size: x-small;"> <button onclick="document.getElementById('player').play()"></span><span style="color: #bf9000; font-size: x-small;">пуск</span><span style="color: #660000; font-size: x-small;"></button></span></div>
<div>
<span style="color: #660000; font-size: x-small;"> <button onclick="document.getElementById('player').pause()"></span><span style="color: #bf9000; font-size: x-small;">пауза</span><span style="color: #660000; font-size: x-small;"></button></span></div>
<div>
<span style="color: #660000; font-size: x-small;"> <button onclick="document.getElementById('player').volume+=0.1"></span><span style="color: #bf9000; font-size: x-small;">громче</span><span style="color: #660000; font-size: x-small;"></button></span></div>
<div>
<span style="color: #660000; font-size: x-small;"> <button onclick="document.getElementById('player').volume-=0.1"></span><span style="color: #bf9000; font-size: x-small;">тише</span><span style="color: #660000; font-size: x-small;"></button></span></div>
<div>
<span style="color: #660000; font-size: x-small;"></div> </span></div>
</div>
<br />
<center>
<audio id="player" src="https://psv4.vk.me/c422820/u144531159/audios/8d8478636222.mp3"></audio>
<div>
<button onclick="document.getElementById('player').play()">пуск</button>
<button onclick="document.getElementById('player').pause()">пауза</button>
<button onclick="document.getElementById('player').volume+=0.1">громче</button>
<button onclick="document.getElementById('player').volume-=0.1">тише</button>
</div>
</center>
</div>
<br />
<center>
<script type="text/javascript">(function() {
if (window.pluso)if (typeof window.pluso.start == "function") return;
if (window.ifpluso==undefined) { window.ifpluso = 1;
var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
var h=d[g]('body')[0];
h.appendChild(s);
}})();</script>
<div class="pluso" data-background="transparent" data-options="small,square,line,horizontal,counter,theme=04" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print">
</div>
</center>
<br />
<div style="text-align: justify;">
</div>
<ul>
<li>Ссылка, выделенная <span style="color: #38761d;">зеленым цветом</span> - это источник аудио файла.</li>
<li>Расположение кнопок управления плеером, а также названия кнопок, которые я выделил <span style="color: #bf9000;">желтым цветом </span>вы можете изменять по своему вкусу.</li>
</ul>
<div>
<div style="text-align: justify;">
Заметьте, что вставлять в свои сообщения можно не только музыкальные произведения, но также и аудио-анекдоты, книги или записанные вами самими файлы. Если у кого появятся затруднения с поиском ссылок на mp3 файлы - пишите в комментариях и я вам либо сам найду конкретный звуковой файл или научу как его "извлечь" из музыкального хранилища. Ну а поскольку мы тут говорим про музыку, то предлагаю вам невероятный способ её извлечения - <a href="http://samssr.blogspot.com/2014/12/blog-post_5.html" target="_blank">взгляните, послушайте и улыбнитесь</a>!..</div>
</div>
</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-23016381820735630382013-04-14T07:54:00.002-07:002013-04-14T08:05:24.025-07:00Кнопки FaceBook<div dir="ltr" style="text-align: left;" trbidi="on">
Чтобы вставить кнопки FaceBook - копируем нижеуказанные коды на свои сайты, в которых <url> заменяем на линк своего сайта, который мечтаем расшарить, то бишь, продвинуть:<br />
<div style="text-align: left;">
<span style="color: #20124d; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #20124d; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><b><u>Текстовый линк: </u></b></span></div>
<table cellspacing="0" class="answer_segment" style="background-color: white; border-collapse: collapse; border-spacing: 0px; color: #333333; font-family: verdana, sans-serif; font-size: 13px; line-height: 16px; text-align: left; width: 100%px;"><tbody style="font-size: 10pt;">
<tr style="font-size: 10pt;"><td colspan="2"><div class="mywrite_content" style="font-size: 10pt; overflow-x: auto; overflow-y: hidden; width: 474px;">
<span style="color: #660000; font-size: 10pt;"><script>function fbs_click() {u=location.href;t=document.title;window.open</span><wbr style="color: #660000; font-size: 10pt;"></wbr><span style="color: #660000; font-size: 10pt;">('http://www.facebook.com/sharer.php?u='+enco</span><wbr style="color: #660000; font-size: 10pt;"></wbr><span style="color: #660000; font-size: 10pt;">deURIComponent(u)+'&t='+encodeURIComponent(t)</span><wbr style="color: #660000; font-size: 10pt;"></wbr><span style="color: #660000; font-size: 10pt;">,'sharer','toolbar=0,status=0,width=626,heigh</span><wbr style="color: #660000; font-size: 10pt;"></wbr><span style="color: #660000; font-size: 10pt;">t=436');return false;}</script><a rel="nofollow" href="http://www.facebook.com/share.php?u=<</span><wbr style="color: #660000; font-size: 10pt;"></wbr><span style="color: #660000; font-size: 10pt;">;url>" onclick="return fbs_click()" target="_blank">Share on Facebook</a></span></div>
<div class="mywrite_content" style="font-size: 10pt; overflow-x: auto; overflow-y: hidden; width: 474px;">
<span style="color: #660000;"><br /></span></div>
<div class="mywrite_content" style="overflow-x: auto; overflow-y: hidden; width: 474px;">
<b style="color: #20124d; font-family: Arial, Helvetica, sans-serif; line-height: normal;"><u><span style="font-size: x-small;">Маленькая иконка с текстом:</span></u></b><br />
<div style="font-size: 10pt;">
<span style="color: #660000;"><script>function fbs_click() {u=location.href;t=document.title;window.open<wbr style="font-size: 10pt;"></wbr>('http://www.facebook.com/sharer.php?u='+enco<wbr style="font-size: 10pt;"></wbr>deURIComponent(u)+'&t='+encodeURIComponent(t)<wbr style="font-size: 10pt;"></wbr>,'sharer','toolbar=0,status=0,width=626,heigh<wbr style="font-size: 10pt;"></wbr>t=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/<wbr style="font-size: 10pt;"></wbr>images/share/facebook_share_icon.gif?6:26981)<wbr style="font-size: 10pt;"></wbr> no-repeat top left; }</style><a rel="nofollow" href="http://www.facebook.com/share.php?u=<<wbr style="font-size: 10pt;"></wbr>;url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Share on Facebook</a></span></div>
<div style="font-size: 10pt;">
<br /></div>
<div>
<b style="color: #20124d; font-family: Arial, Helvetica, sans-serif; line-height: normal;"><u><span style="font-size: x-small;">Только иконка:</span></u></b></div>
<div style="font-size: 10pt;">
<span style="color: #660000;"><span style="font-size: 10pt;"><script>function fbs_click() {u=location.href;t=document.title;window.open</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;">('http://www.facebook.com/sharer.php?u='+enco</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;">deURIComponent(u)+'&t='+encodeURIComponent(t)</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;">,'sharer','toolbar=0,status=0,width=626,heigh</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;">t=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://static.ak.facebook.com/</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;">images/share/facebook_share_icon.gif?6:26981)</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;"> no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://static.ak.facebook.com/images/shar</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;">e/facebook_share_icon.gif?6:26981) no-repeat top right; text-decoration:none; } </style> <a rel="nofollow" href="http://www.facebook.com/share.php?u=<</span><wbr style="font-size: 10pt;"></wbr><span style="font-size: 10pt;">;url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Share</a> </span></span><br />
<span style="color: #660000;"><span style="font-size: 10pt;"><br /></span></span></div>
</div>
</td></tr>
</tbody></table>
- вот и все дела!.. Кстати, вместо "Share" можно написать "Фейснуть" или еще что-нибудь.<br />
Узнал сам - сообщи соседям:</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4638122646670867955.post-57125043602605952992013-04-12T13:05:00.002-07:002013-09-03T10:12:57.046-07:00Исправить в Блоггере, навязанный адрес *blogspot.ru на нормальный *blogspot.com<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
Геморрой, провоцируемый тотальной РУсификацией (нормальных интернет-ресурсов, действительно, задолбал уже многих... Скоро все и вся мы будем под чьим-то колпаком!.. )))<br />
Итак, чтобы исправить адрес блога - зайди в настройки, давни кнопку "Изменить HLML" и после тега <head> вставь этот скрипт:<br />
<br />
<span style="color: #660000;"><script type='text/javascript'></span><br />
<span style="color: #660000;">var blog = document.location.hostname;</span><br />
<span style="color: #660000;">var slug = document.location.pathname;</span><br />
<span style="color: #660000;">var ctld = blog.substr(blog.lastIndexOf(&quot;.&quot;));</span><br />
<span style="color: #660000;">if (ctld != &quot;.com&quot;) {</span><br />
<span style="color: #660000;">var ncr = &quot;http://&quot; + blog.substr(0, blog.indexOf(&quot;.&quot;));</span><br />
<span style="color: #660000;">ncr += &quot;.blogspot.com/ncr&quot; + slug;</span><br />
<span style="color: #660000;">window.location.replace(ncr);</span><br />
<span style="color: #660000;">}</span><br />
<span style="color: #660000;"></script> </span></div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4638122646670867955.post-66224063353166734372013-04-12T12:37:00.001-07:002015-03-21T19:14:24.975-07:00Узнать ID своего твиттер-аккаунта<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
Привет, бродяга! </div>
<div style="text-align: justify;">
Если долго искал - то расслабься, ведь ты уже нашел, что искал!!! Теперь просто кликни по картинке и в открывшемся окне введи свой логин в твиттере, чтобы увидеть персональный идентификатор уже не моего, а своего твиттер-аккаунта:</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://twit-info.nickyurov.com/" target="_blank"><img border="0" class="effect1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4vef0JG7wBHDJNCf6ffPylTJ3hmTyi0YOdQKL1Jix7ulW7ae0q4ohoLZhTd08QwwXvypTVcV8I-P3rx184qaznGxi6Onu-RWe3DWe4JMhcD3XEpXAxiiJzGh29k8TfsWYr8JQtpwonDlx/s640/001.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Также рекомендую обратить внимание и взять на вооружение эти популярные сообщения:</div>
<div class="separator" style="clear: both; text-align: justify;">
"<a href="http://samichhh.blogspot.com/2012/04/blog-post.html" target="_blank">Как сделать много рабочих аккаунтов в твиттере</a>"</div>
<div class="separator" style="clear: both; text-align: justify;">
"<a href="http://samichhh.blogspot.com/2015/01/blog-post.html" target="_blank">Заработать на социалках. Реклама в социалках</a>".</div>
</div>
Unknownnoreply@blogger.com6