Arinden
-
Posts
262 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Arinden
-
Вот для примера. Менять цвет при наведении мыши можно при помощи псевдокласса :hover
-
Как сделать панель на сайте "Добавить сайт в закладки"
Arinden replied to dsgdshsd's question in HTML Coding
Сделать всплывающую панель "как на google" можно, только вот функция добавления страницы в закладки существенно урезана и упразднена из соображений безопасности и низкого использования со стороны пользователей. Для Chrome и Safari никакой JS не поможет. Единственное, что можно сделать, так это написать "Нажмите CTRL + D (или CMD + D - для Mac), чтобы добавить наш сайт в избранное". Сочетание клавиш кросс-браузерно, если не считать старых версий, например, Opera и Konqueror. Будет необходимо при помощи JS определить использует ли пользователь Mac, возможно, версию браузера и показывать соответствующее системе и браузеру сочетание клавиш на всплывающей панели. По мне, так затея из серии: "куда бы деть лишние 1920 x 30 = 57 600 px²". -
Может быть проблема в телевизоре? Я не знаю JS, а если указать: if (video_count == 4) { video_count = 1; };
-
Не за что .. Но как я и говорил, вариантов очень много, и мой, вероятно, далеко не самый лучший .. Цели нет. Кому как нравится.. Поделитесь Вашим вариантом, и человеку поможете и я с удовольствием посмотрю.
-
Вариантов много, на скорую руку могу предложить посмотреть на общую идею и доработать: <div id="wrap"><h1>Свадебные платья</h1><div id="table"> <div> <div> <img src="" alt="Изображение 1" width="150" height="260"> <p>Текст 1</p> </div> <div> <img src="" alt="Изображение 2" width="150" height="260"> <p>Текст 2</p> </div> <div> <img src="" alt="Изображение 3" width="150" height="260"> <p>Текст 3</p> </div> </div> <div> <div> <img src="" alt="Изображение 4" width="150" height="260"> <p>Текст 4</p> </div> <div> <img src="" alt="Изображение 5" width="150" height="260"> <p>Текст 5</p> </div> <div> <img src="" alt="Изображение 6" width="150" height="260"> <p>Текст 6</p> </div> </div></div></div>#wrap { width: 500px; margin: auto; text-align: center;}#table { display: table; width: 100%;}#table div { display: table-row;}#table div div { display: table-cell; text-align: center;}Вот пример.
-
Градиент текст в вебкит - не совпадает заливка шрифта
Arinden replied to Zverushka's question in HTML Coding
Удалил сообщение, осознав свою глупость. Извиняюсь.. -
Не за что. Если Вам необходимо управлять содержимым, то скрипт следует размещать после содержимого. Поэтому часто можно наблюдать <script> в конце <body>. Возможно, можно по другому.
-
Политика конфиденциальности это документ который регламентирует то, как Вы собираете, храните, передаёте, обрабатываете, используете данные, полученные от пользователей Вашего ресурса. Описывает Ваши действия в соответствии с действующим законодательством, законом о конфиденциальности. Так например интернет-магазин, не считая данных о моём ФИО, почтовом и e-mail адресе, также может хранить платёжную информацию, такую как данные дебетовых и кредитных карт, идентификационные номера и прочее. Таким образом, я, как любой другой покупатель имею право ознакомиться с тем, как будут "обходиться" с полученными от меня данными, после того, как я, например, куплю у них карандаш с доставкой на дом. Но даже если у Вас нет информации о пользователях, Вы всё равно собираете статистику посещений, ip-адреса, для форм комментарий, возможно имеются e-mail адреса или телефоны. Те, что были опубликованы пользователем не для публики, а по Вашему же требованию (например, поле со звёздочкой) и клятвенным обещанием использовать полученную информацию исключительно в рамках privacy policy. Отдельный разговор касательно cookie. Так например, в Европе действует директива под названием The EU Cookie Law, который регламентирует порядок и правила размещения куки на компьютерах пользователей. В зависимости от размещения и целевой аудитории Вашего ресурса - на сайте должны быть проделаны соответствующие изменения, пользователь должен быть поставлен в известность и т.д. Я полагаю, что вопрос в первую очередь в том, какими данными Вы располагаете, чем Вы занимаетесь, где расположены и отчего хотите себя огородить, а далее либо консультации с профессионалами, либо попытки обучиться на собственном опыте, так сказать до первого "придирчивого посетителя",
-
А высота картинки известна? Попробуйте background-size: 100% Ypx; где Y - высота картинки в px. Тогда почему не убрать background-size:100%; и не использовать просто повторение по оси икс? background:url(imgex5/header1.jpg) repeat-x #e9f1f4;
-
Вот ссылка на архив, внутри index.html с вышеуказанным кодом, 1.mp3, 1.ogg, on.png, off.png.
-
Я написал вот такой код, вот пример его работы. А вот сам код: <audio id="melody" autoplay> <source src="1.ogg" type="audio/ogg"> <source src="1.mp3" type="audio/mpeg"> Ваш браузер не поддерживает элемент audio.</audio><img id="imgOnOff" src="on.jpg" alt="Вкл/выкл звук" onclick="Mute()"><script>myVid=document.getElementById("melody");imgOnOff=document.getElementById("imgOnOff");var x = 0;function Mute() { if (x==0) { myVid.muted=true; imgOnOff.src='off.jpg'; x=1; } else { myVid.muted=false; imgOnOff.src='on.jpg'; x=0; } }</script>В элементе <audio> для атрибута src указываем ссылку на аудио файл в формате .mp3 и .ogg (для FireFox и Opera). В элементе <img> для атрибута src указываем ссылку на изображение включённого динамика. В скрипте для imgOnOff.src='off.jpg'; указываем изображение выключенного динамика, а в imgOnOff.src='on.jpg'; дублируем изображение включённого динамика.
-
Для <embed> элемента нет атрибута mute. Для того, чтобы контролировать аудио на странице - необходимо использовать новый элемент <audio>, но он имеет ограниченную поддержку браузерами. Либо использовать проприетарные плагины.
-
А есть какой-то ресурс с материалом который мог бы помочь таким как я недоразвитым занудам ознакомиться с рекомендациями на тему где и какой тег лучше использовать, какие теги не стоит включать в другие, от использования чего лучше отказаться и т.д. Не просто что header нельзя в dd - это мне и валидатор скажет. Но ведь далеко не всё то что валидно - красиво и логично написано. Вот как по Вашей ссылке информация о том, что больше любят поисковики, ведь как до такого можно дойти самому? Лично для меня это нереально. Так вот и с тегами в целом, наверняка есть и статистика и пособия, руководства и прочее. Знаете что-нибудь?
-
На "0 (ноль) lik точка ру" посмотрите, там поиск есть. Parallax поищите, вроде что-то выложено интересное. (не реклама, первый раз этот сайт вижу).
-
Извините, что в «чужой огород со своим кодом» (с) но всё же хотел предложить одну идею. Если у нас картинка всегда одинаковых размеров, то может сделать вот так: <iframe src="www.example.zone/image.jpg" id="eee" align="left" frameborder="0" scrolling="no"></iframe> А если размеры не известны, то прикрутить что нибудь из этой оперы?: var img = document.createElement('img') img.src = 'http://www.example.zone/image.jpg' img.onload = function() { document.getElementById('eee').height = this.height; document.getElementById('eee').width = this.width; } Вот пример. Правда, как я понимаю получается два обращения к картинке. Может ещё что нить типа seamless добавить?
-
SelenIT, очень классная ссылка, спасибо большое! Это интересно почитать. А вот, смотрите, там сказано, что влияние ul -> li всего 13%, в то время как даже у параграфа выше. А про dd ничего не сказано. А у header одно из самых высоких. И вот такой вопрос, если мы кусок кода включая ul li input label заключаем в noindex? Поиск пропускает и элементы в том числе, читая только оставшийся «чистый header» с текстом или он будет видеть что тег header пересекается и list item и прочее, как Вы думаете? А как узнать что приоритетнее использовать, ведь я могу того же эффекта добиться только li или только div'ами, но при этом я могу и вписать заголовок и список и окружить его определениями. Есть какие-то таблицы и инструкции?
-
Я разумеется пишу образно, и не обязательно про конкретный код. Я хотел показать что код перегружен тегами, которые нужны для проявления логической цепочки, а не для дизайна страницы. Так как если бы речь шла о дизайне, то код можно в 4 раза меньше сделать. Пример который можно привести для использование данного кода.. хм.. ну например элемент <h1>Опрос</h1>, далее под <h2> идут вопросы, под ними формы с тем кодом который дал я (ну только не h2, а h3 там тогда будет). И вот вышеуказанный код для радио с вариантами определения чего либо. Т.е. например нужно выбрать определение слова которое нравится посетителю больше. Поэтому у нас есть и input и lable, а если вариант радио смысловой и значим для SEO берём его в h3. Так как сам вариант это слофо (фраза), а dd это определение. Ну как-то так. Опять же я образно. Потому что вопрос не то чтобы в конкретном случае, а в том чтобы стараться описать тегами содержимое, как картину словами - больше слов - чётче представление.
-
The element h2 must not appear as a descendant of the dt element. - Не понимаю почему, но хорошо, ладно. Меняем код и получаем: Element dl not allowed as child of element h2 in this context. (Suppressing further errors from this subtree.) Contexts in which element dl may be used: Where flow content is expected. Но ведь и <h2> и <dl> это flow content. А есть какая-то таблица где сказано какой элемент какие элементы может содержать, чтобы поучиться? Задачу которую я пытаюсь решить это научиться использовать теги по их назначению в объёме который бы полноценно описывал контент страницы. Я знаю человека, который верстает страницы одними дивами, никаких тебе даже ul с li или параграфов. Но ведь если разобраться под большинство представляемой информации есть соответствующие теги, так почему их не использовать? Если требуется форма с двумя радио, для каждого радио положены label, они же являются заголовками h2 и при этом для каждого варианта радио есть определение, типа расшифровка (dl, dd, dt). В некоторых местах хотим иметь title и не дай бог ещё и кастомизированный радио (+<span></span>). Я не издеваюсь, просто я учусь и у меня есть маниакальное стремление к использованию тегов не когда они потребовались для дизайна, а когда они потребовались для типа контента.
-
Подскажите, пожалуйста, насколько имеет место быть такой код (кирпичами не кидать): <form> <ul> <li> <input id="radio-buy" type="radio" name="radio" value="buy"> <label id="label-buy" for="radio-buy"> <dl> <dt> <h2 title="Category 1">Category 1</h2> </dt> <dd title="Category description">item 1, item 2, item 3</dd> </dl> </label> </li> <li> <input id="radio-sell" type="radio" name="radio" value="sell"> <label id="label-sell" for="radio-sell"> <dl> <dt> <h2 title="Category 2">Category 2</h2> </dt> <dd title="Category description">item 1, item 2, item 3</dd> </dl> </label> </li> </ul> </form>
-
Стиль, систематизация, шаблонизация присвоения ID и классов HTML элементам
Arinden replied to Arinden's question in HTML Coding
Так вот моя проблема как раз в том, что я не знаю какой логикой руководствуются другие. И хотел об этом почитать. А про SEO я до кучи спросил. Ведь грамотное использование HTML элементов влияет на SEO, а название ID и классов вообще нет? Я не знаю. -
Стиль, систематизация, шаблонизация присвоения ID и классов HTML элементам
Arinden replied to Arinden's question in HTML Coding
Как я понимаю, БЭМ это масштабно, БЭМ это накапливание опыта и наработок кода.В конце концов, БЭМ это сложно и для одного человека даже отчасти бесполезно. Да, выглядит круто, задумка интересная, но неужели нет простого и действенного метода придумывания и присвоения названий? А как же мировая практика? Смотрю про совершенный код. Информации много, пока одна вода попалась. -
Стиль, систематизация, шаблонизация присвоения ID и классов HTML элементам
Arinden posted a question in HTML Coding
Всем здравствуйте! Поделитесь, если у кого есть, пожалуйста, статьями или информацией по теме грамотного присвоения ID элементам. Я понимаю что отчасти дело фантазии и собственного вкуса, однако я всерьёз полгаюа, что есть ряд методик, разработанный умными дядями, с которыми было бы интеремно ознакомиться. Однако, мне мало чего удалось найти. Помню была статейка написания сайтов "мини блоками" (не помню как они по умному назывались, бам, бом или что-то такое) и внутри каждого блока элементы получали очень грамотные, длинные и говорящие за себя названия. Может один я после 30-го элемента начинаю в них путаться, т.к. не использую грамотный подход при распределении ID? Буду признателен если поделитесь ссылками на статьи подобного плана, можно (желательно) на английском. Даже я думаю это делает сайт SEO-friendly? Или я ошибаюсь? Быть может у Вас есть собственный метод, опыт. Извиняюсь если это уже обсуждалось, но я реально не смог найти. Ткните носом, спасибо. -
Не понимаю, а зачем Вы хотите все страницы впихивать в один .html файл? Какие от этого плюсы? Обычно делают index.html - главная страница сайта, разделы сайта идут отдельными файлами about.html, services.html, contacts.html и т.д. Преимуществ здесь несколько, они проявляются, например, при продвижении сайта в поисковых системах. Подумайте о том, что если всё будет в одном файле, то даже если пользователю неинтересны все разделы вашего сайта, он все равно их прогрузит (в т.ч. все скрипты, например, необходимые для обратной связи), истратит трафик и время (так делаются сайты во флеше, всё в одном файле и при загрузке идёт прелоадер, правда, после прогрузки любые разделы уже открываются незамедлительно). Также с громоздким кодом неудобно работать. Мне кажется здесь выбирать даже нечего, но не исключаю, что бывают единичные случаи, когда есть необходимость в этом.
-
Я создал чистый .html без CSS, вставил туда код и белой полосы не наблюдается. Дайте ссылку или файлы целиком. Установите NotePad++ и работайте всегда в нём. В меню Кодировка - Преобразовать в UTF-8 без BOM.
-
Мне так тяжело сказать, я не вижу всего кода и кода .css, но попробуйте тег h3 закрыть после li. Вообще, мне кажется так неправильно. Тег h3 должен быть внутри li (знатоки меня поправят, если я ошибаюсь). Не знаю, вот пример, всё работает.
