Единый форум поддержки

Finka

В этой теме обсуждаем мобильную версию форумов. Основная тема: Мобильная версия форума

Возможно ли это в скором будущем?

Или подключение форумов к системам Tapatalk и Forum Runner для iOS?
http://itunes.apple.com/us/app/forum-ru … 27234?mt=8

Или создание собственного приложения (конвертера форумов), куда за деньги можно будет внести свой форум в каталог? Думаю, многие бы покупали этот апп. Время домашнего интернета уходит, юзеры становятся всё более мобильными.

Отредактировано Finka (Вт, 19 Июн 2012 07:01:29)

0

Finka

Упс. Не в тот раздел запостила. Модераторы, перенесите тему, пожалуйста >>>Ссылка

Отредактировано Finka (Вт, 19 Июн 2012 07:51:42)

0

rps

Finka написал(а):

Мобильная версия форумов

Если я ничего не путаю, можно реализовать облегчённую версию форума через CSS Media Types.

0

Deff

rps написал(а):

Если я ничего не путаю, можно реализовать облегчённую версию форума через

Да, Герда уже делала

0

Finka

rps написал(а):

Если я ничего не путаю, можно реализовать облегчённую версию форума через CSS Media Types.

А какой type указать для мобильных приложений из перечисленного?

all Все типы. Это значение используется по умолчанию.
aural Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда, например, можно отнести речевые браузеры.
braille Устройства, основанные на системе Брайля, которые предназначены для слепых людей.
handheld Наладонные компьютеры и аналогичные им аппараты.
print Печатающие устройства вроде принтера.
projection Проектор.
screen Экран монитора.
tv Телевизор.

handheld?

то есть нужно сделать так?

Код:

@media handheld
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }

А вставлять куда?

0

Finka

Deff написал(а):

Да, Герда уже делала

а где найти можно?

0

Finka

Просмотрела форум Герды, да, офигенно получилось! :cool: :cool: :cool:
Особенно понравились вертикальные и горизонтальные версии, в одной из-за размеров аватарки не показываются, только ник, а в другой показываются. Я так понимаю это зависит от выставленных размеров разрешения?

А Герда поделится секретом? Я в этом совсем плохо разбираюсь, а мобильная версия необходима. У меня юзеры с работы вынуждены сидеть на форуме с мобилок, с компов доступ перекрыт

0

rps

Deff написал(а):

Да, Герда уже делала

Эта идея уже давно здесь крутится, я вчера специально консультировался по этому вопросу - плохо определяются мобильные телефоны старых моделей. Все новые устройства - без проблем, а вот если кто со старого зайдёт - могут возникнуть проблемы.

0

Finka

Нужно подправить пару вещей.
Например, вот здесь сайдбар при сжимании отправляется вниз. Как мне сделать это со своим сайдбаром? http://vsemilye.rolebb.com/

Отредактировано Finka (Чт, 16 Авг 2012 06:07:14)

0

Deff

Finka
Он тогда должон быть прописан не таблицей, а <div c float:right
Очевидно нужно его, при таком раскладе, впихивать скриптом после #pun-main

Отредактировано Deff (Чт, 21 Июн 2012 03:10:56)

0

Finka

Deff

Код:

<div id=Inf_block_Right style="display:none">
<h2>Чат Кукубикл</h2>
 <center><a href="http://cucubicle.chatovod.ru/widget/" target="_blank"><img style="" src="http://forumupload.ru/uploads/000f/59/02/341-2.png"title="Чат Кукубикл" alt="" /></a><br>В чате сейчас:<br><br>

<script type="text/javascript" language="JavaScript" src="http://api.chatovod.ru/call?chatname=cucubicle&method=getOnlineUsersByChat&retvar=onlineUsers"></script>
<script type="text/javascript" language="JavaScript">
  for(var i=0;i<onlineUsers.length;i++) {
    if (i != 0) document.write(", ");
    var u = onlineUsers[i];
    document.write(u.nick.replace(/&/gi, "&amp;").replace(/</gi, "&lt;").replace(/>/gi, "&gt;"));
  }
</script> </center><br>

  <h2>Сыыыр!</h2>
    <center><a href="http://ruseller.com/adds/adds1993/example/" target="_blank"><img style="" src="uploads/000f/14/29/13414-1.png" alt="" /></a><br><br>Сделай фотографию на лету и помести её в <a href="http://vsemilye.rolebb.com/viewtopic.php?id=112#p819" target="_blank">Фотосалоне</a><br><br></center>
</div>



