PerPageHtml WIdgets

iOS Support iModding Hand Made

PerPageHtml WIdgets

Что есть PerPageHtml
PerPageHtml - небольшой, но, по сути, революционный твик, позволяющий свободно устанавливать виджеты на любую страницу спрингборда, включая SpotLight, и при этом не зависеть от WinterBoard'a. В PerPageHtml+ появилась возможность размещать несколько виджетов на одну страницу, а также поддержка интерактивных виджетов. Демонстрация возможностей: http://www.youtube.com/watch?v=Q0Fvo0asV-A&feature=player_embedded#at=88 Забрать можно в репозитории ModMyi Известные конфликты: Barrell, Winterboard темы с html и джампами.

Что есть PerPageHtml

PerPageHtml - небольшой, но, по сути, революционный твик, позволяющий свободно устанавливать виджеты на любую страницу спрингборда, включая SpotLight, и при этом не зависеть от WinterBoard'a.
В PerPageHtml+ появилась возможность размещать несколько виджетов на одну страницу, а также поддержка интерактивных виджетов.
Демонстрация возможностей:
http://www.youtube.com/watch?v=Q0Fvo0asV-A&feature=player_embedded#at=88
Забрать можно в репозитории ModMyi

Известные конфликты: Barrell, Winterboard темы с html и джампами.

PerPageHtml не работает с локскрином!

Почти FAQ
Все виджеты хранятся в папке private/var/mobile/Library/PerPageHTML О комбинировании виджетов: с появлением PerPageHtml+ вопрос отпал сам собой. Сразу предвосхищая будущие вопросы: - Чистый лист спрингборда (вобще без значков) делается программой iBlank, создаем сколько вам надо прозрачных иконок и бросаем их по одной на страницу (не забываем убрать тень из под иконок); - Произвольное размещение иконок приложений по спрингборду - программа GridLock, или можно опять же из iBlank забить прозрачными иконками.

Почти FAQ

Все виджеты хранятся в папке private/var/mobile/Library/PerPageHTML

О комбинировании виджетов:
с появлением PerPageHtml+ вопрос отпал сам собой.

Сразу предвосхищая будущие вопросы:
- Чистый лист спрингборда (вобще без значков) делается программой iBlank, создаем сколько вам надо прозрачных иконок и бросаем их по одной на страницу (не забываем убрать тень из под иконок);
- Произвольное размещение иконок приложений по спрингборду - программа GridLock, или можно опять же из iBlank забить прозрачными иконками.

Так как виджеты потихоньку стали накапливаться, решил вынести список в отдельную тему.
Все виджеты проверены, отдельное спасибо vmarcin, airnave и всем, кто помогает развиваться данному направлению)
По мере пополнения сообщение будет обновляться.

В нашем репо
На данный момент в нашем репо (раздел Mods)присутствуют: Blink Widget CalendarRus Widget Facebook Widget HTC Wiggets (2 варианта погоды) RSS Widget Twitter Widget Wallpaper Widget

Часы+погода

iDrone
Отличный стильный виджет с часами, погодой и удобной настройкой Настраиваем при помощи файлов configureMe.js и moveMe.css. Скачать

HTC
Виджет погода+часы от HTC. Настраиваем при помощи configureMe.js Версия HTC+: обновление по нажатию, автообновление раз в 3 часа. Скачать Скачать HTC+

NFR

Стильно, компактно, с погодой.
Настраивается в Widget.html:

var locale = "[COLOR=Red]RSXX0063[/COLOR]"

заменяете на код нужного города.
код брать здесь.

Скачать

Rss

Две версии - на один и на два ряда.

Для изменения подписки в Widget.html находите

cssfeed.addFeed("[COLOR=Red]BBC[/COLOR]", "[COLOR=Red]http://feeds.bbci.co.uk/news/rss.xml[/COLOR]")
cssfeed.addFeed("[COLOR=Red]iguides.ru[/COLOR]", "[COLOR=Red]http://www.iguides.ru/forum/external.php?type=RSS2[/COLOR]")

