Jump to content

IvanRu08

User
  • Posts

    224
  • Joined

  • Last visited

  • Days Won

    3

Everything posted by IvanRu08

  1. Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html
  2. Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html
  3. Весьма спорное заявление. Безусловно, c помощью плагинов wordpress можно превратить хоть в интернет магазин, но зачем? ^)
  4. Что именно отображается некорректно? У меня все нормально
  5. Необходимо написать мини функцию, которая на вход будет принимать цвет (переменную, в которой этот цвет хранится), а потом делать этот цвет темнее. Вот, что удалось написать: @mixin dark-color ($color) { background: darken({$color}, 5%);} Вот так я ее вызываю: .subs-submit:hover{ @include dark-color($submit-color);}Но это не работает. При конвертировать этот код в css появляется ошибка: Error: Invalid CSS after "...round: lighten(": expected ")", was "{$color}, 5%);" on line 35 of C:\Verstka\appzorka\style.scss Use --trace for backtrace.В чем может быть проблема?
  6. Понял. То есть конвертировать только в Woff? Сейчас у меня шрифты в форматах: woff, woff2, eot, ttf
  7. Всем привет. Есть два шрифта: обычный и жирный. Можно ли с помощью font-face подключить только обычный шрифт, а жирный имитировать с помощью font-weight: bold. Экономия в 200Кб получается. Чем это чревато? Искал в интернете, не нашел ответа.
  8. Наткнулся на эту проблему, когда проверял кроссбраузерность. Вот страница: http://cm04741.tmweb.ru/single.html. Внизу есть форма подписки. Там кнопка "Подписаться". В разных браузерах высота кнопки разная (нужно, чтобы кнопка располагалась вместе с полем для ввода). Например, если в хроме все нормально, то в мозиле, опере и осел кнопка на 1px меньше чем нужно. Пробовал и высоту задавать и просто padding - все то же самое. Как решить такую проблему? Заранее спасибо за ответ!
  9. Это из за ссылок. Уберите лишние пробелы в конце
  10. Советовал LESS, так как он очень прост в изучении (достаточно 1-2 статей, чтобы вникнуть) и полностью удовлетворяет потребностям ТС. Вот, можете почитать.
  11. Спасибо, все оказалось проще, чем я думал
  12. ИМХО конечно, но ваши работы не стоят 40$.
  13. @dirty_prince, Чтобы включить поддержку миниатюр в теме, добавьте в файл functions.php <?phpif ( function_exists( 'add_theme_support' ) ) { add_theme_support( 'post-thumbnails' ); }?>
  14. Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#">О проекте</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Все статьи</a></li> </ul> <div class="social-buttons"> <a href="#" class="rss"></a> <a href="#" class="twitter"></a> <a href="#" class="facb"></a> <a href="#" class="gplus"></a> </div> </section> </footer>А вот стили: footer{ margin: 50px 0 0 0; border-top: 1px dashed #ccc; border-bottom: 9px solid #fdc300; color: #979ea0; padding: 0 0 23px 0;}footer a { color: #979ea0; border-bottom: 1px solid #e3e3e3;}footer a:hover { border-bottom: none;}.footer-inside { margin: 0 auto; max-width: 1020px;}.counter { float: left; margin: 33px 0 0 0;}.counter img { border-radius: 0;}.copyright { margin: 35px 0 0 27px; float: left;}.menu-bottom { margin: 35px 0 0 60px; float: left;}.menu-bottom li { display: inline-block; margin: 0 22px 0 0;}.social-buttons { float: left; margin: 35px 0px 0px 34px;}.social-buttons a { border: none; width: 25px; height: 24px; display: inline-block; margin: 0 0px 0 4px;}a.rss { background: url(images/rss-sprite.png) no-repeat;}a.twitter { background: url(images/twitter-sprite.png) no-repeat;}a.facb { background: url(images/facb-sprite.png) no-repeat;}a.gplus { background: url(images/gplus-sprite.png) no-repeat;}a.rss:hover, a.twitter:hover, a.facb:hover, a.gplus:hover { background-position: -25px 0;}/*Стили на адаптивность*/@media screen and (max-width: 1020px) {}Может мне стоить что-нибудь почитать на эту тему? Заранее спасибо!
  15. IvanRu08

    Меню

    .class li { display: inline-block;}
  16. А то что блок с абсолютным позиционированием вас не смущает?
  17. Возникла новая проблема. Прописал для родительских блоков clearfix, все нормально. Но теперь не учитывается высота самого aside. То есть нижнее меню должно быть внизу, а оно почему то под правой колонкой. В чем может быть дело? Сайт: http://cm04741.tmweb.ru/index.html
×
×
  • 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