Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE шаблоны » Шаблон мобильной версии сайта

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

Шаблон мобильной версии сайта

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Шаблон мобильной версии сайта.

Сделал недавно шаблон для мобильной версии сайта. Он немного не доработан, но и в таком виде полностью готов к работе. Есть 2 варианта шаблона: синий и чёрный.
Что бы был чёрный, в шаблоне замените data-theme="b" на data-theme="a", синий - оставить data-theme="b".
Синий:
Шаблон мобильной версии сайта

Чёрный:
Шаблон мобильной версии сайта

(Чёрный шрифт на чёрном шаблоне ошибка при создании новости, так он белый).
Устанока:
1) Залейте шаблон в папку с шаблонами/smartphone/
2) В корне сайта создайте файл see_news.php и запишите в него следующие:

<?php
header('Content-type: text/html;charset=utf-8');
$id = $_GET['id'];
$file = file_get_contents('http://novosti.wt9.ru/index.php?newsid='.$id.'&action=mobile');
$file = iconv('windows-1251', 'utf-8', $file);
?>
<!DOCTYPE html>
<html>
    <head>
    <title>jQuery Mobile</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
    <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>

<body>

<div data-role="page">

    <div data-role="header">
        <h1></h1>
    </div><!-- /header -->

    <div data-role="content">
        <p>
         <?php echo $file; ?>
        </p>
    </div><!-- /content -->

    <div data-role="footer">
        <h4>Page Footer</h4>
    </div><!-- /footer-->
</div><!-- /page -->
</body>
</html>

В архиве с шаблоном есть этот файл. Вы можете просто скопировать его.
Всё. Установка на этом завершена.

Небольшой видеообзор шаблона:


P.S. строго не судите, первая работа.


Внимание! У Вас нет прав для просмотра скрытого текста.
Внимание!
Если нужной кодировки шаблона нету в данной новости, воспользуйтесь программой Recoder v2.1.
С ее помощью можно перекодировать файлы шаблона в любую нужную вам кодировку.

Все файлы очищены от скрытых ссылок!
Если в данном материале Вы нашли скрытые ссылки - свяжитесь с администрацией. Мы немедленно очистим файлы и обновим архив!


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


-1
Просмотры: 8 130 :: Комментарии (23) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1tapar

  • 7 июля 2011 15:35
  • Регистрация: 3.02.2011
  • Был(а) онлайн: 30.05.2013
  • Комментариев: 20
  • 0
папка что в архиве smartphone надо в шаблон smartphone залить?

#2alexteen

  • 7 июля 2011 15:37
  • Регистрация: 2.01.2011
  • Был(а) онлайн: 17.09.2020
  • Комментариев: 55
  • -1
Да. Заливаете её содержимое в папку smartphone и заменяете все файлы

--------------------

#3Julius

  • 7 июля 2011 17:30
  • Регистрация: 1.01.2011
  • Был(а) онлайн: 19.06.2016
  • Комментариев: 171
  • 0
Что бы был чёрный, в шаблоне замените data-theme="b" на data-theme="a", синий - оставить data-theme="b".

А в каком файле нужно заменить?

--------------------

#4alexteen

  • 7 июля 2011 17:42
  • Регистрация: 2.01.2011
  • Был(а) онлайн: 17.09.2020
  • Комментариев: 55
  • -1
main.tpl и see_news.php. Там замените в блоках
<div data-role="header" data-theme="a">
<h1>Smartphone theme</h1>
</div>

<div data-role="content" data-theme="a">
...
</div>

<div data-role="footer" data-theme="a">
<h4>Page Footer</h4>
</div>


И ссылки если есть где поменяйте на свои

Будут проблемы с шаблоном - обращайтесь

--------------------

#5Julius

  • 7 июля 2011 17:46
  • Регистрация: 1.01.2011
  • Был(а) онлайн: 19.06.2016
  • Комментариев: 171
  • 0
alexteen,
А можеш сделать еще что б зелененький был, очень надо)))

--------------------

#6alexteen

  • 7 июля 2011 17:46
  • Регистрация: 2.01.2011
  • Был(а) онлайн: 17.09.2020
  • Комментариев: 55
  • -1
Я делал его на jquery mobile. Посмотрю вечером, может сделаю

--------------------

#7Julius

  • 7 июля 2011 17:49
  • Регистрация: 1.01.2011
  • Был(а) онлайн: 19.06.2016
  • Комментариев: 171
  • 0
alexteen,
Спс, огромное=)))

--------------------