и заменяете выделенное на нужное (где iguides, BBC - название канала, ссылки - рсс, соответственно)

Также, можно настроить под себя:

cssfeed.filterfeed([COLOR=Red]20[/COLOR], "date") //Show 20 entries, sort by date
cssfeed.entries_per_page([COLOR=Red]4[/COLOR])

где 20 - количество загружаемых записей, 4 - количество отображаемых на экране записей

Скачать версию для одного ряда
Скачать версию для двух рядов

Twitter

1. Идете в свой твиттер, где создаете лист со всеми, кого вы хотите читать в своем виджете
2. Скачиваете виджет
3. В соответствии со скриншотом, меняете данные:

  interval: [COLOR=Red]6000[/COLOR],
 [COLOR=Blue] title[/COLOR]: '[COLOR=Red]Все? Ничто.[/COLOR]',
  [COLOR=Blue]subject[/COLOR]: '[COLOR=Red]Kitsume[/COLOR]',
  width: 300,
  height: 260,
  theme: {
    shell: {
      background: '[COLOR=Red]#4f4f4f[/COLOR]',
      color: '[COLOR=Red]#6aff00[/COLOR]'
    },
    tweets: {
      background: '[COLOR=Red]#737373[/COLOR]',
      color: '[COLOR=Red]#ffffff[/COLOR]',
      links: '[COLOR=Red]#8cff00[/COLOR]'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'all'
  }
}).render().setList('[COLOR=Red]twitter[/COLOR]', '[COLOR=Red]freedom-of-expression[/COLOR]').start

interval - время обновления (6000 = 60 секунд)
shell background - цвет оболочки
shell color - цвет title и subject
tweets background - цвет фона записей
tweets color - цвет текста
tweets links - цвет ссылок
Вместо twitter - ваше имя пользователя, вместо freedom-of-expression - имя вашего листа.

Скачать

Facebook

RSS-читалка для фейсбука.

1. Идете сюда, разрешаете доступ, получаете код, вводите, получаете rss-ссылку.
2. Widget.html, меняете:

<h1 id="name">[COLOR=Red]Ваше имя[/COLOR]</h1>
<div id="fb"><img src="fb.png" height="30" width="30"></div>

<div id="feed">
,<!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="[COLOR=Red]rss-ссылка[/COLOR]";
rssmikle_frame_width="295";

Скачать

Календарь
Просто, со вкусом. Занимает 2 ряда. Скачать

Панорамы

Обрезаем нужную картинку до 460х320n (920x640n), где n - желаемое количество страниц.
Разрезаем на точные куски нужного формата, закидываем в разные папки, ставим на разные страницы - вуаля, панорамные обои без швов.
Пример:

Как это выглядит:
http://www.youtube.com/watch?v=WCywb5GtSMI

Панорамы
Архив распаковываете в папку с виджетами, затем на каждую страницу последовательно ставите виджет в соответствии с номером Скачать Скачать Скачать Скачать Скачать Скачать Скачать

Автоматическая смена обоев на любой странице

Превью с 10секундным интервалом:
http://www.youtube.com/watch?v=LukdNGGHqsI

В комплекте 136 обоев, интервал смены - 30 секунд.
Для изменения интервала, находим

 setTimeout(fade, interval * [COLOR=Red]30[/COLOR]00);

и заменяем на нужный (10 сек = 1000, 1 минута = 6000 и т.д.)

Владельцам четвертого поколения

body {
    background-color: transparent;
    height: [COLOR=Red]480[/COLOR]px;
    width: [COLOR=Red]320[/COLOR]px;
}

img {
       position: absolute; top: [COLOR=Red]-20[/COLOR]px; right: 0px; down: 0px; left: 0px; width:[COLOR=Red] 320[/COLOR]px; height: [COLOR=Red]480[/COLOR]px;

        height:[COLOR=Red]480[/COLOR];
        width:[COLOR=Red]320[/COLOR];
        opacity: 0.0;
}

