Jump to content

tigrus2014

User
 View Profile  See their activity

  • Posts

    33

  • Joined

  • Last visited

 Content Type 

Everything posted by tigrus2014

  1. tigrus2014
    Приветствую, npofopr! UKit оно?
  2. tigrus2014
    Приветствую! Не знаю куда отнести свой вопрос поэтому пишу в этом разделе. Вопрос заключается в следующем: какими инструментами мне пользоваться чтобы написать интерфейс для административной части сайта и частично для пользовательской. То есть я хотел бы чтобы было чуть актуальнее и красивее, более точнее и правильнее чем имею сейчас. То что есть в данный момент было написано в ручную "лишь бы работало". Подскажите пожалуйста в какую сторону смотреть, так сказать?
  3. tigrus2014
    Приветствую! Вот такой код встретил в примере <div class="site container clearfix"></div> Дальше в файле css стилей описаны свойства для site, container и clearfix соответственно...Для чего такое сделано, ведь проще написать все в одном классе site например?
  4. tigrus2014
    Приветствую! Вот такой код встретил в примере <div class="site container clearfix"></div> Дальше в файле css стилей описаны свойства для site, container и clearfix соответственно...Для чего такое сделано, ведь проще написать все в одном классе site например?
  5. tigrus2014
    Приветствую! В общем суть вопроса такова... Для того чтобы избавится от длинного 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 и всё падает. Вопрос почему?
  6. tigrus2014
    Приветствую! Собственно у меня такой вопрос. Есть покупной шаблон 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?
  7. tigrus2014
    А на чем пишите? PHP?
  8. tigrus2014
    Пока просто цены узнать. Кстати если подумали, что это WP, то это не так. Нужно с нуля написать. Ну, то есть к коду который уже существует добавлять функционал описанный выше. Сам движок самописный. Это дороже будет или дешевле? Спасибо за ответ.
  9. tigrus2014
    Привет всем! Не часто пользуюсь услугами программистов, вот хочу узнать примерную стоимость и вообще возможно ли такое реализовать? Сначала о 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. Загрузка страницы по частям) Вроде как такое есть, где то слышал.... Дело в том, что на моём сайте на главной очень много информации, притом в футер грузиться много чего динамического ( например картинки из галереи, форма комментариев (оставить комментарий)., слайдер. Вот нужно сделать так, чтобы страница загружалась таким образом( это как пример, может я чушь пишу): сначало текст, потом слайдер, потом.... Вроде такое можно сделать. Заранее спасибо за ответ.
  10. tigrus2014
    Здравствуйте! У меня такой вопрос. При начальном тестировании адаптивного сайта использую браузер Fire Fox, то есть-открыть меню->разработка- >адаптивный дизайн. Можно сворачивать-сжимать окно браузера и в левом углу в поле устанавливать размер окна, в который можно вводить нужный размер. Всё это хорошо, но вот только я видел в уроке такое, что при сжимании окна появляется подсказка размера, который имеет браузер при сжимании-растягивании окна браузера и автор видит, на каком размере находится точка, где нужно ставить медиа запрос. Проблема в том, что у меня в браузере нет такой подсказки, как не искал. Может кто-то знает, как настроить браузер?
  11. tigrus2014
    Здравствуйте! Как перевести padding и щрифт из пикселей в единицу измерения rem?
  12. tigrus2014
    В общем идея такая. желаю чтобы header был на 100%, внизу блок c id page, размером в 970px (там задано в процентах, так как верстка планируется адаптивной). В header будет логотип картинкой и навигация. Оба дива флотятся соответственно лого в лево, навигация справа. В хедер кроме лого и навигации, вставим слайдер, По сей причине и div с "page" с классом clearfix.( УЖЕ сразу задал). Но по логике, в данном контексте, он должен отрабатывать, снимая флоты с "content-wrap" и "sidebar"??? То есть получается, что верстка такая же, что и если бы я вообще не задавал флоты нигде? Если мыслю правильно, возвращаюсь к вопросу Для наглядности прикрепил рисунок макета.
  13. tigrus2014
    Здравствуйте! У меня такой вопрос. Почему у блока див с классом 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; }
  14. tigrus2014
    Приветствую всех! У меня такой вопрос. Сегодня прочитал про JS плагин, могу ошибиться в написании названия, но вроде Fittext. Плагин добавляет скрипты Js в страницу, позволяющий задавать тексту различные дополнительные параметры. Кто-то использует этот плагин? На сколько знаю вроде для адаптивного текста достаточно использовать проценты или em. Возникает вопрос зачем тогда нужен сей плагин? Или я что-то не так понимаю?
  15. tigrus2014
    Требуется веб программист с опытом создания веб сайтов. Есть сайт на HTML. Нужно будет посмотреть сайт и дать рекомендации относительно динамики. От вас: умение писать скрипты на PHP, JavaScript, Jquery, Ajax, знание баз данных MySQL (работаем через PHPMyAdmin). Работа с различными плагинами, поиск готовых решений для сайта. Умение разбираться в готовом коде, хорошее знание ООП. Перед оплатой предварительное т.з, которое вы выполняете и даёте нам ссылку на ваше решение. Мы смотрим, после чего принимаем решение о сотрудничестве. Не уверены в себе-не стоит отвечать на проект. Работа удаленная, оплата по договорённости.
  16. tigrus2014
    Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы: 1.Под какие разрешения собственно верстать? 2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)? 3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то 4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос? 5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё детище решу выложу на обзор. Заранее благодарен за ответ. Всем удачи!
  17. tigrus2014
    Так я за тоже! Да там есть box-sizing: border-box Я бы Задал для HTML 100%, соответственно для Body и то что в нем/ Без всяких body .wrap-body{} А .wrap-body (без body конечно) width если нужна другая ширина. Или padding ему или margin 0 auto дал например html {width:100%; padding:0; margin:0;} body {font: 14px/25px Arial, Helvetica, sans-serif;font-family: 'Open Sans', sans-serif;background:#F6F8F7;padding:0 40px ;} .wrap-body{width: 92%; margin: 0 auto} Так лучше по-моему?
  18. tigrus2014
    Здравствуйте! Есть такой код css html, body {width:100%; padding:0; margin:0;} body {font: 14px/25px Arial, Helvetica, sans-serif;font-family: 'Open Sans', sans-serif;background:#F6F8F7;padding:0 40px ;} body .wrap-body{} И собственно HTML (весь не пишу только часть) <body> <div class="wrap-body"> <div class="header"> <div id='cssmenu' class="align-right"> <ul> <li class="active"><a href='index.html'><span>zSawyer</span></a></li> <li class=' has-sub'><a href='archive.html'><span>Blog</span></a> <ul> <li class='has-sub'><a href='#'><span>Item 1</span></a> <ul> <li><a href='#'><span>Sub Item</span></a></li> <li class='last'><a href='#'><span>Sub Item</span></a></li> </ul> </li> <li class='has-sub'><a href='#'><span>Item 2</span></a> <ul> <li><a href='#'><span>Sub Item</span></a></li> <li class='last'><a href='#'><span>Sub Item</span></a></li> </ul> </li> </ul> </li> <li><a href='#'><span>Gallery</span></a></li> <li><a href='single.html'><span>About</span></a></li> <li class='last'><a href='contact.html'><span>Contact</span></a></li> </ul> </div> </div></div> </body> </html> Спрашивается зачем нужно и HTML и Body давать width 100%? Если я не ошибаюсь свойство от html перейдёт к body и body будет тоже width 100%? А от него и унаследуется body .wrap-body{}? Так? Единственное что приходит в голову, что какому-то div в коде ( уже в теге body) дано позиционирование. Вот если слои absolut или relative, они ( и от них) наследуются свойства?
  19. tigrus2014
    Ищу помощника-верстальщика HTML 5, Css3, адаптивная вёрстка, Bootstrap 3 сетка, Java script (хотя бы знаком) для реализации проекта. Хочу заметить, всё касается одного проекта. Помощник нужен для того, чтобы сократить время на разработку. По той же причине используем шаблоны для вёрстки. Каждое качественно выполненное задание оплачивается.
  20. tigrus2014
    IE 8
  21. tigrus2014
    Спасибо. Попробую. А в старых браузерах, как быть?
  22. tigrus2014
    Приветствую форумчане! У меня такой вопрос: Есть макет, в котором один из блоков требует бэкгроунда картинкой. Проблема в том, что макет PSD фиксированный, а вот вёрстка у меня будет адаптивная. Конечно, картинку просто можно вставить в блок и сделать её адаптивной, но я хочу сделать блок именно с бакгроундом.... Подскажите пожалуйста, можно ли так сделать?
  23. tigrus2014
    Всем написал на почту Просто много информации, не хочу чтобы удалили. И вообще пора уже познакомиться немного
  24. tigrus2014
    Приветствую всех! Прежде всего хочу извиниться, если создал тему не там. Собственно хочу получить просто ваши комментарии к проекту. Как бы вы отнеслись к созданию совместного сайта? Проект похож на биржу для фрилансеров, но на бирже вы предлагаете свои услуги клиенту (возьмут- не возьмут), а на нашем проекте, уже будут опубликованы готовые заказы, то есть клиент готов платить "сейчас". Наши преимущества перед биржами фриланса. 1. Мало исполнителей. Соответственно возможность больше заработать конечно работая, а не "создавая видимость". Таких "вежливо провожаем" ещё до вступления в проект. 2. Получаете серьёзные заказы. Никаких лохотронов, сомневающихся клиентов. 3.Работаем без предоплаты, что гарантирует честность с нашей стороны и плюс в глазах заказчика. 4. Вложения ваших средств ТОЛЬКО по результату и эти средства минимальные. 5. Легальность заработка. 6. Готовые макеты работ.Огромное количество HTML заготовок, инструменты для программистов, сеошников и других. Хочу заметить, что пока часть из всего просто наша идея. Есть некоторый опыт в организации крупных проектов не связанных с Интернет и время, программист-верстальщик, админ в моём лице, сеошник. На данном этапе от Вас: представиться, задавать вопросы о проекте, оставлять мнения, обмениваться почтой со мной. В конечном итоге: Ваше согласие - не согласие участвовать в проекте. Хочу заметить. Работы очень много и пока на голом энтузиазме. Подробности почтой.
  25. tigrus2014
    Да нет, это не то. У меня сделана галерея таким образом: страницы- создать новую-добавить медиафайл-кнопка создать галерею. В "Настройка отображения файла" указал "ссылка на медиафайл". Получилась страница галереи, при клике на фотку, открывается страница с фотографией. Вот на ней нужно вывести заголовок и описание к фото? Без всплывающих окон!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept