23 дек. 2012 г.

swf

 Photo Slideshow Maker.

По сути, после моих опытов с подключением jQuery к Blogspot, для функционирования фото-галереи, эта презентация, выполненная в Photo Slideshow Maker, как и предыдущий мой эксперимент с iSpring, открывается лишь в новом окне, а ни как, к сожалению, не на самом блоге.
Проводится активный поиск доступных решений, а пока..
Загружаю полученный .swf файл в директорию своего Google-сайта, а затем копирую и вставляю ссылку в пост, чтобы показать это слайд-шоу своим читателям.



А это .swf отконвертированный в .wmv


15 дек. 2012 г.

Как вставить HTML5-презентацию на сайт или в блог


а) Воспроизведение в отдельном окне
Это самый простой способ.
 Просто разместите в тексте страницы сайта ссылку на презентацию.
Вы можете это сделать с помощью визуального редактора или в режиме редактирования HTML-кода страницы.
Во втором случае, необходимо разместить подобный код:
Вы можете выбрать, в каком окне браузера открывать ссылку — в том же (target=”_blank”)
или в новом
 (target=”_self”).


Эксперимент удался, загрузив HTML-файл на Google-сайт и скопировав его ссылку на страницу сообщения, вы можете с помощью программы iSpring, просмотреть презентацию созданную в PowerPoint.


Удостоверился, что редактор страниц на этом блоге поддерживает вставку JavaScript-кода.
Так даже интереснее.
Используйте следующий код для создания всплывающего окна:


И следующим будет IFRAME позволяющий показывать содержимое одной страницы в другой.
С фреймом, как вы уже заметили, эксперимент не удался, жаль конечно, но и этих, имеющихся возможностей, для меня на данный момент вполне достаточно.

31 окт. 2012 г.

CSS

buxip.blogspot.ru - является моим самым ранним, успевшим даже побывать одиннадцать месяцев в заморозке, блогом.
 Этот блог, как и два его собрата, отнесен мной к разряду моих экспериментальных веб-страниц.
Поэтому нечто, может показаться слишком.
На этот раз, обкатываются Стили, задача которых заключается в отображении текстового содержимого, при наведении на картинку курсора мыши.
Пока, все проходит великолепно.


ƾ наводим курсор ƾ
ЗДЕСЬ ПРОПИСЫВАЕТСЯ ЗАГОЛОВОК ЗАГЛАВНЫМИ БУКВАМИ !!!!!!!!! Здесь можно поместить ссылку
Можно и так добавить подпись

Для тех, кто захочет повторить эти манипуляции, прошу учесть, что автор сих строк, за происходящее далее, снимает с себя любую ответственность.
Загрузите вашу картинку в тело сообщения, и получите её адрес, который нужно будет вставить в эту html-конструкцию (адрес выделен синим цветом).
<div class="arch">
<img border="0" height="320" src="http://2.bp.blogspot.com/-F9w548ot8HQ/UJFHiXfYCcI/AAAAAAAABnY/TvWtcFBXUUI/s320/$$$.jpg" width="227" title="" />
    <br />
<div class="more">
ƾ наведи курсор ƾ</div>
<div class="desc">
<strong>ЗДЕСЬ ПРОПИСЫВАЕТСЯ ЗАГОЛОВОК возможно  ПРОПИСНЫМИ или ДАЖЕ ЗАГЛАВНЫМИ БУКВАМИ !!!!!!!!!</strong>
 Здесь можно поместить ссылку</div>
</div>
Сами стили, достаточно скопировать и поместить сюда.
Шаблон - Настроить - Дополнительно - Add CSS
Только без контейнера, он нужен, если вы пропишете код в страницу, но это будет не совсем, мягко выражаясь - мудро.
Убираем контейнер <style type="text/css">все что внутри оставляем неизменно</style>.