меняеете соответственно на:

body {
    background-color: transparent;
    height: [COLOR=Red]960[/COLOR]px;
    width: [COLOR=Red]640[/COLOR]px;
}

img {
       position: absolute; top: [COLOR=Red]-40[/COLOR]px; right: 0px; down: 0px; left: 0px; width: [COLOR=Red]640[/COLOR]px; height: [COLOR=Red]960[/COLOR]px;

        height:[COLOR=Red]960[/COLOR];
        width:[COLOR=Red]640[/COLOR];
        opacity: 0.0;
}

Ну, и картинки уж вам придется самим подбирать - извиняйте)

Тем, кто хочет добавить/заменить на свои обои

Если вы хотите всего пару обоин - вам проще будет задать список вручную, просто открываете Widget.html и заменяете список на свой (обои, соответственно, заливаете в Images)

var images = [  
"Wp (1).jpg",
"Wp (10).jpg",
"Wp (100).jpg",
"Wp (101).jpg",
];

Если же у вас список объемом не меньше моего, вот инструкция для вас:

Скрытый текст

1. Закидываем все обои (одного формата - либо все jpg, либо все png и т.д.) в папку Images, выделяем все и переименовываем.
Получаем файлы с одинаковым именем под разными номерами

2. Папку Images перетаскиваем на listMe.bat, открывается блокнот со списком картинок

3. Делаем замену №1: перед именем файла добавляем "
Заменяем все

4. Делаем замену №2: после расширения добавляем ",
Заменяем все

5. Получаем список нужного формата

6. Вставляем полученный список между квадратными скобками, заменяя имеющийся

var images = [  
];

Скачать

Вариации часов

Убрать часы из статус бара поможет CleanStatus, забирать в репо ModMyi

Blink
Небольшие стильные часы + дата + день недели Скачать

TypophoneRus
Небольшие стильные часы + дата + день недели Скачать

SimpleScreen
Небольшие стильные часы + дата + день недели для светлых фонов Скачать

NixieTubeClock
Газоразрядные часы. Опасны для батареи, т.к. обновляются каждые полсекунды, сделано для анимации Скачать

Панель звонков
http://www.youtube.com/watch?v=58ioyzegsI8 1. Определяемся сколько нам нужно контактов на листе и как мы их располагаем. К примеру, 1х4, вертикально, слева. 2. Создаем с помощью FaceCall (найти можно здесь) ссылки на нужные контакты. 3. Рисуем в маску для панельки звонков нужной вам формы, и с помощью PerPageHTML помещаем её на нужную страницу (см. раздел Обои). Примеры панелек (кликаем, сохраняем):

Панель звонков

http://www.youtube.com/watch?v=58ioyzegsI8

1. Определяемся сколько нам нужно контактов на листе и как мы их располагаем. К примеру, 1х4, вертикально, слева.
2. Создаем с помощью FaceCall (найти можно здесь) ссылки на нужные контакты.
3. Рисуем в маску для панельки звонков нужной вам формы, и с помощью PerPageHTML помещаем её на нужную страницу (см. раздел Обои).

Примеры панелек (кликаем, сохраняем):

Countdown

Программа, отсчитывающая время до определенной даты.

Изменяем:

dateFuture1 = new Date([COLOR=Red]2012,11,21,12,21,00[/COLOR]);

Где:
2012 - год
11 - месяц (в js отсчет идет с 0, поэтому 11 - декабрm, 0 - январь и т.д.)
21 - число
12 - часы
21 - минуты
00 - секунды

<h1 id="name">[COLOR=Red]До конца света осталось:[/COLOR]</h1>

Если меняете на русскую надпись, то кодировка UTF-8

Скачать

Magic8Ball
Знаменитый шар, наверняка известный всем по фильму «Трасса 60». Имеет классические 20 вариантов ответа. Скачать

Раздел: iOS Support Автор: Kitsume

12 февраля 2011, 01:17

PerPageHtml WIdgets

Ответы

Популярное

Популярное

Читайте также