Ребята помогите с дизайном

Ребята помогите с дизайном если не сложно.

 
Посетитель
small user social cms
Медаль
Сообщений: 624
При переходе на сайт с мобильных устройств select очень не удобный и в профиле и в главном меню, пытаюсь изменить как то, но не получается, хочу сделать меню как гармошку (гамбургер), то есть как на фотке если не сложно помогите дизайнеры..Не проходите мимо, Ребята помогите с дизайном заранее спасибо. Ребята помогите с дизайном
Посетитель
small user social cms
Сообщений: 77
тут помогли с выпадающем меню на моб. устройствах(надеюсь помог)
Псевдо программист
Реклама
cms
Посетитель
small user social cms
Медаль
Сообщений: 624
Vaha Vaynahskiy:

тут помогли с выпадающем меню на моб. устройствах(надеюсь помог)

Спасибо посмотрю
Посетитель
small user social cms
Медаль
Сообщений: 624
Vaha Vaynahskiy:

тут помогли с выпадающем меню на моб. устройствах(надеюсь помог)

Нет не получилось, сайт начинает виснуть из за js, не хороший код, нужно что то новое и удобное.
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
Нико:
Ребята помогите с дизайном
Вам нарисовать меню надо? =)
Посетитель
small user social cms
Медаль
Сообщений: 624
Val:

Нико:
Ребята помогите с дизайном
Вам нарисовать меню надо? =)
Сайт виснет и не понятно как там написали очень большая тема, даже сделал как там но не правильно работает...
Посетитель
small user social cms
Медаль
Сообщений: 624
Val:

Нико:
Ребята помогите с дизайном
Вам нарисовать меню надо? =)
Мне бы только функцию правильную, js и php + css
Посетитель
small user social cms
МедальКубок зрительских симпатийАвторитет форума
Сообщений: 1164
Посмотрите по ссылкам:
http://vst.mn/selectordie/
http://wselect.websanova.com/
http://code.octopuscreative.com/fancyselect/
Посетитель
small user social cms
Сообщений: 77
Нико:
Вы с тетриса заходите что-ли? не может зависать, у меня все нормально
Псевдо программист
Посетитель
small user social cms
Медаль
Сообщений: 624
Vaha Vaynahskiy:

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

Ребята помогите с дизайном

но на сайте вот так, не знаю что делать
Ребята помогите с дизайном