#8Julius

  • 7 июля 2011 18:15
  • Регистрация: 1.01.2011
  • Был(а) онлайн: 19.06.2016
  • Комментариев: 171
  • 0
Протестил и вот недоработки:
1. Изображения не уменьшаются под разрешение екрана (и это очень некрасиво выглядит)

2. Какой то глюк: когда ты залогинился, то панель пользователя выводится 2 раза

3. Удобней было бы сделать что бы можно было нажимать на название новости, вместо того что бы постоянно искать это "подробнее"

--------------------

#9Denisios

  • 7 июля 2011 19:27
  • Регистрация: 2.07.2011
  • Был(а) онлайн: 17.02.2013
  • Комментариев: 68
  • 0
А что за программа на видео?

#10alexteen

  • 7 июля 2011 19:36
  • Регистрация: 2.01.2011
  • Был(а) онлайн: 17.09.2020
  • Комментариев: 55
  • -1
Эмулятор Android'a. Вместе с его SDK идёт

--------------------

#11shelehovec

  • 7 июля 2011 20:17
  • Регистрация: 30.04.2010
  • Был(а) онлайн: 19.07.2019
  • Комментариев: 65
  • 0
Спасибо. то что нужно и бесплатно.

#12yackers

  • 7 июля 2011 21:02
  • Регистрация: 14.09.2010
  • Был(а) онлайн: 10.01.2024
  • Комментариев: 16
  • 0
Идея очень хорошая реализовал такое для своего сайта этак пол года назад, нужно вникать в jquery mobile но там не трудно, но скажу сразу чтоб шаблончик для мобилок заработал полноценно и шикарно на jquery mobile пришлось править кучу файлов движка - модулей в основном особенно ссылки (переход по ним) через if else.
даже пришлось переписать полностью систему ПМ под енту штуку :)

#13REVES

  • 8 июля 2011 00:49
  • Регистрация: 24.04.2010
  • Был(а) онлайн: 4.11.2019
  • Комментариев: 43
  • 0
Красивые тона) smile

#14episode

  • 8 июля 2011 03:53
  • Регистрация: 29.05.2010
  • Был(а) онлайн: 3.10.2013
  • Комментариев: 47
  • 0
Красивенький шаблон, приятная цветовая гамма. 5+

#15shelehovec

  • 8 июля 2011 14:10
  • Регистрация: 30.04.2010
  • Был(а) онлайн: 19.07.2019
  • Комментариев: 65
  • 0
http://shelehov.biz/index.php?action=mobile#/pogoda автор не поможешь? без этого я никак..

#16alexteen

  • 8 июля 2011 16:04
  • Регистрация: 2.01.2011
  • Был(а) онлайн: 17.09.2020
  • Комментариев: 55
  • -1
shelehovec,
Добавь меня в аське: 376468203

--------------------

#17Julius

  • 8 июля 2011 16:04
  • Регистрация: 1.01.2011
  • Был(а) онлайн: 19.06.2016
  • Комментариев: 171
  • 0
Исправь глюк, что б изображения подстраивались под разрешение экрана...

--------------------

#18alexteen

  • 8 июля 2011 20:39
  • Регистрация: 2.01.2011
  • Был(а) онлайн: 17.09.2020
  • Комментариев: 55
  • -1
Только что смотрел в 2 эмуляторах - всё нормально, изображения уменьшаються

--------------------

#19Julius

  • 9 июля 2011 09:32
  • Регистрация: 1.01.2011
  • Был(а) онлайн: 19.06.2016
  • Комментариев: 171
  • 0
Да я уже почти все глюки по исправлял!!! Только вот еще 2 осталось, которые я не могу исправить:

1. С формой входа: на главной ты авторизовался, а перейдя в какуе то новость опять появляется форма входа

2. С постраничной навигацией: в Opera Mini когда например переходиш в на 10 страницу, а потом нажимаеш на новость, то в новость не заходить, апросто белый экран...

Никак не могу найти в чем проблема!!!
Второй глюк только в Opera Mini и Firefox, а в Хроме все работает...

--------------------

#20reset86

  • 29 июля 2011 15:27
  • Регистрация: 23.10.2010
  • Был(а) онлайн: 29.06.2020
  • Комментариев: 105
  • 0
Неужели сам некто не допёр самому сделать, я для DLE ещё пол года назад сделал, презентация на yotube _http://www.youtube.com/watch?v=JRuMoBzl9LY
Если кому надо, выложу шаб.

--------------------

1 2
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Архив новостей
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)
Июнь 2024 (30)

Последние комментарии: