tigrus2014
-
Posts
33 -
Joined
-
Last visited
Recent Profile Visitors
1,699 profile views
tigrus2014's Achievements
Explorer (1/14)
0
Reputation
-
Какие есть инструментами для разработки пользовательских веб интерфейсов?
tigrus2014 replied to tigrus2014's topic in Flame
Приветствую, npofopr! UKit оно? -
Приветствую! Не знаю куда отнести свой вопрос поэтому пишу в этом разделе. Вопрос заключается в следующем: какими инструментами мне пользоваться чтобы написать интерфейс для административной части сайта и частично для пользовательской. То есть я хотел бы чтобы было чуть актуальнее и красивее, более точнее и правильнее чем имею сейчас. То что есть в данный момент было написано в ручную "лишь бы работало". Подскажите пожалуйста в какую сторону смотреть, так сказать?
-
Для чего html тегу применяют несколько классов?
tigrus2014 posted a question in Web-site Development
Приветствую! Вот такой код встретил в примере <div class="site container clearfix"></div> Дальше в файле css стилей описаны свойства для site, container и clearfix соответственно...Для чего такое сделано, ведь проще написать все в одном классе site например? -
Для чего html тегу применяют несколько классов?
tigrus2014 posted a question in Web-site Development
Приветствую! Вот такой код встретил в примере <div class="site container clearfix"></div> Дальше в файле css стилей описаны свойства для site, container и clearfix соответственно...Для чего такое сделано, ведь проще написать все в одном классе site например? -
Почему не работает Bootstrap 3 сетка без bootstrap. css?
tigrus2014 posted a question in HTML Coding
Приветствую! В общем суть вопроса такова... Для того чтобы избавится от длинного css кода в Bootstrap (знаю можно сжимать файл, можно использовать только сетку, это всё не то) из файла bootstrap.css была взята часть кода для галереи таким образом, один только класс col-md-4, container и row. Все классы переписаны в другой css файл. <body> <div class="container"> <div class="row"> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.js"></script> </body> html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .row { margin-right: -15px; margin-left: -15px; } .col-md-4 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; width: 33.33333333%; } @media (min-width: 992px) { .col-md-4 { float: left; } .col-md-4 { width: 33.33333333%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after { display: table; content: " "; } .clearfix:after, .container:after, .row:after { clear: both; } Дальше пойдет мой код. Отключаю Bootstrap.css и всё падает. Вопрос почему? -
Как задать padding у блоков и сами блоки нужного размера?
tigrus2014 posted a question in HTML Coding
Приветствую! Собственно у меня такой вопрос. Есть покупной шаблон WP с которого я стащил стили (хочу сверстать что-то похожее но своих размеров. Своих размеров-это колонки и контент моего шаблона, а не WP. В общем берётся только технология вёрстки где это возможно. Проблема первая-это то что в WP шаблоне были множественные стили. Вот так: <div id="content" class="content page-full main-contener clearfix">Какой-то content</div> Я логически свёл всё где можно в один класс, написал новые стили. Вышло вот что: И код CSS Это так было в шаблоне WP ( всё где в em и rem, остальное мои доработки) Вся проблема в том, что я хочу сделать класс page немного меньше, его размер будет в 960px, content-wrap в 655px, sidebar в 265px. Заголовки в em и rem. Отсюда вопрос, какую брать ширину родителя в content-wrap, та что max-width, та что 100%, в 1024px, в 1024px минус полоска прокрутки? Как задавать padding и размер шрифтов в em и rem? -
А на чем пишите? PHP?
-
Пока просто цены узнать. Кстати если подумали, что это WP, то это не так. Нужно с нуля написать. Ну, то есть к коду который уже существует добавлять функционал описанный выше. Сам движок самописный. Это дороже будет или дешевле? Спасибо за ответ.
-
Привет всем! Не часто пользуюсь услугами программистов, вот хочу узнать примерную стоимость и вообще возможно ли такое реализовать? Сначала о HTML шаблоне. Шаблон имеет структуру: хедер, левый блок (контент), сайтбар, футер. Чего я хочу? 1. Чпу, Ссылки вида www.mysite.com-главная страница, www.mysite.com/about - так выглядит ссылка на страницу об авторе, www.mysite.com/blog/name-razdela/name-categorii-stranica-страница, которая принадлежит какой-то категории блога, В админке можно создавать разделы и категории, или не создавать их. Если они не созданы, тогда адрес блога такого вида: www.mysite.com/blog/name-statia. 2.Сайт умеет два шаблона, то есть одна страница имеет правую колонку (сайт бар), другая в одну колонку, (без сайт бара).Надо как-то определиться что выводить и куда в плане динамического содержимого и какую страницу будет выдавать. 3. Кракозябра. В wordpresы это называется шорт код. Вот генератор шорт кодов. Цели- мне нужно из основной галереи выводить фотки где это необходимо (на любой странице сайта) 4. Загрузка страницы по частям) Вроде как такое есть, где то слышал.... Дело в том, что на моём сайте на главной очень много информации, притом в футер грузиться много чего динамического ( например картинки из галереи, форма комментариев (оставить комментарий)., слайдер. Вот нужно сделать так, чтобы страница загружалась таким образом( это как пример, может я чушь пишу): сначало текст, потом слайдер, потом.... Вроде такое можно сделать. Заранее спасибо за ответ.
-
Здравствуйте! У меня такой вопрос. При начальном тестировании адаптивного сайта использую браузер Fire Fox, то есть-открыть меню->разработка- >адаптивный дизайн. Можно сворачивать-сжимать окно браузера и в левом углу в поле устанавливать размер окна, в который можно вводить нужный размер. Всё это хорошо, но вот только я видел в уроке такое, что при сжимании окна появляется подсказка размера, который имеет браузер при сжимании-растягивании окна браузера и автор видит, на каком размере находится точка, где нужно ставить медиа запрос. Проблема в том, что у меня в браузере нет такой подсказки, как не искал. Может кто-то знает, как настроить браузер?
-
Здравствуйте! Как перевести padding и щрифт из пикселей в единицу измерения rem?
-
В общем идея такая. желаю чтобы header был на 100%, внизу блок c id page, размером в 970px (там задано в процентах, так как верстка планируется адаптивной). В header будет логотип картинкой и навигация. Оба дива флотятся соответственно лого в лево, навигация справа. В хедер кроме лого и навигации, вставим слайдер, По сей причине и div с "page" с классом clearfix.( УЖЕ сразу задал). Но по логике, в данном контексте, он должен отрабатывать, снимая флоты с "content-wrap" и "sidebar"??? То есть получается, что верстка такая же, что и если бы я вообще не задавал флоты нигде? Если мыслю правильно, возвращаюсь к вопросу Для наглядности прикрепил рисунок макета.
-
Здравствуйте! У меня такой вопрос. Почему у блока див с классом sidebar не работает padding? Как это исправить? <div id="wrapper"> <header id="header"> Header </header><!-- .header--> <div id="page" class="clearfix"> <div id="content-wrap"> <div id="content" class="clearfix"> <h1>Главная страница</h1> <p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребованность дальнейших направлений развития. Ключевые особенности структуры проекта представляют собой не что иное, как квинтэссенцию победы маркетинга над разумом и должны быть превращены в посмешище, хотя само их существование приносит несомненную пользу.</p> <h2>Заголовок второго уровня</h2> <p>Следует отметить, что высокотехнологичная концепция общественного уклада однозначно определяет каждого участника как способного принимать собственные решения касаемо переосмысления внешнеэкономических политик. В своем стремлении улучшить пользовательский опыт мы упускаем.</p> <p>Прежде всего, постоянный количественный рост и сфера нашей активности однозначно фиксирует необходимость системы массового участия. С учетом сложившейся международной обстановки, социально-экономическое развитие способствует повышению качества глубокомысленных рассуждений. Есть над чем задуматься: явные признаки победы институциализации заблокированы в рамках своих собственных рациональных ограничений.</p> <h3>Заголовок третьего уровня</h3> <p>Есть над чем задуматься: сторонники тоталитаризма в науке лишь добавляют фракционных разногласий и функционально разнесены на независимые элементы. Повседневная практика показывает, что убежденность некоторых оппонентов способствует повышению качества прогресса профессионального сообщества. А еще элементы политического процесса лишь добавляют фракционных разногласий и представлены в исключительно положительном свете.</p> <p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребованность дальнейших направлений развития. Ключевые особенности структуры проекта представляют собой не что иное, как квинтэссенцию победы маркетинга над разумом и должны быть превращены в посмешище, хотя само их существование приносит несомненную пользу.</p> <p>Прежде всего, постоянный количественный рост и сфера нашей активности однозначно фиксирует необходимость системы массового участия. С учетом сложившейся международной обстановки, социально-экономическое развитие способствует повышению качества глубокомысленных рассуждений. Есть над чем задуматься: явные признаки победы институциализации заблокированы в рамках своих собственных рациональных ограничений.</p> </div><!-- .content --> <div id="gallery_preview" class="clearfix"> <h1>Мои работы</h1> </div><!-- #gallery_preview --> </div><!-- #content-wrap--> <div id="sidebar"> <div class="sb_block"> <div class="sb_title"><h3>Категории</h3></div> <div class="sb_menu_widget"> <ul> <li><a href="">Косметический ремонт квартир</a></li> <li><a href="">Капитальный ремонт квартир</a></li> <li><a href="">Евроремонт квартир</a></li> <li><a href="">Элитный ремонт квартир</a></li> <li><a href="">Ремонт ванной комнаты под ключ</a></li> <li><a href="">Калькулятор стоимости ремонта</a></li> </ul> </div> </div> <div class="sb_block"> <div class="sb_title"><h3>Новости</h3></div> <div class="sb_news_widget"> <div class="news_date">2.08.2017</div> <p><a href="#">Если при заключении договора на разработку дизайн-проекта интерьера или ремонтно-строительные работы</a></p> </div> <div class="sb_news_widget"> <div class="news_date">2.08.2017</div> <p><a href="#">Если при заключении договора на разработку дизайн-проекта интерьера или ремонтно-строительные работы</a></p> </div> <div class="sb_news_widget"> <div class="news_date">2.08.2017</div> <p><a href="#">Если при заключении договора на разработку дизайн-проекта интерьера или ремонтно-строительные работы</a></p> </div> </div> </div><!-- .right-sidebar --> </div><!-- .middle--> </div><!-- .wrapper --> <footer id="footer"> Footer </footer><!-- .footer --> /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } h1,h2,h3 { font-family: Georgia, Times, 'Times New Roman', serif; } h1 { margin: 16px 0 0; font-size: 25px; /* 25px / 16px = 1.5625em */ } h2 { margin: 16px 0 0; font-size: 23px; /* 23px / 16px = 1.4375em */ } h3{ margin: 12px 0 0; font-size: 21px; /* 21px / 16px = 1.3125em */ } p { margin: 9px auto 0; font-size: 14px; /* 13px / 16px = 0.8125em */ line-height: 23px; /* 21px / 13px = 1.615385em */ } body { font-size: 14px Arial, sans-serif; background: #F1F3F5; } #wrapper { margin: 0; width: 100%; } /* Header —————————————————————————--*/ #header { background: #FFE680; height:200px; } /* Middle —————————————————————————--*/ #page { margin: 0 auto; max-width: 1180px; width: 96.90722%; } #content-wrap { width: 69.680855%; float: left; margin: 0px 15px 25px 0px; } #content { width: 98.05511%; padding: 0px 20px; background: #fff; } #gallery_preview { margin: 24px 0 0; padding: 17px 2.59542%; /* 17px / 655px = 2.59542% */ background: #fff; } /* Right Sidebar —————————————————————————--*/ #sidebar { float: right; width: 28.19149%; margin: 20px 0px 0px 0px; } .sb_block { padding: 15px; width: 265px; margin-bottom: 20px; background: #fff; } .sb_title { border-bottom: 1px solid rgba(0,0,0,.3); } .sb_title h3 { margin: 0 0 10px; padding: 0 5px; } .sb_menu_widget ul { margin: 0; padding: 0; } .sb_menu_widget li { line-height: 20px; border-bottom: 1px solid #dadada; } .sb_menu_widget a { text-decoration: none; display: block; color: rgba(0,0,0,.6); padding: 5px; } .sb_menu_widget a:hover { color: #000; } .sb_news_widget { width: 230px; margin-bottom: 5px; } .sb_news_widget a { font-size: 14px; color: #184d6c; } .sb_news_widget a:hover { font-size: 14px; color: #000; } .news_date { color: #969799; padding: 12px 0px 0px 0px; font-size: 13px; font-weight: bold; } /* Footer —————————————————————————--*/ #footer { width: 100%; background: #BFF08E; clear: both; height:200px; }
-
Приветствую всех! У меня такой вопрос. Сегодня прочитал про JS плагин, могу ошибиться в написании названия, но вроде Fittext. Плагин добавляет скрипты Js в страницу, позволяющий задавать тексту различные дополнительные параметры. Кто-то использует этот плагин? На сколько знаю вроде для адаптивного текста достаточно использовать проценты или em. Возникает вопрос зачем тогда нужен сей плагин? Или я что-то не так понимаю?
-
Требуется веб программист с опытом создания веб сайтов. Есть сайт на HTML. Нужно будет посмотреть сайт и дать рекомендации относительно динамики. От вас: умение писать скрипты на PHP, JavaScript, Jquery, Ajax, знание баз данных MySQL (работаем через PHPMyAdmin). Работа с различными плагинами, поиск готовых решений для сайта. Умение разбираться в готовом коде, хорошее знание ООП. Перед оплатой предварительное т.з, которое вы выполняете и даёте нам ссылку на ваше решение. Мы смотрим, после чего принимаем решение о сотрудничестве. Не уверены в себе-не стоит отвечать на проект. Работа удаленная, оплата по договорённости.