prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

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

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


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


Сделал недавно шаблон для мобильной версии сайта. Он немного не доработан, но и в таком виде полностью готов к работе. Есть 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. строго не судите, первая работа.


Внимание! У вас нет прав для просмотра скрытого текста.


-1
Просмотры: 6208 VIP ProWebber | Комментарии (23)
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1tapar

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

0

#2alexteen

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

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

-1

#3Julius

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

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

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

0

#4alexteen

  • 7 июля 2011 17:42
  • Регистрация: 2.01.2011
  • ICQ: --
  • Комментариев: 55
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>


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

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

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

-1

#5Julius

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

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

0

#6alexteen

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

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

-1

#7Julius

  • 7 июля 2011 17:49
  • Регистрация: 1.01.2011
  • ICQ: 622368858
  • Комментариев: 171
alexteen,
Спс, огромное=)))

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

0

#8Julius

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

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

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

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

0

#9Denisios

  • 7 июля 2011 19:27
  • Регистрация: 2.07.2011
  • ICQ: --
  • Комментариев: 68
А что за программа на видео?

0

#10alexteen

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

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

-1

#11shelehovec

  • 7 июля 2011 20:17
  • Регистрация: 30.04.2010
  • ICQ: --
  • Комментариев: 65
Спасибо. то что нужно и бесплатно.

0

#12yackers

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

0

#13REVES

  • 8 июля 2011 00:49
  • Регистрация: 24.04.2010
  • ICQ: --
  • Комментариев: 44
Красивые тона) smile

0

#14episode

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

0

#15shelehovec

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

0

#16alexteen

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

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

-1

#17Julius

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

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

0

#18alexteen

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

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

-1

#19Julius

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

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

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

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

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

0

#20reset86

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

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

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

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

Ваши переписки