Leaderboard
Popular Content
Showing content with the highest reputation on 08/03/2014 in all areas
-
способ через джеес var $counter = jQuery('.list>li').length;jQuery('.list').addClass('item'+$counter+'');но можно и без скриптов через табличные свойства. будет как-то так .list{ display: table; width: 100%; table-layout: fixed;}.list li{ display: table-cell; text-align: center;}.list li div{ display: inline-block; vertical-align: top;}1 point
-
большое спасибо. почти со всем согласен кроме 5 и 6: я точно текст на передний план выдвигал. можно узнать каким браузером вы смотрели? круглые картинки сам не люблю, но дизайнер только такие предоставил http://take.ms/PBj5m нету релатива, он есть на левом блоке http://take.ms/RPYF6 по пункту 6, ладно, дизайнер "молодец", н овсе же добавте бордер-радиус на будущее.1 point
-
1. http://take.ms/pvicD коллаж я бы пересохранил вот так. 2. я так понимаю что сайт все же кто-то захочет на мобилке открыть. поэтому пропишите метатеги в html, и в css обнуление для iOs body{ -ms-text-size-adjust: none; -webkit-text-size-adjust:none;}input[type=text], input[type=submit], input[type=button], input[type=password], input[type=file], textarea{-webkit-appearance:none;}3. с шариками все можно сделать гораздо проще и без скриптов: для .baloon поставить left:50%, и марджином уже вытянуть шарики на нужную позицию, левые шарики отрицательным марджином, правый - положительным. то есть они будут плясать от центра. 4. зачем для поворота социалок юзать скрипты? достаточно :hover и transition 5. .blik накрыл .footer_right - нельзя текст выделить. нужно поднять по z-index 6. http://take.ms/D7SpG как по мне такие картинки должны быть квадратными, а круглыми их делать надо с помощью css. клиент когда будет менять картинку вряд ли будет ее в фотошопе обрабатывать. 7. в ие вот такая хрень http://take.ms/DKRBs нужно прописать на текстарею overflow:auto; 8. .now_inner .form .button надо на фон no-repeat поставить 9. на элементы которым задано display: inline-block; почти всегда надо прописывать vertical-align:top; (убирает нижний отступ который частенько появляется) 9. и хедер на фикседе тоже не скроллится по горизонтали, что не совсем хорошо. можно воспользоваться вот таким решением http://htmlforum.ru/index.php?showtopic=46607&p=311069 ну а так в целом все хорошо p.s. я бы оценил работу часов в 6.1 point
-
извиняюсь, что встреваю, но вы не могли бы и мой лендинг так основательно разнести в пух и прах? http://htmlforum.ru/index.php?showtopic=49768 хорошо, щас гляну))) но сразу скажу, в целом у вас все очень даже хорошо. возможно мелкие штуки1 point
-
1 point
-
1. http://take.ms/IIrzw используйте сокращенную запись font:16px/1.em "MyriadPro",Arial,Helvetica,sans-serif; http://take.ms/9pyh2 та же фигня padding: 0 15px; 2. не выровнял по высоте текст в инпутах http://take.ms/aYatd. 3. <div class="cl"> </div> сам по себе метод не самый лучший. и вы его не правильно используете http://take.ms/50SVD, не туда вставили, надо вставлять сразу после последнего флотнутого элемента http://take.ms/l6ZuG я бы вместо <div class="cl"> просто задал бы на .slons{overflow: hidden;}, в данном случае подходит. но если overflow: hidden; что-то обрежет тогда можно прописать вот так .slons:after{ content: ""; display: block; clear: both;} 4. у div.slon1(2,3) код неправильно записан. вы дублируете одни и те же стили кучу раз. у этих 3-х блоков одинаковые стили, фактически отличаются только цвет фона и заголовков. ваши 42строки кода http://take.ms/ySXCq превращаются в 30 просто на ровном месте, и код более удобным становится http://take.ms/pppKJ в таких случаях нужно объединять похожие блоки и перебивать только отличающиеся стили. так же можно было каждому из этих 3-х блоков задать общий класс, скажем, .slon и от него задавать. либо воспользоваться селекторами атрибутов - [class^=slon] подробнее здесь http://htmlbook.ru/samcss/selektory-atributov 5. http://take.ms/x46I5 это все тупо лишние свойтва которые ничего не делают в данном случае. у вас просто заливка сплошным цветом, вы можете хоть растягивать фон, хоть позиционировать, хоть еще что либо - ничего не поменяется! 6. для .two заданно - background-origin: initial; background-clip: initial; это вообще что за значения? initial - таких нету просто, эти записи ничего не делают, да и вообще зачем вам тут background-origin и background-clip? далее, используйте сокращенную запись http://take.ms/8z5av превращается в background: url("../img/slonbig.png") #292929 no-repeat fixed 0 0 / cover; и не пишите свойства которые заданны по умолчанию, к примеру - background-repeat:repeat; это писать не надо, по дефолту и так стоит репит 7. http://take.ms/KAkg1 тут нужно не марджином центрировать, а задать text-align:center на .square и все будет отцентрировано. и это не очень хорошо вырезать картинку с отступами, надо резать реальные размеры http://take.ms/bsTMp 8. http://take.ms/eNrOD мне кажется что этот желтый бордер это не ховер, это фокус на инпут. так логичнее думаю хватит) надеюсь дал дельные советы1 point
-
1 point
-
1 point
-
Все работает. Поставь этому блоку background-attachment: fixedТогда будет заметен паралакс, иначе у тебя он съезжает вверх и номер телефона становится на сером фоне.1 point
-
1 point
-
1 point
-
1 point
-
1 point
-
1 point
-
-1 points
-
Float: center - Оставить, можно задать выравнивание и и по верхнему краю float: top - прием часто встречается и я знаю CSS - ну попробую.-1 points
-
https://e.mail.ru/promopage/fashion#3 Сам сегодня только узнал о их существовании из оф. блога.-2 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }
-
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
-
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number">
-
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-