Jump to content


Photo
- - - - -

Шаблон UIkit, адаптивный дизайн, мобильная версия

мобильный вид адаптивный дизайн шаблон uikit

  • This topic is locked This topic is locked
53 replies to this topic

#51 DMTR3000S

DMTR3000S
  • JBZoo User (rus)
  • User rate: 110.7
  • posts: 1044
  • topics: 44

Posted 02 June 2015 - 10:16

что Вам в них не нравится если не секрет

Потому что шаблоны - адище. Нет, они, конечно, симпатишные, но в изначальном виде своём годятся разве что для блога какого-нить. Для онлайн-коммерции - однозначно нет, для сайтов визиток - едва ли. А перепиливать, как заметил isay777, дело неблагодарное. Проще с нуля запилить, ну или посмотреть в сторону рокетов, минитека, vtem и иже с ними 


  • 2

#52 isay777

isay777
  • JBZoo User (rus)
  • User rate: 113.4
  • posts: 1878
  • topics: 232

Posted 02 June 2015 - 10:27

Потому что шаблоны - адище. Нет, они, конечно, симпатишные, но в изначальном виде своём годятся разве что для блога какого-нить. Для онлайн-коммерции - однозначно нет, для сайтов визиток - едва ли. А перепиливать, как заметил isay777, дело неблагодарное. Проще с нуля запилить, ну или посмотреть в сторону рокетов, минитека, vtem и иже с ними 

 

добавлю smartaddons, темфорест , русские начали но по моему не очень  ,вообще много, проще отдельную тему сделать. У меня около 70 сайтов производителей в закладках 


  • 0
ХОСТИНГ для сайтов jbzoo (все попугаи)

#53 flart

flart
  • JBZoo User (rus)
  • User rate: 15.2
  • posts: 223
  • topics: 16

Posted 02 June 2015 - 10:27

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

 

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

 

Может за компанию подскажете, а не то родные поля ни грамма у меня не адаптивные. Ни UIKIT и как то иначе. жество задана 400 пикселей ширина и все.

 

 

Я про вот это все дело. Как его сделать адаптивным??

 

 

Попробуйте как я Советую. Добавьте в Js файл этот код и замените custom1, custom2, и.т.д на нужные классы из бустрапа

var SubmissionInputText = $('#item-submission input[type=text]');
var SubmissionInputCheckbox = $('#item-submission input[type=checkbox]');
var SubmissionInputRario = $('#item-submission input[type=radio]');
var SubmissionSelect = $('#item-submission select');
var SubmissionTextarea = $('#item-submission textarea');

SubmissionInputText.addClass("custom");
SubmissionInputCheckbox.addClass("custom2");
SubmissionInputRario.addClass("custom3");
SubmissionSelect.addClass("custom4");
SubmissionTextarea.addClass("custom5");

/*если хотите полностью заменить класс а не добавить к существующим свой, то используйте
SubmissionInputText.attr("class", "custom");
SubmissionInputCheckbox.attr("class", "custom2");
SubmissionInputRario.attr("class", "custom3");
SubmissionSelect.attr("class", "custom4");
SubmissionTextarea.attr("class", "custom5");
*/ 

Edited by flart, 02 June 2015 - 10:33.

  • 2

flart-small.png


#54 Ёшкин Кот

Ёшкин Кот
  • JBZoo User (rus)
  • User rate: 77.8
  • posts: 757
  • topics: 134

Posted 02 June 2015 - 10:29

 

Попробуйте как я Советую. Добавьте в Js файл этот код и замените custom1, custom2, и.т.д на нужные классы из бустрапа

var SubmissionInputText = $('#item-submission input[type=text]');
var SubmissionInputCheckbox = $('#item-submission input[type=checkbox]');
var SubmissionInputRario = $('#item-submission input[type=radio]');
var SubmissionSelect = $('#item-submission select');
var SubmissionTextarea = $('#item-submission textarea');

SubmissionInputText.addClass("custom");
SubmissionInputCheckbox.addClass("custom2"); 
SubmissionInputRario.addClass("custom3");
SubmissionSelect.addClass("custom4"); 
SubmissionTextarea.addClass("custom5");

Спасиб, попробую именно так.


  • 0





Click to return to top of page in style!