Leaderboard
Popular Content
Showing content with the highest reputation on 06/16/2011 in Posts
-
2 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.zip1 point
-
1 point
-
Это мой вольный перевод статьи Роберта Йохансона Не знаю, будет ли данная тема интересна кому-то, но я недавно сталкивался с проблемой, описанной в данной статье и тогда не знал, как её решить. В "полезные приемы и решения" пока писать не могу. Поэтому.. Меня всегда раздражало то, как трудно стилизовать номера в упорядоченном списке. Нередко проект предусматривает нечто иное, чем просто обычный рисунок – другой шрифт, размер, фон, да что угодно. Традиционный подход к решению этой проблемы – оградить номера элементов списка (li элементы) от стандартного представления их браузером, «жестко» указывая числа в текстовом контенте li. Это позволяет применять различные дизайнерские приемы к номеру до тех пор, пока вы не останетесь довольны. Такое решение работает визуально, но это не совсем семантически правильный способ использовать списки. Когда вы просматриваете такой «поддельно пронумерованный» список с выключенным CSS , вы видите либо список с повторяющимися номерами элементов, либо список с маркерами и числами. Поэтому, когда я недавно опять столкнулся с необходимостью стилизовать номера списка, я подумал, что нужно пойти по другому пути, без подделки этих номеров. Благодаря тому, что Internet Explorer начинает потихоньку понимать прогрессивные методы CSS , мне удалось найти приемлемое решение. Если вы (ну хорошо, ваш клиент) можете продолжать жить, не имея особых стилей номеров списка в IE7 и старше, то можете использовать данный метод. Ключевое значение в данном методе имеет использование Генерация контента CSS, для создания и вставки счетчика номера после удаления нумерации по умолчанию из списка. Я создал демонстрационную страницу с простым примером для того, чтобы было с чего начать изучение этой техники. Ниже представлен CSS, который я применил в демонстрационной страничке: ol { counter-reset:li; /* Инициализируем счетчик */ margin-left:0; /* Удаляем дефолтный левый margin */ padding-left:0; /* Удаляем дефолтный левый padding */ } ol > li { position:relative; /* Создаем среду позиционирования */ margin:0 0 6px 2em; /* Каждому элементу списка добавляем левый margin для места под числа */ padding:4px 8px; /* Добавим немножко пространства вокруг контента */ list-style:none; /* Отключаем стандартную нумерацию */ border-top:2px solid #666; background:#f6f6f6; } ol > li:before { content:counter(li); /* Используем счетчик как content */ counter-increment:li; /* Увеличение счетчика на 1 */ /* Позиционируем и стилизуем числа */ position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Оставляем немного места между числами и контентом для браузеров, которые поддерживают генерируемый контент, но не поддерживают его позиционирование */ margin-right:8px; padding:4px; border-top:2px solid #666; color:#fff; background:#666; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center; } li ol, li ul {margin-top:6px;} ol ol li:last-child {margin-bottom:0;} Вот ключевые моменты: list-style:none: отменяет стандартную нумерацию counter-reset и counter-increment: создают область работы счетчика и увеличивают его на 1. Оба описаны в CSS 2.1 12.4 Automatic counters and numbering. content: вставляет индекс созданного счетчика. Описан в CSS 2.1 12.2 The ‘content’ property :before: псевдо-элемент Вы можете использовать почти любой стиль на сгенерированном элементе. Однако, нужно всегда помнить, что произойдет, если список будет очень длинным – хватит ли места для трех- и четырех-значных номеров? Конечно, не очень распространенный сценарий, но все-таки нужно следить за шириной элемента, который содержит номер. Как я уже говорил, этот способ не работает в ИЕ7 и старше, потому что ИЕ до 8 версии не поддерживает псевдо-элементы :before и :after. С помощью условных комментариев и CSS хаков вы можете заставить старые браузеры отображать такие списки тоже, просто без всяких крутых стилей. Я думаю, большинство людей в состоянии жить и без этого. Update: Демонстрационная страница теперь включает в себя «изящное деградирование» для ИЕ7 и старше. Спасибо всем, кто отметил его отсутствие и всем тем, кто предупредил меня о проблемах, которые должны быть исправлены. А также спасибо Эрику Мейеру, который напомнил мне, что некоторые браузеры не позволяют позиционировать генерируемый контент (например Camino 2 и Firefox 3.0). Я добавил некоторый padding и правый margin для генерируемых чисел для того, чтобы они выглядели немножко более прилично в этих браузерах.1 point
-
1 point
-
1 point
-
а речь не идет сделать за меня что то. Я, как челочек с малым багажем знаний в программировании, просил подсказки и всего то! А Вы товарищи админы, перевели это на бабло, зафлудив тему, не дав высказаться участникам форума!!!1 point
-
Темы бывают разными. В мире существует более одной операционной системы...1 point
-
Конечно же подскажем. Всё дело в лени и нежелании самому открыть книгу и разобраться1 point
-
Лови подруга <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{ margin: 0; padding: 0;} #wrap {} #wrap div { float: left; width: 30%; margin: 0 1%; background: red;} </style> </head> <body> <div id="wrap"> <div class='div'> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p> </div> <div class='div' style="background: yellow;"> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> </div> <div class='div' style="background: green;"> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t</p> </div> </div> <script type="text/javascript"> window.onresize = resize; window.onload = resize; function resize(){ var div = document.getElementById('wrap').getElementsByTagName('div'); var n = 0; for(var i=0;i<div.length;i++){ if(div[i].className == 'div'){ div[i].style.height = 'auto'; if(div[i].offsetHeight>n) n = div[i].offsetHeight; div[i].style.height = n+'px'; } } } </script> </body> </html>1 point
-
CSS Lint - проверяет ваш CSS-код на ошибки. Кроме указания ошибок, отмечает также и спорные моменты (например использование идентификаторов ни к месту) и дает советы по правильному написанию кода, простым и понятным языком, правда английским. Для начинающих самое то. Пробуйте.1 point
-
1 point
-
Читайте мануалы по jQuery. Если бы вы хоть немного потрудились, то давно бы нашли ответ на свой вопрос. Когда я изучал jQuery, то через 5 минут гугления я нашел метод .each(). Всего пять минут P.S. И при чем тут рандом?1 point
-
А чё нет? Просто и стильно. Ради тупо слова «симантики» усложнять жизнь и себе и пользователям? Красота спасёт Вэб!1 point
-
1 point
-
Набросал свое решение без jQuery, потестите пожалуйста. http://dl.dropbox.com/u/16874200/styledSelect/index.html А вообще хром предоставляет возможность стилизовать сэлэкты как хочешь. Только вот когда до других это дойдет...1 point
-
Свистелки всплывающие подсказки криво работают, долго открываются и ужасные цвета Выдача результата слишком длинная, нужно коротко скомпоновать особенно учитывая что место предостаточно (2-3 столбца) Дизайн в целом не айс в общем1 point
-
Не получается самостоятельно разобраться в следующем... хочу сделать на сайте чтобы пользователь смог самостоятельно изменять размер, цвет шрифта и пр. Для пробы загрузил на www... Кто нибудь подскажет в чем проблема?0 points
-
Правильно что вы ничего не поняли, потому что сам вопрос это первый пост, на которой нет ответа. А все сообщения, уже на 2 страницы, это флуд который развел psywalker...0 points
-
Если psywalker изначано не собирался подсказать, то и флуд не нужно было разводить!0 points
-
Я тут подправил немного код... http://jsfiddle.net/RzC4q/1/ И даже можно еще улучшить http://jsfiddle.net/RzC4q/3/0 points
-
Фиксэд С одной стороны в этом мало смысла т.к. он унаследует от корня почти всё ... С другой стороны, нужно дополнительную проверку осуществлять внутренне т.к. некоторые данные для поддомена получить нельзя. Обязательно будет реализовано.-1 points
-
да ладно ? а на каком языке написано ?? а чёй то между тегами <script> код располагается ? под "ява" я подразумевал яваскрипт да я уже сделал под ие, мне можно сказать достаточно этого.. нужно было кликающего бота сделать взяли нах наминусовали мне, аж первый пост... курите дальше свой жквери... а я буду на чистом яваскрипте писать без изврата-1 points
-
У тебя нигде не указывается, что это jQuery код. Также были коряво расставленны знаки. Я все это исправил. Это тот же код, но только с исправленными замечаниями. $(document).ready(function(){ var li = $('li'), liHeight, heightMax, rowLi; for (var i = 0, max = li.length; i < max; i += 4) { heightMax = 0; rowLi = li.eq(i); for (var j = 0; j < 4; j++) { rowLi = rowLi.add(li.eq(i + j)); liHeight = li.eq(i + j).height(); heightMax = liHeight > heightMax ? liHeight : heightMax}; rowLi.css('height', heightMax)}; });-1 points
-
Конечно же подскажем. Всё дело в лени и нежелании самому открыть книгу и разобраться желание зашкаливает все грани! уже несколько дней с этим сижу и ни чего не получается.-1 points
-
Конечно же подскажем. Всё дело в лени и нежелании самому открыть книгу и разобраться желание зашкаливает все грани! уже несколько дней с этим сижу и ни чего не получается. Это называется "желание зашкаливает все грани!" ?-1 points
-
ой, да ладно злорадствовать. Это вы Профи и все знаете и море по калено, а мне оно огого как глубоко! Лучше бы помогли направить всё в нужное русло. вот только что за файл? я предпологаю что этот http://www.sibdisnet.ru/public/css/site/scheme.php но как и с чем его едят?-1 points
-
ой, да ладно злорадствовать. Это вы Профи и все знаете и море по калено, а мне оно огого как глубоко! Причём тут сколько я знаю? Если бы я, как и ты, ничего не делал, а только копировал чужой код, то знал бы ровно столько же, сколько и ты. Без проблем. Вот начинай прям сначала и так далее весь сайт по полочкам. http://javascript.ru/-1 points
-
Прошу заметить вот какую вещь, чужой код я ни где у себя не применял, а только скопировал чтобы понять как это работает. Самостоятельно не получается, потому что малы знания в программировании, обратился за помощью на форум...но Вы почему то товарищ Администратор начали принимать это в штыки.-1 points
-
Прошу заметить вот какую вещь, чужой код я ни где у себя не применял, а только скопировал чтобы понять как это работает. Самостоятельно не получается, потому что малы знания в программировании, обратился за помощью на форум...но Вы почему то товарищ Администратор начали принимать это в штыки. Поверьте мне, я уже не первый год на форуме и уже научился различать лентяев от иных личностей. По твоим постам я ни разу не увидел, чтобы вы что-то сделали сами. Покажите мне тестовую страницу с примером, где вы что-то пробовали сами, а не скопированный код. А так же интересно увидеть ссылки на материалы, которые вы изучали.-1 points
-
можно, но придётся геморой делать. плагины тоже есть, но работают через заднее место-1 points
-
Сайт замечательный, хорошие самоучители, справочники, примеры для практикума. Но вот форум, складывается мнение, что полностью направлен не на помощь (как приложение к сайту), а полностью на коммерцию! Как вы сами знаете, ни кто никому, ни чем не обязан! Я вам не обязан ничего показывать, а уж тем более доказывать. А если у Вас нет желания помочь мне, то нужно было просто промолчать, не разводить дебаты, а оставить это на обсуждение другими пользователями. Но нет же надо было показать, что я тут судья и бог в одном лице.-1 points
-
Точно, и ещё, если этот самый судья ещё раз увидит, что вы пришли просить, чтобы за вас сделали вашу работу, сразу же отправит ваш пост в Коммерческий раздел, незамедлительно!-1 points
-
Для лентяев все за деньги. Для тех, кто хочет выучить - все бесплатно. Сколько бессмысленной патетики, громких слов и клише. Никто не обязан вам ничего делать за вас. Поделиться знаниями - всегда пожалуйста, а делать за вас вашу работу - идите ищите дурачков в другом месте. Дальнейшие споры на эту тему приведут к двухнедельному бану аккаунта.-1 points
-
-1 points
-
Я посмотрел так навскидку. У вас проблемы с method="POST"-1 points
-
-1 points
-
Я и первый пост не понял. В чем проблема? вот с этого может и надо было начинать? а не угрозы делать баном, поддерживая флуд psywalkerа!-1 points
-
Решил, что пора переходить с x-блоковёрстки на прогрессивный и модный HTML5. Конечно, полностью от икса уйти не получилось по причине наличия некоторых RDFa составляющих, но тем не менее, большая часть сделана в новом духе. Попутно подтягивал экспу в области PHP и вот что у меня родилось. Собственно идея зрела уже давно, но всё не доходили руки взять и продумать всё как следует. Немного огорчил факт того, что валидность довести до ума не представляется возможным, но я зыбил на это т.к. выпиливать семантику не хотелось. Также постарался скреативить оригинальные тултайпы и чекбоксы. * HTML5 * CSS3 * RDFa * AJAX * PHP самопис * IE6 послан С благодарностью приму все заслуженные помидорки-1 points
-
А я подразумевал именню Java и ничего больше. ну ну, с первого поста речь идёт про ява скрипт... да и раздел по яваскрипту... или ты первый раз слышишь, что бы яваскрипт называли просто явой ? да, я знаю, что существует просто ява, но думаю мало кто из обитателей форума с ней знаком. ну а сейчас вообще особого смысла нету делать ява-аплеты, когда есть флеш и ты согласен со мной, что жквери = яваскрипт ?-2 points
-
А давай договоримся Сань, что впредь ты не будешь вмешиваться в мои дела, ок? Если ты привык делать работу за лентяев, то это твои личные проблемы, но мне это твоё "качество" навязывать не нужно. Я не первый год на форуме и мне не 15 лет, чтобы заниматься пустословием, и я прекрасно знаю, что я говорю и КОМУ я это говорю. Если честно, я даже удивлён, что ты не видишь элементарных вещей и совершенно не разбираешься в людях. Жаль. Да пусть будет по твоему, как ты хочешь…да, я лентяй, ничего не хочу делать и ни в чем разбираться! Но какого х… ты флудишь? Не захотел помочь – пройди мимо! Даже вот сейчас, когда ctpz дает подсказки, ты товарищ Админ psywalker опять флудишь, забивая тему не нужным г…!!!! ———————————————————————————-- да хорошо, но Денвер у меня уже стоит-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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-