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

  1. 7 г. назад

    нарисовал небольшой эскиз того как можно было бы доработать дизайн что бы проще было пользоваться форумом.

    1463122640584876068722.jpg

    в шапке сейчас написано Форум 330 и непонятно как ветка называется. панель инструментов предлагаю закрепить во второй строке. тогда текст можно будет видеть более менее хорошо.

    Ответы: (8)
  2. чертеж надо было у смита заказывать...

  3. и кстати кроме меня, кто то еще пользуется мобтильной версией форума?

    Ответы: (7)
  4. И под гейпад почините работу - сообщения вообще не отправляются

  5. интерфейс ясно содран с вынь СЕ или вынь мобайл 6

    Ответы: (6)
  6. (4) сейчас такой и есть только несовсем удобно им пользоваться.

  7. (2) я пользуюсь.

    Ответы: (8)
  8. (7) как на счет того что а (0) предложено?

    Ответы: (9)
  9. (8) андрикс не комитит мои правки, но тут, имхо, можно обойтись персональным css

    Ответы: (10) (13)
  10. (9) я чесно говоря хотел бы именн через персональный цсс

    Ответы: (11) (12)
  11. (10) и что мешает?

  12. (10) дык сваргань, если красиво получится, то по дефолту установим

  13. (9) андрикс уже два года на гитхаб не заходил. времени катастрофически не хватает

  14. я за #ReactJS

    Ответы: (15) (48)
  15. 13.05.2016 19:11:18 отредактировано Будущий_Олигарх

    (14) Не знаю че в нем хорошего, wix на нем полностью захерачен, так что бы сграбить их css/js там дуба дашь пока разберешься с этими идентификаторами!

  16. могу сделать адаптивную верстку для этого сайта. делов то... Тогда будет на всех устройствах красиво смотреться.

    Ответы: (17) (25) (26)
  17. Витязь могу сделать адаптивную верстку для этого сайта. делов то... Тогда будет на всех устройствах красиво смотреться.

    И зачем это писать ? Можешь, сделай и дай людям.
    Или щас ты начнешь про бабло писать, типа заплатите мне, ну так и пиши лично ТСу, пусть он тебе за башляет, а ты ему персонал CSS забацаешь.

    Ответы: (19)
  18. я заплачу, 500р, норм?

    Ответы: (20)
  19. 14.05.2016 17:30:25 отредактировано Витязь

    Будущий_Олигарх И зачем это писать ? Можешь, сделай и дай людям.
    Или щас ты начнешь про бабло писать, типа заплатите мне, ну так и пиши лично ТСу, пусть он тебе за башляет, а ты ему персонал CSS забацаешь.

    тебе чёто не нравится? Я разве говорил о бабле? Я бесплатно предложил. Но делать я ничего не буду пока ВР мне не скажет, что нужно. У меня лишнего времени нет, чтоб делать что то, а потом быть посланным, мол нах ты сделал, нам ненужно это...

    Ответы: (25)
  20. Курильщик я заплачу, 500р, норм?

    да не нужно мне бабло. Просто нужно обсудить это с ВР чтоб узнать ньюансы. Верстку то я сделаю. А ее нужно на движок еще посадить будет. И скрипты к ней прикрутить. Это уже только ВР сможет сделать.

    Ответы: (21) (22) (23) (24)
  21. (20) ясно поп.здеть..

  22. (20) в настройках личные скрипты и цсс

    Ответы: (24)
  23. (20) Не упоминай имя влоебушника тут. путь это отрешенный примат занимается чесанием своего попца на дргоум форуме)

    Ответы: (24)
  24. NewTesla (20) Не упоминай имя влоебушника тут. путь это отрешенный примат занимается чесанием своего попца на дргоум форуме)

    ВР = Владелец Ресурса. Насколько мне известно это Андрей.

    Курильщик (20) в настройках личные скрипты и цсс

    Этого мало. Сама верстка html сделана не так как нужно. и я же использую препроцессор Sass. В общем если мне напишет Андрей, сделаю. Обсудить с ним движок.
    Вот можете посмотреть пример адаптивного сайта. При сужении экрана он сильно изменяется.
    хтпп : : // podolsk тире reklama точка ру

    Ответы: (28)
  25. Витязь тебе чёто не нравится? Я разве говорил о бабле? Я бесплатно предложил. Но делать я ничего не буду пока ВР мне не скажет, что нужно. У меня лишнего времени нет, чтоб делать что то, а потом быть посланным, мол нах ты сделал, нам ненужно это...

    Паша че ты быкуешь вечно ? Верстка нужна персональная конкретно для ТСа. Или тебе призвание нужно ? (16) ты сам написал, тебя никто не заставлял, теперь скатываешься в нехватку времени.

    Ответы: (26)
  26. Будущий_Олигарх Паша че ты быкуешь вечно ? Верстка нужна персональная конкретно для ТСа. Или тебе призвание нужно ? (16) ты сам написал, тебя никто не заставлял, теперь скатываешься в нехватку времени.

    Извините, ради одного человека я не готов потратить неделю ... Но ты за всех то не дума, кто тебе дал права читать чужие мысли и потребности. Ты не думал, что с адаптивной версткой на сайте бы охотнее задерживались и сайт бы лучше вылезал в гугле?
    И где я скатываюсь? ты просто [...]. Я тут доброе дело предложил и не соскакиваю и огласил свои условия - это не деньги. А тебе чето не нравится падла. Хули ты вобще в базар лезешь если сам не при делах?

  27. я делаю на bootstrap поэтому мне недостаточно править стили. Мне нужно еще html код нормальный сделать. Чтоб не стыдно было потом эту работу показывать.

    Ответы: (29) (30)
  28. (24) скриптов достаточно, остальное болтовня.

  29. (27) бутстрата достаточно + скрипты

    Ответы: (30)
  30. Курильщик (27) бутстрата достаточно + скрипты

    да. я сделаю мобильную версию сайта. Добавлю стили бутстрап а в html мне нужно будет внести только небольшие правки - сетку бутстрапа внедрить и больше ничего. Если Андрюкс разрешит, я сделаю. Без него просто не могу начать, вдруг он не согласится потом вставить изменение шаблона.
    бутстрап там же под каждое устройство задает то или иное поведение дива.
    нужно просто дописать некоторые стили к имеющимся дивам. я посмотрел сейчас верстку сайта. тут переделывать особо ничего не придется кроме добавления некоторых классов к дивам и стилей бутстрапа. Что касается скриптов - тут я не видел конструкцию форума, не знаю что с ними. У меня лично под устройствами IOS не работает отправка сообщений. Но этот баг я могу только сообща с Андрюксом сделать.

  31. Без него просто не могу начать, вдруг он не согласится потом вставить изменение шаблона.

    перрсональные скримты могут полностью менять ДОМ

    Ответы: (32)
  32. Курильщик перрсональные скримты могут полностью менять ДОМ

    может быть. Это не по моей части.
    Я верстальщик и бэк энд разраб.
    Создаю адаптивную верстку используя HTML5 + CSS3 используя фреймворк bootstrap.
    Я не программирую на JS. Это вам Фронт энд разработчик нужен, который при помощи скриптов бы такое сделал.

    Если надо реализовать данный шаблон под мобильные устройства используя bootstrap, я готов это сделать не за деньги.

    Ответы: (33)
  33. Витязь Я не программирую на JS. Это вам Фронт энд разработчик нужен, который при помощи скриптов бы такое сделал.

    да я я сам сделаю, мне никто не нужен.

    Ответы: (34)
  34. Курильщик да я я сам сделаю, мне никто не нужен.

    я не могу понять только чем моё предложение не устраивает никого?
    Я специализируюсь на адаптивной верстке и знаю как ее делать. Я предложил свою помощь бесплатно.
    А делать адаптивность при помощи js это полный изврат.

    Ответы: (35) (36)
  35. (34)

    Я специализируюсь на адаптивной верстке и знаю как ее делать.

    ОчКруто!

    Ответы: (36)
  36. Курильщик (34)
    ОчКруто!

    ну так выбей разрешение на то, чтобы я работал и я сделаю это. я на этом форуме не тусуюсь. Подписался же под то, что пока не приду в форму (физическую) не вернусь. Время еще не настало. Зашел лишь сюда чтоб помочь тебе и в ветку ЗОЖ.

  37. доделал мобильный CSS, кому интересно потестировать выкладываю стили

    #hdr {
      background-color: #717171;
      height: 25px;
    }
    
    .formattingButtons {
        top : -4px;
    	position: relative;
    }
    
    #hdr #forumTitle {
        width: 70%;
    	padding: 4px;
    }
    
    #hdr .button {
      padding: 4px 8px;
      border-radius: 2px;
      margin: 1px 3px;
    }
    
    #hdr .popupWrapper {
        float: right;
        margin: 0;
    }
    
    .postContent:before, .postContent:after {
        border-width: 0;
    }
    
    #hdr h1 { 
      font-size: 100%;
      padding: 2px 0 0 0;
    }
    
    #hdr #backButton {
        margin: 2px 0 0 5px;
    }
    
    .postHeader .controls .control-pushpin {
        margin-right: 4px;
    }
    
    .post.edit .controls {
        float: none;
        margin-top: 1px;
    }
    .postHeader .controls.detached {
        position: fixed;
        top: 24px;
    	height: 25px;
        left: 0;
        width: 100%;
        margin-left: 0;
        background-color: #fc0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        margin-top: 1px;
    	z-index: 400;
    }
    
    #userMenu {
    	padding: 4px 0px;
    }
    
    #userMenu .item-user .avatar {
      margin: -7px 8px -5px 0;
    }
    
    .scrubberMore {
    	padding: 1px;
    	background: #BBB;
    	height: 10px;
    	margin: 0;
    }
    
    .scrubberMore a {
      padding: 1px;
    }
    	
    .thing {
    	border: 0;
    	border-top: 1px solid #ddd;
    	border-radius: 0;
    	background: #fff;
    	position: relative;
    	box-shadow: none;
    }
    
    .postContent
    .thing {
    	border: 1px solid #ddd;
    	border-top: 1px solid #ddd;
    	border-radius: 3px;
    	background: #fff;
    	position: relative;
    	box-shadow: none;
    }
    
    .invisiblr {
    	color: #FFF;
    }
    Ответы: (39) (70)
  38. чтобы корректно работали стили нужно добавить персональный JS

    if (typeof ETConversation !== "undefined") {
    	var arr_ignor =  ['409'];
    	var arr_ticket = ['дура'];
    	var collapseQuotesOrig = ETConversation.collapseQuotes;
    	ETConversation.collapseQuotes = function(items) {
    		collapseQuotesOrig.apply(this, arguments);
        
    		$(".postContent", items).each(function() {
    			var item = $(this);
    			var user = item.find(".postHeader .info h3 a[href^='/forum/member/']");
    			var userref = user.prop('href');
    			var userid;
    			if (userref) userid = userref.split('/').pop();
    			var member_ind = arr_ignor.indexOf(userid);
    			if (member_ind >= 0) {
    				user.after("<span style='padding:0px 6px; color:#777'>"+arr_ticket[member_ind]+"</span>");
    			}
    
    		});
    	};
    
    	if (ET.isMobile) {
    		var initReplyOrig = ETConversation.initReply;
    		ETConversation.initReply = function() {
    			var ctitle = $("#conversationTitle").text();
    			$("#forumTitle").text(ctitle);
    			initReplyOrig.apply(this, arguments);
    			var controls = $("#reply .controls");
    			var lbl = $(".previewCheckbox");
    			lbl.html('<input type="checkbox" id="reply-previewCheckbox" onclick=ETConversation.togglePreview("reply",this.checked) accesskey="p">*');
    			var pushpinClassId = 'detached';
    			if (!controls.hasClass(pushpinClassId)) {
    				controls.addClass(pushpinClassId);
    			}
    
    		};
    
    	}
    
    }
    Ответы: (77)
  39. (37) дай скрин

  40. Screenshot_2016-05-17-09-45-09.png

  41. Screenshot_2016-05-17-09-46-28.png

  42. Screenshot_2016-05-17-09-47-47.png

  43. 17.05.2016 10:17:45 отредактировано sda553

    Что то у меня название топика не показывается
    Screenshot_2016-05-17-10-15-39.png
    Потом проверю, почему

    Ответы: (46)
  44. Прикол про Ленку никто не выкупил?

    Ответы: (47)
  45. (43) нашел, почему титл топика не отображается. Он написан белыми буквами и съехал вниз на белую область.
    Screenshot_2016-05-17-10-21-10.png

    Ответы: (70)
  46. Вездессущий Прикол про Ленку никто не выкупил?

    тому скрипту уж тыщу лет в обед

  47. (14) WinJS :)

  48. Кто может научить меня ваять мобильне приложения?

    Ответы: (50)
  49. (49) мобильное приложение работает с API сайта а мобильная версия делается на бутстрапе +jquery. выбирай изучай

    Ответы: (51) (52)
  50. (50) не, яхочу научиться мобльные приложения разрабатывать наподобие ватцапа

    Ответы: (52)
  51. NewTesla (50) не, яхочу научиться мобльные приложения разрабатывать наподобие ватцапа

    50$/час готов?

    Ответы: (53) (54)
  52. (52) а можно всех посмотреть?

  53. (52) ты нашел препода, который берет 40 в час?

    Ответы: (55)
  54. (54) это же ньютесла. 50 - цена без гарантии результата.

  55. лучше бы стили потестили и js

    Ответы: (57)
  56. (56) я уже дал фидбэк в 43,45. Плюс, я что то не понимаю, как из ветки вернуться на главную, раньше я на "Форум 330" вверху тыкал для этого

    Ответы: (58)
  57. sda553 Плюс, я что то не понимаю, как из ветки вернуться на главную, раньше я на "Форум 330" вверху тыкал для этого

    Илья не очень удачно подменяет заголовок. нужно аккуратнее:

    $("#forumTitle > a").first().text(ETConversation.title);
    
    Ответы: (59) (61) (78)
  58. (58)Ссылка заработала, но 43,45 осталось

    Ответы: (60) (67)
  59. (59) непонятно как повторить... может дело в каких то настройках?

  60. andrewks Илья не очень удачно подменяет заголовок. нужно аккуратнее:

    $("#forumTitle > a").first().text(ETConversation.title);
    

    понял.

  61. 18.05.2016 09:31:49 отредактировано Курильщик

    45 удалено автором.

  62. 46 может из за скрытых картинок?

    Ответы: (64)
  63. (63) может

    Ответы: (65)
  64. (64) проверил - нет.

  65. андрей, спасибо, скрипт поправил.

  66. (59) по (45) мне сложно сказать, скорее всего, дело в персональном стиле.

    при отключенном перс.стиле артефактов нет?

  67. test

  68. тест

  69. Дошли наконец руки, починил (46)
    В скрипте (37) Я убрал паддинг 4px у форумтитла

    #hdr #forumTitle {
        width: 70%;
       /* padding: 4px;*/
    }

    И перестал заголовок уезжать на вторую строку

  70. ну а в целом то, норм?

    Ответы: (74)
  71. мне стало значительно комфортнее с телефона постить.

  72. Скинь готовый css, плиз.

  73. (71) да, теперь норм

  74. Финальный css на персональный мобильный стиль

    #hdr {
          background-color: #717171;
          height: 25px;
        }
    
        .formattingButtons {
            top : -4px;
            position: relative;
        }
    
        #hdr #forumTitle {
            width: 70%;
           /* padding: 4px;*/
        }
    
        #hdr .button {
          padding: 4px 8px;
          border-radius: 2px;
          margin: 1px 3px;
        }
    
        #hdr .popupWrapper {
            float: right;
            margin: 0;
        }
    
        .postContent:before, .postContent:after {
            border-width: 0;
        }
    
        #hdr h1 { 
          font-size: 100%;
          padding: 2px 0 0 0;
        }
    
        #hdr #backButton {
            margin: 2px 0 0 5px;
        }
    
        .postHeader .controls .control-pushpin {
            margin-right: 4px;
        }
    
        .post.edit .controls {
            float: none;
            margin-top: 1px;
        }
        .postHeader .controls.detached {
            position: fixed;
            top: 24px;
            height: 25px;
            left: 0;
            width: 100%;
            margin-left: 0;
            background-color: #fc0;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            margin-top: 1px;
            z-index: 400;
        }
    
        #userMenu {
            padding: 4px 0px;
        }
    
        #userMenu .item-user .avatar {
          margin: -7px 8px -5px 0;
        }
    
        .scrubberMore {
            padding: 1px;
            background: #BBB;
            height: 10px;
            margin: 0;
        }
    
        .scrubberMore a {
          padding: 1px;
        }
            
        .thing {
            border: 0;
            border-top: 1px solid #ddd;
            border-radius: 0;
            background: #fff;
            position: relative;
            box-shadow: none;
        }
    
        .postContent
        .thing {
            border: 1px solid #ddd;
            border-top: 1px solid #ddd;
            border-radius: 3px;
            background: #fff;
            position: relative;
            box-shadow: none;
        }
    
        .invisiblr {
            color: #FFF;
        }
    
  75. Вхуярил

    Ответы: (77)
  76. 06.06.2016 14:58:47 отредактировано sda553

    (76) там js еще нужен из (38), ленка дура и тд

    Ответы: (78)
  77. (77) Вхуярил. С учетом (58)

  78. Не скажу, что кончил. Может, повожусь на досуге.

  79. Но мило. Slim lite.

  80. Должно быть как то так
    Screenshot_2016-06-06-15-00-56.png

  81. Так и есть.

или зарегистрируйтесь чтобы ответить!