Вот код main tpl
Код PHP:
  1. <?php
  2. $config = cmsConfig::getInstance();
  3. $core = cmsCore::getInstance();
  4. ?>
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <title><?php $this->title(); ?></title>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11. <?php $this->addMainCSS("templates/{$this->name}/css/theme-text.css"); ?>
  12. <?php $this->addMainCSS("templates/{$this->name}/css/theme-layout.css"); ?>
  13. <?php $this->addMainCSS("templates/{$this->name}/css/theme-gui.css"); ?>
  14. <?php $this->addMainCSS("templates/{$this->name}/css/theme-widgets.css"); ?>
  15. <?php $this->addMainCSS("templates/{$this->name}/css/theme-content.css"); ?>
  16. <?php $this->addMainCSS("templates/{$this->name}/css/theme-modal.css"); ?>
  17. <?php $this->addMainCSS("templates/{$this->name}/css/bootstrap.css"); ?>
  18. <?php $this->addMainCSS("templates/{$this->name}/css/font-awesome.min.css"); ?>
  19. <?php $this->addMainJS("templates/{$this->name}/js/jquery.js"); ?>
  20. <?php $this->addMainJS("templates/{$this->name}/js/bootstrap.min.js"); ?>
  21. <?php $this->addMainJS("templates/{$this->name}/js/jquery-modal.js"); ?>
  22. <?php $this->addMainJS("templates/{$this->name}/js/core.js"); ?>
  23. <?php $this->addMainJS("templates/{$this->name}/js/modal.js"); ?>
  24. <?php $this->addMainJS("templates/{$this->name}/js/messages.js"); ?>
  25. <!--[if lt IE 9]>
  26. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  27. <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  28. <![endif]-->
  29. <?php $this->head(); ?>
  30. <style><?php include('options.css.php'); ?></style>
  31. </head>
  32. <body>
  33. <div id="layout">
  34.  
  35. <?php if (!$config->is_site_on){ ?>
  36. <div id="site_off_notice"><?php printf(ERR_SITE_OFFLINE_FULL, href_to('admin', 'settings', 'siteon')); ?></div>
  37. <?php } ?>
  38.  
  39. <header>
  40. <div id="logo"><a href="<?php echo href_to_home(); ?>"></a></div>
  41. <?php $this->widgets('header', false, 'wrapper_plain'); ?>
  42. </header>
  43. <nav>
  44. <a class="mobile-menu-link" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">Link with href</a>
  45. <div class="collapse" id="collapseExample">
  46. <?php $this->widgets('top', false, 'wrapper_plain'); ?>
  47. </div>
  48. </nav>
  49.  
  50. <?php if($this->hasWidgetsOn('top')) { ?>
  51. <nav>
  52. <?php $this->widgets('top', false, 'wrapper_plain'); ?>
  53. </nav>
  54. <?php } ?>
  55.  
  56. <div id="body">
  57.  
  58. <?php
  59. $is_sidebar = $this->hasWidgetsOn('right-top', 'right-center', 'right-bottom');
  60. $section_width = $is_sidebar ? '730px' : '100%';
  61. ?>
  62.  
  63. <?php
  64. $messages = cmsUser::getSessionMessages();
  65. if ($messages){
  66. ?>
  67. <div class="sess_messages">
  68. <?php
  69. foreach($messages as $message){
  70. echo $message;
  71. }
  72. ?>
  73. </div>
  74. <?php
  75. }
  76. ?>
  77.  
  78. <section style="width:<?php echo $section_width; ?>">
  79.  
  80. <?php $this->widgets('left-top'); ?>
  81.  
  82. <?php if ($this->isBody()){ ?>
  83. <article>
  84. <?php if ($config->show_breadcrumbs && $this->isBreadcrumbs()){ ?>
  85. <div id="breadcrumbs">
  86. <?php $this->breadcrumbs(array('strip_last'=>false)); ?>
  87. </div>
  88. <?php } ?>
  89. <?php $this->body(); ?>
  90. </article>
  91. <?php } ?>
  92.  
  93. <?php $this->widgets('left-bottom'); ?>
  94.  
  95. </section>
  96.  
  97. <aside>
  98. <?php $this->widgets('right-top'); ?>
  99.  
  100. <?php $this->widgets('right-center'); ?>
  101.  
  102. <?php $this->widgets('right-bottom'); ?>
  103. </aside>
  104.  
  105. </div>
  106.  
  107. <?php if ($config->debug && cmsUser::isAdmin()){ ?>
  108. <div id="sql_debug" style="display:none">
  109. <div id="sql_queries">
  110. <?php foreach($core->db->query_list as $sql) { ?>
  111. <div class="query">
  112. <div class="src"><?php echo $sql['src']; ?></div>
  113. <?php echo nl2br($sql['sql']); ?>
  114. <div class="query_time"><?php echo LANG_DEBUG_QUERY_TIME; ?> <span class="<?php echo (($sql['time']>=0.1) ? 'red_query' : 'green_query'); ?>"><?php echo number_format($sql['time'], 5); ?></span> <?php echo LANG_SECOND10 ?></div>
  115. </div>
  116. <?php } ?>
  117. </div>
  118. </div>
  119. <?php } ?>
  120.  
  121. <footer>
  122. <ul>
  123. <li id="copyright">
  124. <a href="<?php echo $this->options['owner_url'] ? $this->options['owner_url'] : href_to_home(); ?>">
  125. <?php html($this->options['owner_name'] ? $this->options['owner_name'] : cmsConfig::get('sitename')); ?></a>
  126. ©
  127. <?php echo $this->options['owner_year'] ? $this->options['owner_year'] : date('Y'); ?>
  128. </li>
  129. <li id="info">
  130. <span class="item">
  131. <?php echo LANG_POWERED_BY_INSTANTCMS; ?>
  132. </span>
  133. <span class="item">
  134. <?php echo LANG_ICONS_BY_FATCOW; ?>
  135. </span>
  136. <?php if ($config->debug && cmsUser::isAdmin()){ ?>
  137. <span class="item">
  138. SQL: <a href="#sql_debug" class="ajax-modal"><?php echo $core->db->query_count; ?></a>
  139. </span>
  140. <?php if ($config->cache_enabled){ ?>
  141. <span class="item">
  142. Cache: <?php echo cmsCache::getInstance()->query_count; ?>
  143. </span>
  144. <?php } ?>
  145. <span class="item">
  146. Mem: <?php echo round(memory_get_usage()/1024/1024, 2); ?> Mb
  147. </span>
  148. <span class="item">
  149. Time: <?php echo number_format(cmsCore::getTime(), 4); ?> s
  150. </span>
  151. <?php } ?>
  152. </li>
  153. <li id="nav">
  154. <?php $this->widgets('footer', false, 'wrapper_plain'); ?>
  155. </li>
  156. </ul>
  157. </footer>
  158.  
  159. </div>
  160. <script type="text/javascript">$('.hashLinks').each(function(){var html = $(this).html().replace(/(#[\S]+)/g,'<a href="/search/$1" class="tagHref" title="$1">$1</a>').replace(/(@[\S]+)/g,'<a href="//search?q=$1" class="tagHref" title="$1">$1</a>');$(this).html(html).each(function(){$('.tagHref').each(function(){var href = $(this).attr('href').replace(/#/, '%23').replace(/@/,'');var title = $(this).attr('title').replace(/(#+)/, '');$(this).attr('href',href).attr('title',title);});});});</script>
  161. <?php if ($_SERVER["REQUEST_URI"] == "/"){ ?>
  162. <script>
  163. $(".menu_home").addClass("active");
  164. </script>
  165. <?php } ?>
  166. </body>
  167. </html>
  168.  
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.