.arch {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.arch:hover {cursor: pointer;}
.arch img {
  background-color: #164973;
  border: none;
  margin: 0;
  padding: 7px;
}
.arch .more {
  background-color: #123;
  color: #FFF;
  font-size: 14px;
  padding: 5px 10px;
  filter:alpha(opacity=50);
  opacity:.50;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  position: absolute;
  right: 10px; bottom: 10px;
}
.arch:hover .more {display: none;}
.arch .desc {display: none;}
.arch:hover .desc {
  background-color:#345;
  display: block;
  margin: 0;
  color: #FFF;
  font-size: 12px;
  padding: 10px;
  filter:alpha(opacity=80);
  opacity:.80;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
  position: absolute;
  bottom: 10px; left: 10px; right: 10px;
}
.arch:hover .desc strong {
  display: block;
  font-size: 14px;
  line-height: 1em;
}

Про оптимизацию изображений, можно узнать из свежего поста на другом блоге здесь wmdv

8 авг. 2012 г.

Установить шрифты в Windows 8.

Установка шрифтов в Windows 8.

Чтобы установить понравившиеся вам шрифты в восьмерку, нужно, предварительно скачать их - download, например с dafont.com.

Загрузка шрифтов с dafont_com

Затем - Открыть скачанную папку и выбрав в ней .ttf-файл двойным щелчком его открыть.

Установка файла шрифта ttf

Заметьте, что для разархивации в восьмерке, не нужна дополнительная программа, такая как winrar или 7zip.
Затем, вам потребуются права администратора и щелчок по кнопке Установить.

12 июн. 2012 г.

LiveJournal news.



 Если у вас ещё нет своей страницы в LiveJournal или сокращенно ЖЖ, то самое время ей появиться.
О некоторых новостях сервиса.
 В скором времени заработает программа монетизации, которая не будет зависеть от сторонних сервисов, таких как Google Adsense.
 Любой пользователь может приобрести в Магазине LiveJournal любое не занятое доменное имя третьего уровня на жж.рф, с максимальной длиной до 35 символов, или даже несколько доменных имен и связать их с одним аккаунтом.
Цена одного доменного имени - 1000 жетонов или условно $10, в случае удаления вами домена, эта стоимость, как вы понимаете, не возвращается.

 Совсем скоро, всем пользователям улучшенных, платных и постоянных аккаунтов, станет доступен новый фотохостинг.
 Существующий сейчас Scrapbook довольно сложен для пользователей.
 Например, в него невозможно загрузить больше одного изображения, а в новом фотоальбоме,
изображения можно будет добавлять прямо в запись, за несколько секунд загружается несколько
изображений, а для более быстрой загрузки, рекомендуется скачивать клиент.
После загрузки картинок, вы можете добавить названия и описания, настроить уровни приватности и выбрать, в какой из альбомов их добавить.
 Объем места для хранения ваших альбомов, будет зависить от типа аккаунта:
Улучшенные аккаунты: 1024 Мб (1 Гб).
Платные аккаунты: 2048 Мб (2 Гб) или 10 Гб при покупке дополнительного места.
Постоянные аккаунты: 15360 Мб (15 Гб).

Кстати, это новая страница сообщества под названием PROдвижение, оцените: http://arc4.livejournal.com/

13 апр. 2012 г.

Примеры интеграции Loginza в форму авторизации сайта

 Ознакомьтесь с различными вариантами (шаблонами) интеграции виджета Loginza в WEB интерфейс авторизации Вашего сайта.
Эти варианты, всего лишь демонстрируют некоторые шаблоны форм авторизации сайтов с использованием виджета Loginza.
Демонстрация возможности встраиваниявиджета Loginza прямо на страницу авторизации Вашего сайта через блок iframe.
 Данный вариант удобно использовать на странице где расположена Ваша главная форма авторизации.

Спаренная форма авторизации


виджет авторизации Loginza

<script src="http://loginza.ru/js/widget.js" type="text/javascript"></script>
<iframe src="http://loginza.ru/api/widget?overlay=loginza&token_url=http://[RETURN_URL]"
style="width:359px;height:300px;" scrolling="no" frameborder="no"></iframe>

Замените [RETURN_URL] на адрес обратной ссылки на Ваш сайт, куда будет возвращен пользователь после авторизации.

Кнопка виджета Loginza


Кнопка виджета Loginza


Можно использовать кнопку LoginzaКнопка Loginza на любой странице или в любом блоке сайта. Ниже, как пример, представлен блок авторизации сайта с кнопкой Loginza:


<script src="http://loginza.ru/js/widget.js" type="text/javascript"></script>
<a href="http://loginza.ru/api/widget?token_url=http://[RETURN_URL]" class="loginza">
    <img src="http://loginza.ru/img/sign_in_button_gray.gif" alt="Войти через loginza"/>
</a>

Набор иконок провайдера.


Комментарий Loginza
Вы можете заменить картинки иконок провайдеров на другие варианты иконок.
Замените [RETURN_URL] на адрес обратной ссылки на Ваш сайт, куда будет возвращен пользователь после авторизации.



<script src="http://loginza.ru/js/widget.js" type="text/javascript"></script>
Также Вы можете войти используя:
<a href="https://loginza.ru/api/widget?token_url=http://[RETURN_URL]" class="loginza">
    <img src="http://loginza.ru/img/providers/yandex.png" alt="Yandex" title="Yandex">
    <img src="http://loginza.ru/img/providers/google.png" alt="Google" title="Google Accounts">
    <img src="http://loginza.ru/img/providers/vkontakte.png" alt="Вконтакте" title="Вконтакте">
    <img src="http://loginza.ru/img/providers/mailru.png" alt="Mail.ru" title="Mail.ru">
    <img src="http://loginza.ru/img/providers/twitter.png" alt="Twitter" title="Twitter">
    <img src="http://loginza.ru/img/providers/loginza.png" alt="Loginza" title="Loginza">
    <img src="http://loginza.ru/img/providers/myopenid.png" alt="MyOpenID" title="MyOpenID">
    <img src="http://loginza.ru/img/providers/openid.png" alt="OpenID" title="OpenID">
    <img src="http://loginza.ru/img/providers/webmoney.png" alt="WebMoney" title="WebMoney">
</a>

14 февр. 2012 г.

Вставляем кнопки AddThis в Blogger

Привет друзья и читатели блога buxip.blogspot.ru.
Последний пост написанный мною здесь датируется 15 ноября 2011 года, почти два месяца, как блог не обновлялся.
Сегодня я заменил стандартные кнопки социальных сетей на более функциональные от AddThis.
Вернее сказать они здесь уже были, но только не в шаблоне, а в виджете.
И вот виджет я удалил, а код переместил в шаблон, не значительное изменение, но уже не плохой повод об этом рассказать.
Сделал я это ещё и потому, что в комплектации виджета отсутствует кнопка Google+, а в ручную добавить код именно этой кнопки, не представляется сложным.
Вот этот код для кнопки Google+:
<a class='addthis_button_google_plusone'/>

Всем эти кнопки хороши, вот только кнопки Яндекса нет, и РуТвит скрипт, пришлось добавлять отдельно.
Наверное будет интересно посмотреть на весь код и узнать что к чему?
Итак код и пояснение:
<script src="http://rutvit.ru/js/share.js" type="text/javascript"/>
 <!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '   >
 <a class='addthis_button_preferred_1'/>
<a class='addthis_button_preferred_2'/>
 <a class='addthis_button_preferred_3'/>
 <a class='addthis_button_preferred_4'/>
 <a class='addthis_button_google_plusone'/>
 <a class='addthis_button_compact'/>
  <a class='addthis_counter addthis_bubble_style'/>
   </div>
   <script src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e97f28a510df898" type="text/javascript"/>

         <!-- AddThis Button END -->
Скрипт выделенный у меня оранжевым, принадлежит РуТвиту, который я вставил перед блоком кнопок, вы можете его не копировать если он вам не подходит по каким либо соображениям.
Далее, уже сам блок кнопок, зеленым у меня toolbox addthis_default_style задает значение самого наименьшего формата кнопок.
Если хотите крупнее, то значение будет другим.
Далее розовым или маджентой, у кого как отобразится этот цвет, button_preferred_4 количество отображаемых кнопок.
То есть, если вы хотите что бы отображалось например три кнопки, значит нужно удалить четвертую строку, если наоборот хотите добавить пять или более, то для каждой добавьте значение, например:
  <a class='addthis_button_preferred_5'/>
Далее синим цветом обозначен код для кнопки Google+ и ещё, красным pubid=xa-4e97f28a510df898 ваш идентификатор который вам будет присвоен после регистрации вашего сайта в AddThis.
Чуть не забыл самого главного, в какое место шаблона вставлять.
Сохранив предварительно имеющийся шаблон, и установив галочку на Расширить шаблоны виджета.
Ищем это место:
<b:includable id='shareButtons' var='post'>

  <b:if cond='data:top.showEmailButton'>
<a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if>
 EmailButton, это кнопка с почтовым конвертом, она конечно есть в блоке, но я не стал её удалять, вы же спокойно можете это сделать если захотите.
 Далее удаляем содержимое со всем имеющимся кодом до этого места:


</b:includable>
<b:includable id='threaded_comment_js' var='post'>
И в освободившееся пространство вставляем наш код.
 Жмем на оранжевую кнопку Сохранить шаблон и любуемся новыми кнопками.