Leaderboard
Popular Content
Showing content with the highest reputation on 10/16/2013 in all areas
-
Сразу не глядя, так как верстала этот макет, говорю - очень сильно выделяется подсветка заднего фона (радиальный градиент). По мейншей мере надо пограться с размерами и stop-color - добавить больше переходов, чтобы выглядело более плавно. Я вначале ее тоже делала на css (времени кучу убила, пытаясь подогнать под макет), но дело в том, что в разных браузерах она выглядело сильно ступенчато, что бросалась в глаза, хотя в некоторых и нормально было. Поэтому я ее вставила картинкой. УПД. Что-то с градиентом косым, какие-то полосы темные, вот у меня такого нет: http://zverushka.zz.mu/ruletka/ Границы блоков на мой вгзляд слишком яркие - должны быть полупрозрачными и приглушенными как в макете. Если исходить из попиксельности - отступы у текстов не соблюдены - разница порядка 8 пикселей (посмотри плагином pixelPerfect для хрома) Ширина блока крутить рулетку - совершенно не та - разница около 15 пикселей. Иконки твиттера, вк идр - почему-то больше на 3 пикселя где-то и между ними отступы другие. Блоки с описанием фильма шире на 20 пикселей где-то и отступ между ними маленький. Высота линии шрифта основного 19 пикселей, должна быть 20. Отступ между желтыми кнопками уже, чем надо. Перед роли исполняли какая-то левая иконка - хм, откуда? Блок кадры из фильма - имеет неверную высоту, как и его название. Отступы между картинками в нем неверные. В Футере кинорулетка.ру меньшего размера шрифта, чем нужно. П.С. Поздравляю с окончанием верстки этого чудовищного макета =).... Его надо на конкурс самых тяжелых макетов выставлять.2 points
-
Если надо так, как в примере, то выравнивание реализовано за счет паддингов, как-то так. То-есть, для увеличения высоты блока необходимо увеличить padding'и у #menu a Если надо просто вертикальное выравнивание, то основные способы вам уже подсказали. display: table-cell + vertical-align (пример) line-height (пример) position: absolute (пример)2 points
-
Надо обязательно отверстать несколько бесплатных макетов и показать их на форуме, когда код станет чистым и адекватным - можно уже искать заказы на фрилансе. При этом прежде чем взять заказ - надо внимательно просмотреть макет - а все ли ты сможешь реализовать. Как правило на фрилансе все заказы front-end - нужны и скрипты и много с чем сталкиваешься. А сейчас так вообще 80% заказаов это лендинги - а значит обязательна привязка php скриптов. Как правило новичок может получить заказ по принципу - заказчику надо очень срочно и до денег он жадный. И тут появляешься ты - я сделаю за 800 рублей и приступлю прямо сейчас - заказ твой. Но и управиться надо за 1 день, а для этого надо быть уверенным в своих силах. Без опыта бесплатных шаблонов можно даже на 1 вещи засесть на 2 часа, ломая голову как ее реализовать. Кстати сайты фриланса платные, фл.ру собрался до 700 рублей с чем-то цену за месяц поднять (на мой взгляд перебор), а без про аккаунта - почти ничего невозможно взять. А очень большая часть демпинга идет из другой России, где того же новичка примут не дороже 10 тыс рублей в месяц - вот он и верстает очень дешево. Конечно для москвича - это пшик, а не деньги, а для других регионов терпимо.2 points
-
для второй верстке убери слеши в меню и сделай вот так .main-nav li { float: left; font-size: 0.825em; letter-spacing: 0.4px; line-height: 62px; text-align: center; text-transform: uppercase; } li:after { content: "/"; padding: 0 22px 0 5px;(+ - сам подгонишь) }1 point
-
1 point
-
не получиться потому что этот пример не ложится на сетку 960. Проще сделать так: .container>.cell[style="width: 20%"]1 point
-
Отслеживайте положение курсора и выводите блок в том месте, где курсор находится. Положение курсора можно так получить: http://jquerybyexample.blogspot.com/2010/09/jquery-tip-how-to-get-mouse-cursor.html1 point
-
1 point
-
1 point
-
1 point
-
в хроме - F12 / DevTools / внизу справа -жмите на / Settings - и откройте панель / Overrides ... Подробней об этом можно узнать на - Google Developers1 point
-
А я считаю это в корне неверным принципом. Конечно, если нет опытного наставника или знакомого, который может быстро указать на важные косяки, то процесс обучения проходит не так просто. В таком случае надо искать не один форум, а несколько. Где-то хоть один опытный найдется и даст дельный совет. А по тому, что ты сказал, это только поганит данный род деятельности. (ИМХО) Вместо того чтобы цены повышать на услуги, ты (как и сотни фрилансеров) наоборот стремишься их демпить и таким образом искажаешь реальную картину профессии в угоду своей кратковременной выгоды и думая только о настоящем. Ведь когда ты наберешься опыта и станешь (допустим) профи, то твою верстку по 100у.е. за макет уже никто не возьмет, т.к. армия таких же новичков, так исказила картину рынка, что заказчику станет просто непонятно - зачем платить 100у.е. мегапрофи, когда за 10$ или 8.89$ данную работу может сделать вот этот чувак, да еще и без предоплаты. Довольно редкий заказчик может понимать, чем отличается 10$ макет от 100$. Если они еще и выглядят одинаково (допустим) он вообще подумает, что этот 100$-ый профи подобен цыганам на вокзале, тупо развел его как ребенка. На данный момент ситуация спасается только тем, что заказчик зачастую до сих пор находится на уровне плинтуса, и многие даже не знают, что такое - фриланс. Простенький сайт можно вообще на шару заказать. Причем можно найти несколько таких студентов, каждому из них дать ТЗ, и в конце еще и выбрать у кого получится лучше. В дополнение, в роли санитаров леса действуют эмоциональные программисты, которые видя эти макеты по 10$ толково могут объяснить заказчику, что он полный жмот и упырь, и такой макет в дупу никому не сдался, т.к. чтобы натянуть его на CMS, программеру еще половину нужно будет переделать, если не больше. Фактически, уважающий себя программер обязан требовать доплату за такую возню, но что если программер 0 в верстке?... Все это навеяло последим заказом. Знакомый попросил сделать сайт и как всегда сопли пускает на цену. Я на тот момент на нулях был, потому на шару делать не мог очевидно и он это тоже знал. После того как я все сделал, рассказал ему немного про фриланс и всяких нубо-студентов которые вообще могут сайт за бесплатно сделать, для опыта. Так он мне после этого знаешь что сказал? - "Так а чего ты мне не нашел такого студента?" И это человек с красным дипломом по специальности "Инженер программист" ("дикий феспалм"). Чувак с красным дипломом не умеет инетом нормально пользоваться и еще ноет, что я ему не могу сделать, то чему он сам 5 лет учился. ) Народ по своей сути это очень наглое стадо (грубо говоря), и если оно где-то увидит ценник 10у.е., а ты попросишь 50у.е., то он тебе всю душу вытрясет дабы ты объяснил ему почему он должен платить дороже. Кстати по подобной схеме работает студия А. Лебедева, если им не нравится заказчик или работа которую им предлагают они посылают его на%;й и не церемонятся. Они умеют уважать себя и ценят свою работу, за что им и респект1 point
-
1 point
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-