</div>

    <script type="text/javascript">
    var L=$("#Inf_block_Left").html();$("#Inf_block_Left").replaceWith("");
    var R=$("#Inf_block_Right").html();$("#Inf_block_Right").replaceWith("");
    if($(".punbb").attr("id")=="pun-index"){

      var LeftSUM='', RightSUM='',block1='<div class="container" style="padding:5px;" id=News_';
      var block2="</div><br><br>";
    if(L!=null){ var c = L.split(/<h2>|<\/h2>/igm);
    for(i=1; i<c.length; i+=2){
    LeftSUM+=block1+'L'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
    }LeftSUM='<td id=LeftNews width=21% valign=top>'+LeftSUM+'</td>';/*alert(LeftSUM);*/}
    if(R!=null){ var c = R.split(/<h2>|<\/h2>/igm);
    for(i=1; i<c.length; i+=2){
    RightSUM+=block1+'R'+(i+1)/2+' >'+'<h2><center>'+c[i]+'</center></h2>'+c[i+1]+block2;
    }RightSUM='<td id=RightNews width=15% valign=top>'+RightSUM+'</td>';/*alert(RightSUM);*/}

      if(LeftSUM!='' || RightSUM!=''){ $("#pun-main").html('<table width=100% id="NEWS"><tr>'+LeftSUM+'<td>'+$("#pun-main").html()+'</td>'+RightSUM+'</tr></table>'); };}
    </script>

Что мне тут нужно изменить? :smoke:

0

Герда

Finka
тут можно подробнее посмотреть о MQ - http://habrahabr.ru/post/119127/

схема такая:

@media screen and (max-width: 480px) {
тут коды css под мобильный дисплей
}

красное - ширина экранчика
например....
было:

#pun {
border: medium none;
margin: 0 auto 30px;
padding: 0 21px;
width: 884px;
}

#pun-ulinks .container {
border: medium none;
font-weight: bold;
height: 35px;
padding-top: 18px;
text-align: center;
}

стало:

@media screen and (max-width: 480px) {
#pun {
width: 90%;
}
#pun-ulinks .container {
height: auto;
padding: 5px;
}
}

смотришь свой форум при другом разрешении, ищешь баги и исправляешь

Отредактировано Герда (Чт, 21 Июн 2012 06:07:00)

0

Finka

Герда
Спасибо!
Буду разбираться.

0

Finka

Чёто у меня ничего не получается. Всё съезжает и форум "плавает" на мобилке.

Мне в принципе нужно изменить всего несколько вещей:
1. Чтобы профиль в посте отображался не вертикално, а горизонтально, вот так

2. Фонт покрупнее.

3. Чтобы список тем отображался вот так

0

Deff

Finka написал(а):

1. Чтобы профиль в посте отображался не вертикално,

Ну чо нидь типо так , но нужен спойлер на инфу , чтобы остальную инфу сделать правее аввы - а не уходящей под обрез

<style type="text/css">
.punbb .post .post-author ul,
.punbb .post .post-author {
float: none;
height:200px;
width: 100%!important;
}
.punbb .post-body {
margin-left: 0;
}
</style>

0

Finka

Или вот так.
Список категорий

Свернутый текст

Список тем в категориях

Свернутый текст

Посты в темах. Там, где имя автора можно приделать маленькую аватарку.

Свернутый текст

0

Finka

Deff написал(а):

Ну чо нидь типо так , но нужен спойлер на инфу , чтобы остальную инфу сделать правее аввы - а не уходящей под обрез

Да, что-то вроде этого. Но можно и без спойлера. Просто ник и дата поста, самая облегчённая версия. Для этого нужно выставить запрет вывода? Вот так?

Код:

.post-author ul li.pa-avatar {display:none;}

0

rps

Надо попробовать самому написать...

0

Finka

rps

0

Finka

Можно вывести аватар, ник, дату и время добавления поста в одну горизонтальную черту, inline?
примерно как здесь

Отредактировано Finka (Пт, 29 Июн 2012 13:39:24)

0

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Тема для обсуждений: Мобильная версия форума

Сообщений 1 страница 20 из 49

Поделиться1Вт, 19 Июн 2012 06:59:59

Поделиться2Вт, 19 Июн 2012 07:51:16

Поделиться3Ср, 20 Июн 2012 00:51:40

Поделиться4Ср, 20 Июн 2012 01:32:16

Поделиться5Ср, 20 Июн 2012 02:12:15

Поделиться6Ср, 20 Июн 2012 02:12:52

Поделиться7Ср, 20 Июн 2012 05:14:53

Поделиться8Чт, 21 Июн 2012 00:22:26

Поделиться9Чт, 21 Июн 2012 03:01:33

Поделиться10Чт, 21 Июн 2012 03:09:33

Поделиться11Чт, 21 Июн 2012 03:15:54

Поделиться12Чт, 21 Июн 2012 05:52:48

Поделиться13Чт, 21 Июн 2012 20:13:10

Поделиться14Сб, 23 Июн 2012 02:29:14

Поделиться15Сб, 23 Июн 2012 02:50:53

Поделиться16Сб, 23 Июн 2012 03:15:54

Поделиться17Сб, 23 Июн 2012 03:22:41

Поделиться18Ср, 27 Июн 2012 15:20:54

Поделиться19Ср, 27 Июн 2012 21:07:34

Поделиться20Пт, 29 Июн 2012 13:28:51