Leaderboard
Popular Content
Showing content with the highest reputation on 06/17/2011 in all areas
-
О селекторе :nth-child уже написано немало, но я решил перевести свежую статью Криса Коера , где все самые популярные методы использования этого селектора объединили и разложили по полочкам. У меня просто голова кружится, когда я сталкиваюсь с такими идеальными для использования селекторами как :nth-child или :nth-of-type! Чем лучше их понимаешь, тем больше css нердгазмов (от слова nerd - ботан, заучка и т.д) получаешь! В этих примерах я буду использовать простой набор элементов списка и случайно выбранные числа. Вам должно быть ясно, как менять их, чтобы получить подобную выборку. Выбираем только Пятый элемент: li:nth-child(5) { color: green; } Чтобы выбрать первый элемент, вы можете использовать :first-child. Ну или вы уже сами догадаетесь как для этой задачи изменить пример, который я показал выше. Выбрать все, кроме первых пяти: li:nth-child(n+6) { color: green; } Если бы здесь было больше 10 элементов, такой селектор выбрал бы всех их, начиная с 6-го. Выбрать первыe пять элементов: li:nth-child(-n+5) { color: green; } Выбрать каждый четвертый, начиная с первого: li:nth-child(4n-7) { /* или 4n+1 */ color: green; } Выбрать только четные или нечетные: li:nth-child(odd) { color: green; } li:nth-child(even) { color: green; } Выбрать последний элемент: li:last-child { color: green; } Выбирает 10-ый, потому-что у нас есть 10 элементов. Было бы 8 - выбрал бы 8-ой элемент, 1290 - 1290-ый элемент и т.д Выбрать второй с конца: li:nth-last-child(2) { color: green; } Выбирает 9-тый элемент потому что у нас их 10. Было бы 30 - выбирал бы 29-тый элемент. Кроссбраузерность: Кроме ИЕ существует не так много браузеров, о поддержке этих селекторов в которых следует беспокоиться. Для ИЕ используйте Selectivizr.3 points
-
http://pmsrv.ru/ Вот я сделал новую пробную версию сайта для компании, в которой я работаю. Что вы об этом думаете? Чего ещё не хватает?2 points
-
Извини, но бред. Обоснуйте почему считаете бредом. По графикам видно, что студии которым больше 5 лет отдают предпочтение коробочным и своим системам. На этом и построил свои выводы. В общем то OpenSource сам по себе явление не стабильное, держащееся исключительно на энтузиастах. Конечно есть полу-опэнсаурс, где компания-разработчик получает прибыль за сопровождение продукта. Но в целом, ситуация в OS плачевная. Вы эти самопИсы видели? В большинстве своём они не дотягивают даже до какойто дохлой DLE. Хороший, коммерческий ход. Клиент на таком движке зависим от компании чуть больше, чем полностью. Узко мыслите2 points
-
Я использовал термин "сетка" что бы было понятнее, но привычнее говорить - лейаут. А вот касательно того как именно размещаются элементы в дизайне это уже по части самого дизайнера. Если дизайнер рисует макет использую модульную сетку (об этом если есть желание расширить область знаний приглашаю почерпнуть из статьи Модульные сетки, часть первая. «38 попугаев») то работа верстальщика в разы становится легче и приятнее, так как каждый элемент будет иметь свои отступы, своё положение. Все отступы в макете будут одинаковые или же кратные. Т.е. к примеру если ты значешь что между всеми блоками отступ 10пк, поля по 20пк, то тебе не надо будет каждый раз в фотошопе перепроверять отступ того или иного элемента. Ну в общем ну буду углубляться, так как тема не о том2 points
-
Закончил перевод. Рассказ повествует о приключениях Алисы и её друзей, о магии волшебной фэйсбук-кнопки лайк, об употреблении RDFa API для реализации универсально-понятных и интерактивных данных, о дружбе xHTML технологий с модными ныне HTML5 и ещё о множестве интересных и не очень вещей. Перевод вводного пособия RDFa 1.1 (pre-public edition). p.s.: Яндексовский спеллер в очередной раз сдох, поэтому могут содержаться очипятки. ну и конечно же, спасибо минусующим2 points
-
Что лучше автобус или кошка? Стоит ли кошкам приделать колеса? Лично я считаю, что кошки лучше подходят для перевозки людей, т.к. весят меньше, они теплые и пушистые, а если им приделать колеса, то по функционалу они особо отличаться не будут.2 points
-
2 points
-
1 point
-
1 point
-
Мы вроде давно на Ты перешли, что за манера такая, как только что-то не нравится - переходить на притворно вежливый тон? Это холиварная тема, в которую я стараюсь не вмешиваться, но когда людей, использующих OS, называют "школотой", меня аж передергивает. Следуя твоей логике - нет достойных опенсорс проектов. И наоборот, если я купил Битрикс - я чуть ли не супер-мега профи. Как было уже сказано выше:1 point
-
Очень уж хочется ответить что для "организации сайта" нужны мозги нормальные, а не выше озвученные названия, но... Я вот ни понимаю зачем кому-то может понадобится делать анимированный банер на JQuery, или скажем как сделать на JQuery видео чат и кучу всего другова. С другой стороны было бы смешно использовать flash для раскрывающейся менюшки. (хочется отметить что в моем понимании "хорошей организации сайта" это сайт который хорошо передает информацию(не всю, а именно ту ради которой он сделан), а не сайт с модными анимированными фишками) У каждой задачи свои решения, таких решений может быть масс и какое из них выбрать дело уже самого "программиста", так что нужен лишь набор знаний, опыт и просто не быть м*****м для "лучшей организации"1 point
-
Игрался с вёрсткой и решил попробывать может ли СSS отнимать от 100% какие либо число. Оказалось что не может но тем не мение если поставить после 100% знак минус, тоесть так width:100%-; то получаеться очень забавная вещь. Насколько я понял оно от 100% отнимает величину падинга. Кто может обьяснить более детально? P.S. Гуглил и не нашол.1 point
-
Не понятно, что за "подобающие" сведения. Здесь атрибутах мне кажется лучше писать с маленькой буквы, это ведь не собственное имя. Пробел перед скобкой. некоторые атрибуты в спецификации RDFa 1.1 являются новыми. "не смогут идентифицировать HTML-код после его" или "не смогут идентифицировать код HTML после его" Не очень удачное использование "намёков", лучше вообще его убрать и сказать вроде "Она может использовать атрибут rel..." данный атрибут --- с маленькой буквы и пробел перед запятой. Плохо звучит, два слова с одним корнем, можно заменить на установить, указать, задать, назначить и др. Чего-чего она хочет? Два раза инструкции. Можно заменить в одном месте на руководство. Традиционно для этого используется слово "замечание" или "замечания". Что-то тут не то. Общие замечания. Часть примеров не переведена, материал смотрится недоделанным. Если уж переводить, то все примеры или ни одного. С запятыми большие проблемы, в основном их не хватает в нужных местах, кое-где лишние. Найти корректора, прогнать через какую-нибудь прогу, сделать что-то ещё.1 point
-
Я и первый пост не понял. В чем проблема? вот с этого может и надо было начинать? а не угрозы делать баном, поддерживая флуд psywalkerа!1 point
-
А давай договоримся Сань, что впредь ты не будешь вмешиваться в мои дела, ок? Если ты привык делать работу за лентяев, то это твои личные проблемы, но мне это твоё "качество" навязывать не нужно. Я не первый год на форуме и мне не 15 лет, чтобы заниматься пустословием, и я прекрасно знаю, что я говорю и КОМУ я это говорю. Если честно, я даже удивлён, что ты не видишь элементарных вещей и совершенно не разбираешься в людях. Жаль. Да пусть будет по твоему, как ты хочешь…да, я лентяй, ничего не хочу делать и ни в чем разбираться! Но какого х… ты флудишь? Не захотел помочь – пройди мимо! Даже вот сейчас, когда ctpz дает подсказки, ты товарищ Админ psywalker опять флудишь, забивая тему не нужным г…!!!! ———————————————————————————-- да хорошо, но Денвер у меня уже стоит1 point
-
можно, но придётся геморой делать. плагины тоже есть, но работают через заднее место1 point
-
Конечно же подскажем. Всё дело в лени и нежелании самому открыть книгу и разобраться желание зашкаливает все грани! уже несколько дней с этим сижу и ни чего не получается.1 point
-
Я тут подправил немного код... http://jsfiddle.net/RzC4q/1/ И даже можно еще улучшить http://jsfiddle.net/RzC4q/3/1 point
-
А я подразумевал именню Java и ничего больше. ну ну, с первого поста речь идёт про ява скрипт... да и раздел по яваскрипту... или ты первый раз слышишь, что бы яваскрипт называли просто явой ? да, я знаю, что существует просто ява, но думаю мало кто из обитателей форума с ней знаком. ну а сейчас вообще особого смысла нету делать ява-аплеты, когда есть флеш и ты согласен со мной, что жквери = яваскрипт ?1 point
-
http://forum.htmlbook.ru/index.php?showtopic=27103&view=findpost&p=203564 Всё неправильно сделал совершенно. Я говорил, что нужно делать спрайт и менять позицию фона в зависимости от спана. Далее внутри спанов нужно засунуть уже ссылку, которой и делать выравнивание. Все отлично работает. Без всяких спрайтов и позиции. К тому же, какой должен быть спрайт если мне кнопка нужна 800 на 600 ? 600 в высоту?))) Это что ж за меню такое, где такие кнопки, да ещё и штук 5? Можно ссылочку, никогда раньше не встечал Дело не в высоте даже. А в том что спрайт не будет стыковаться со своей границей. Но я уже устал это повторять. Я для себя уже все понял относительно этого форума. Крупным планом. То, что ты сделал - это бред, некрасивый и неправильный. Делать надо так, как я описал, и никак иначе! И тогда выйдет точно так-же как на картинке. Бред это спрайт в 100 килобайт. По мойму. Ну смотря что за спрайт и из чего он сделан. А вообще делайте так, как вам нужно, я просто выразил своё мнение, глядя на ваш код. Удачи. Спасибо за Ваше мнение, но все Ваши советы мне никак не помогли. Я на протяжении всего обсуждения объяснял, что спрайт не стыкуется пиксель в пиксель. Но меня никто не слушал. И кажется Вы так и не поняли где он не стыкуется. Увы.1 point
-
Нет, я новичок. Решил что тут мне помогут. Но мне администратор сказал, что я тупой и ничего не читаю. Мне три спана нужно и инлайн блок. А еще тут мне нельзя разговаривать. Что за помощь такая? Не работают Ваши советы. Оскорблять и затыкать рот - это не лучшая идея, чтоб помогать ближним своим. Он мне никак не помог, только потратил моё время. С тремя спанами не работаю падинги - это когда отступы должны быть у внутреннего текста кнопки. Если помочь не получается то давайте будем флудить в ветке флуда. Но если тут у Вас принято флудить в тематическом вопросе, то так и скажите. Что мне думать то?? Я делал и так и так и сяк. Никак не получается. ВОт поэтому и решил спросить тут. залейте картинку для пункта куда-нибудь, пожалуйста. вы же не предложили готового материала для реализации. Соответственно слепил из того, что было. Фон тянется от размера пункта. Вы имеете ввиду бэкграунд повторяющего фона?1 point
-
Он мне никак не помог, только потратил моё время. С тремя спанами не работаю падинги - это когда отступы должны быть у внутреннего текста кнопки. Если помочь не получается то давайте будем флудить в ветке флуда. Но если тут у Вас принято флудить в тематическом вопросе, то так и скажите. Что мне думать то?? Я делал и так и так и сяк. Никак не получается. ВОт поэтому и решил спросить тут.1 point
-
Это детский сад, что ты написал. Читай внимательно первый пост. Вопрос актуален. PS: Углы у кнопок не стыкуются. Я заливаю бэкграунд под желтым цветом повторяющимся шаблоном изображения. Тут есть нормальные верстальщики у которых можно посоветоваться? Проблема в том, что я хочу сделать РЕЗИНОВЫе кнопки. Сейчас они резиновые только по высоте.1 point
-
0 points
-
-1 points
-
-1 points
-
Конечно же подскажем. Всё дело в лени и нежелании самому открыть книгу и разобраться-1 points
-
Old_miller Научитесь, для начала, правильно формировать свои мысли. Из всех ваших постов я так и не понял, что именно не работает и что ожидалось получить. Помощи в чем? Лекции на тему "как работает интернет" прочитать?-1 points
-
-1 points
-
С чего начинать? Обязательно нужно носом натолкать в дебильные вопросы из разряда "У меня не получается, помогите!", чтобы научился правильно формулировать свои мысли? И в этом модераторы еще виноваты? Пояснение что нужно, где? Человек помощи просил, а не посылания сидеть за учебниками. Это у ботанов головы большие, пусть они зубрят учебники.-1 points
-
Согласен. Есть моменты, когда лучше на flash что-то сделать, чем в jquery. Пример анимации на JS. Весит такая фигняюшка 1 КБ. Вес фреймвьорка не учитываю т.к. можно у гугла взять и себе вписать. А сколько будет весить то же самое, но только на flash'e?-1 points
-
-1 points
-
Что лучше использовать для создания и организации сайта: JQuery или Flash. Анимация - основное отличие флеш сайтов (они ею напичканы и грузятся долго). Поэтому до этой ноты и дошли.-1 points
-
Куда и на что наедет? Можно конкретизировать ваши опасения? Просто если вы боитесь что к нему налоговая придет так она и без вас может придти вэб разработчики не как, не влияют на появление данного органа власти. Если же вы боитесь что вам нужно за работу заплатить деньги и вы не знаете как это провести легально через бухгалтерию(вы я так понимаю "шабашите" без всякого ИП), то вариантов опять таки масса! Он(Частник) может вам заплатить из собственно кармана и после выплатить себе премию или списать деньги на канцтовары. Или вы можете заключить "Договор оказания услуг с физическим лицом", простецкая бумажка. Или вас вообще могут принять в фирму на 1 месяц в должности вэб мастера )))) Продолжать можно и дальше.-1 points
-
Извини, но бред. Обоснуйте почему считаете бредом. По графикам видно, что студии которым больше 5 лет отдают предпочтение коробочным и своим системам. На этом и построил свои выводы. В общем то OpenSource сам по себе явление не стабильное, держащееся исключительно на энтузиастах. Конечно есть полу-опэнсаурс, где компания-разработчик получает прибыль за сопровождение продукта. Но в целом, ситуация в OS плачевная. Например, для банка держать свои ресурсы на OS системе не выгодно, потому что код системы открыт, что в свою очередь поможет взломать ресурс.-1 points
-
Если Вы любите делать нечто нестандартное на сайте, но не хотите загружать много всего и тратить много вермени на переделку этого под Joomla. То установите сей плагин и забудьте о мучениях. Благодаря ему вы сможете вставлять содержимое скриптов в свои материалы и на свои страницы. Помните, когда выходили великолепные скрипты, но не могли вставить их в материалы, так как ни один редактор не хотел, чтобы вы запускали скрипты из материалов. Теперь это реально. В любом месте, где вы хотите вывести свой скрипт введите {addscript url=scripts/file.js frame=none} где scripts/file.js - путь к скрипту относительно корневой папки frame=none - фреймворк (поддерживаются JQuery 1.6.1 и Mootools 1.3.2) Поддерживаются абсолютно все языки, которые поддерживает ваш сервер или хостинг. Оценивайте. Скачать можно здесь: http://upload.com.ua/get/902674466/plg_addscript.zip-1 points
-
Классно можно проследить, что OpenSource проектами пользуется "школота", пока не начнет зарабатывать нормальные деньги. Потом переходят на коммерческие или продолжают писать свою. И клево, что в Мск поняли, что Joomla УГ беспросветное.-2 points
-
Решил заняться разработкой простых и быстрых сайтов на движке не требующем MySQL. Если кому нужно обращайтесь, пока могу даже за портфолио сделать, если есть готовый и не сложный дизайн. flickersite.ru-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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-