понедельник, 18 апреля 2011 г.

Условное форматирование изображений в Blogger


......
.h40 {
height: 40px;

]]></b:skin>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.h40 {
height: 150px;
} </style>
</b:if>

На главной странице картинка поста не должна быть большой, а вот на отдельной странице ее можно развернуть во всю ширь, вернее "высь". Для этого можно задать несколько новых классов, допустим h0 h40 h200 h400 и переприсвоить их в шаблоне Blogger в зависимости от вида страницы. Если присваивать изображению сразу два класса (клик по картинке), то можно менять не только размер, но и выравнивание, например... вот вставка в шаблон ("мой" одна колонка) дополнительного класса .h40 и условия b:if  
Поскольку оболочка b:skin может быть только одна, то приходится после нее вставлять тег таблицы стилей и переопределять класс. Название класса, кстати, должно начинаться с буквы..., и все надо бы включать в CDATA...
А вот (не очень удачный) пример использования условий в шаблоне блоггер.
Они интересуют нас только как шаблоны кода, поскольку
Blogger с тех пор внедрил сплиттер "Read more".
Как создавать расширяемые краткие описания сообщений?Условные CSS

SDKs & Tools › Tools from Facebook

Building an app on Facebook gives you the opportunity to deeply integrate into the core Facebook experience. Your app can integrate with many aspects of Facebook.com, including the News Feed and Notifications. All of the core Facebook Platform technologies, such as Social Plugins, the Graph API and Platform Dialogs are available to Apps on Facebook.com
Getting Started › Apps on Facebook

Getting stock information with YQL and open data tables

One question that the YQL and Pipes teams get asked is “how can I get stock quotes? There isn’t an API for it on developer.yahoo.com”. Interestingly, while there isn’t a more traditional web service API, Yahoo finance does provide a very nice way to get a lot of well structured information on a given company. For example, here’s Yahoo finance page on Yahoo

Yahoo! Query Language (YQL) platform

The Yahoo! Query Language (YQL) platform enables developers to query, filter, and combine data across the web.
The YQL Web Service enables applications to query, filter, and combine data from different sources across the Internet. Overview

Делаем подкасты - формат iTunes

Это не пошаговая инструкция "на какие кнопки нажимать". Это подробное описание тегов XML- файла от ITunes. В руководстве написано, что для создания подкастов можно использовать большое количество программ. Однако, на полях стоят ссылки на описание программы
GarageBand — это полноценная виртуальная музыкальная студия, позволяющая создавать собственную музыку и делиться своими творениями со всем миром. В GarageBand можно создавать песни, рингтоны, подкасты и другие типы проектов. Справка GarageBand

среда, 13 апреля 2011 г.

Как добавить регулировку цветов (фона, границы, шрифта) в дизайнер шаблонов Blogger

При вставке js меню Sooperfish в "родной" шаблон Блоггера ("Простой", если не путаю) захотелось настроит автоматический подбор цветов (такой же, как и для виджетов). Заодно дошли, наконец, руки до того, чтобы разобраться с тем, как использовать   переменные Blogger для CSS-стилей. Внизу результаты работы. В видео ролике подробности.
<Group description="SfTitle" selector="ul#nav li a ">
<Variable name="SF.text.font" description="Font" type="font"
default="normal bold 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="SF.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(link.color)"/>
</Group>
<Group description="SFishMain" selector="ul#nav li">
<Variable name="SFishM.background.color" description="Background Color" type="color" default="$(widget.background.color)" value="$(widget.background.color)"/>
<Variable name="SFishM.border.color" description="Border Color" type="color" default="$(widget.border.color)" value="$(widget.border.color)"/>
<Variable name="SFishM.border.bevel.color" description="Bevel Color" type="color" default="$(widget.border.bevel.color)" value="$(widget.border.bevel.color)"/>
</Group>

Меню и слайдер от designchemical.com

Горизонтальное, вертикальное меню с раскрывающимися областями ссылок. Предполагаю использзовать на отдельных страницах навигации ("карта сайта"). Кроме того, есть еще "слайсеры" - выезжающие сбоку и снизу окна. Весит все немного...
Папка на сервисе"Народ Яндекс"

вторник, 12 апреля 2011 г.

Как убрать "Read more" из шаблона SE1 (одна колонка)

Попытался найти "Read more" при помощи обычного поиска на странице в Сomodo Dragon (клона Google Chrome). Не тут то было, даже при поиске в расширенном шаблоне броузер ничего не "увидел". Чудеса! Пришлось искать по "showlink" (воспользовавшись FireBug).
Сначала просто закомментировал весь тег "span", опять промашка... на странице исчезли иконки "Share this". Надо было "Read more" вычистить, а тег  оставить...
<span id='showlink'><a expr:href='data:post.url'/>Read more</span>
<span id='showlink'><a expr:href='data:post.url'/></span>