Modestes
-
Posts
308 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Modestes
-
Добавьте в стили height:300px; Если нужна рамка, то еще добавьте border:1px solid #000; Для шрифта используйте font-family: ....перечисление шрифтов.... ; подробнее тут
-
<style> .two { -moz-column-count: 3; /*Это количество колонок*/ -moz-column-gap: 20px; -webkit-column-count: 3; /*Это количество колонок*/ -webkit-column-gap : 20px; column-count: 3; /*Это количество колонок*/ column-gap : 20px; column-rule-color: #ccc; column-rule-style: solid; column-rule-width: 1px; -moz-column-rule-color: #ccc; -moz-column-rule-style: solid; -moz-column-rule-width: 1px; -webkit-column-rule-color: #ccc; -webkit-column-rule-style: solid ; -webkit-column-rule-width: 1px; } </style> <body> <p class="two">Здесь пишите свой текст. </body> на чистом CSS в 9 IE не работает, можно воспользоваться jquery если критично
-
Есть горизонтальное меню в виде вкладок. В стилях прописано фоновое изображение. Нужно еще в угол вставить маленькую иконку вопроса. Как это можно сделать не удаляя фон? Если вставлять второй background то фоновое изображение естественно исчезает и появляется иконка. Пробовал этот вариант Но что то у меня не выходит. Вложенность у меня такая <ul> <li><span><a><span>Аукционы</span></a></span></li> </ul>
-
Сделал сам, прописал position:relative; в 1 px
-
Сделал по похожему принципу. Все бы хорошо но вот отступ убрать не получается. на скрине видно, справа отдельная картинка торчит где то на 2px, как его можно убрать? Торчит из-за отступа текста, если его подправить то снизу урезается левое изображение. Высота у изображений одинаковая button.post { display: block; float: left; font: bold 12px arial, sans-serif; color: #fff; text-decoration: none; background: url(/design/main/images/bgr.png) top right no-repeat; padding-right: 10px; outline: none; } button.post span { display: block; line-height: 13px; background: url(/design/main/images/bgl.png) no-repeat; padding: 7px 0 13px 23px; } <button name="new_answer_btn" id="new_answer_btn" type="submit" class="post" onclick="this.blur();"><span>Кнопка</span></button>
-
спасибо! код не мой, а студии.
-
Не работает кнопка если нажать по бокам. Если по тексту то работает Вот скрин. На скрине видно что есть отступы в 20px, из-за них как раз таки и не работает вот код <div><a class="post" href="#"><input type="submit" name="new_answer_btn" id="new_answer_btn" value="Отправить"/><em></em></a></div> и стили .new-answer .post, .new-private-answer .post { position: relative; display: inline-block; margin-top: 20px; padding: 0 20px; height: 27px; background: url(/design/main/images/btnbg.png) -12px 0 no-repeat; color: #fff; text-decoration: none; line-height: 26px; font-weight: bold; font-size: 1.167em; } .new-answer .post em, .new-private-answer .post em { position: absolute; top: 0; left: -12px; margin-left: 100%; width: 12px; height: 27px; background: url(/design/main/images/btnbg.png); } .new-answer .post input, .new-private-answer .post input { padding: 0; border: none; background: none; color: #fff; font-weight: bold; font-size: 1em; cursor: pointer; } изображение для кнопки вот такое Если убрать у ссылки внутренний отступ padding: 0 20px; то кнопка работает, но справа остается кусок скругленного изображения и естественно если нажать в это место то не пашет. Вопрос: Как сделать кнопку рабочей сохранив при этом скругление и растягивание т.к на сайте текст для кнопок разной длины.?
-
Благодарю Плюсануть не могу жаль
-
Тебе нужно для div прописать ширину. В общем вот почитай Хотя у меня твой код пашет, скрин было бы не плохо
-
Начну с того что хорошо знаю HTML и CSS, немного JQuery. Но хочу научиться писать хотя бы простой движок для сайта. Но так как нет в этом знаний, прошу вас подсказать в каком направлении двигаться, какую литературу изучить и т.д. Сейчас у меня сайт на Joomla, но CMS не даёт развития в программном плане, тупо установил модуль и работаешь, мне интересней научиться написать к примеру этот же модуль самому. Кто-то наверное подумает, а зачем изобретать колесо, когда уже есть готовое, бери да пользуйся, к примеру та же CMS, но я не понимаю её работу, да и кто муже расширения к CMS бывают кривые и зачастую необходимо их подпиливать. А для меня это проблема. Лучше уж я потрачу время на осмысливание и изучение, чем на поиски напильника для какого либо расширения. Поэтому решил сделать сайт на своём универсальном движке,который можно расширять, без использования CMS. Или даже если и использовать CMS но уже понимать принцип её работы и уже без проблем править то что мне нужно. Кстати как я понял движок сайта и CMS это разные понятия? Хотя и CMS называют движком. Во общем, подскажите как мне действовать. Заранее благодарен! P/S Планирую сделать СДЛ информационной тематики, думаю в таком случае можно обойтись простым движком, а дальше уже двигаться исходя из полученного опыта.
-
Я уже сам разобрался)) В общем вот рабочий скрипт, может пригодится новичкам вроде меня )) //Создаем переменную прописываем все что нам нужно, это будут глобальные опции, позиционирование, стили и т.д var shared = { //Глобальные опции position: { my: 'bottom right', at: 'top left', }, show: { delay:700, effect: function() { $(this).show(400); } }, style: { classes: 'ui-tooltip-plain ui-tooltip-shadow ui-tooltip-rounded', //Это стили самого плагина qTip tip: true } }; //А это сами подсказки, тут добавляется .extend Расширяет непосредственно сам объект jQuery. Может использоваться для добавления функций в пространство имен jQuery. Далее приписываем переменную которою мы создали, меняем текст и класс и вуаля. Например: $('.class-1').qtip( $.extend({}, shared, { content: 'Текст для первого элемента', })); $('.class-2').qtip( $.extend({}, shared, { content: 'Текст для второго элемента', })); $('.class-3').qtip( $.extend({}, shared, { content: 'Текст для третьего элемента', })); После того как я разобрался, возниц вопрос, а что если я захочу изменить позиционирование для нескольких подсказок, или сменить их стиль, а другие оставить как были изначально. Если добавлять опции в скрипт подсказки, то у этой подсказки отключается глобальная опция, которую мы прописали в начале. Соответственно нам нужно создать еще одну глобальную опцию, после окончания первой глоб.опции создаем новую переменную пишем другие стили и т.д, далее уже в подсказках подставляем вновь созданную переменную, вот и все) А делов то..тьфу...зато разобрался сам и теперь понял что да как)) З.Ы. Метод тыка рулит
-
да дело не в этом коде, а в коде из 3 моего поста. а этот кстати рабочий, пусть даже запятые лишние)
-
Что Вы понимаете под "разные"? Объясню. Дал бы ссылку, но сайт на локалке. Есть блок со статусами. Новые. (подсказка 1) Решенные. (подсказка 2) На аукционе. (подсказка 3) Проваленные. (подсказка 4) ну и т.д и т.п Нужно добавить к каждому статусу всплывающую подсказку - описание Сейчас у меня получается реализовать это тупо дублированием вот этого кода для каждого статуса, лишь с изменением класса и самого текста, все остальное получается лишний код, и это еще короткий, на деле он больше, таких элементов на странице полно, соответственно зачем загружать её лишним кодом. Т.е нужно использовать один скрипт для нескольких подсказок с разным текстом. $('.st').qtip({ content: 'Текст подсказки', position: { my: 'top right', at: 'bottom left', }, style: { classes: 'ui-tooltip-green ui-tooltip-shadow ui-tooltip-tipsy ui-tooltip-rounded', width:200, }, }); Вариант на оф сайте мне подходит, но наверное я не правильно все подключил, хотя проверял тыщу раз.
-
хм...прочел, написал $(document).ready(function(){ var shared = { position: { my: 'top left', at: 'bottom right', }, show: 'click', hide: 'click', style { tip: true } }); $('.st1').qtip( $.extend({}, shared, { content: 'Текст первой подсказки', style: { classes: 'ui-tooltip-red' } })); $('.st2').qtip( $.extend({}, shared, { content: 'Текст второй подсказки', style: { classes: 'ui-tooltip-dark' } })); <span class="st1">Один Элемент</span><br><br> <span class="st2">Второй Элемент</span> Но не пашет, странно, библиотека свежая(пробовал другую подключать) Все сделал как в примере. на ум приходит только одно, автор где то ошибся в примере. Гляньте на код, все ли верно?
-
buddah Я не против их читать и всегда читаю и до вопроса читал доки, пробовал на примерах в демке но не получалось. И кстати использовал вообще не тот пример, спасибо что тыкнули, дальше сам разберусь! ))
-
Добрый день. Сразу код $('.support-failed').qtip({ content: { text: 'Новые заявки.', }, style: { classes: 'ui-tooltip-youtube ui-tooltip-green ui-tooltip-shadow ui-tooltip-rounded ', }, position: { my: 'center right', at: 'center left', adjust: { x: -44, target: $(document), resize: true, } }, show: { delay:700, }, }); Задача следующая: Добавить РАЗНЫЕ подсказки для нескольких элементов, их много, соответственно отдельно для каждой подсказки писать скрипт не вариант. Что нужно добавить в скрипт чтобы не писать его по новой для каждой подсказки? Повторюсь, подсказки должны быть с разным текстом для всех элементов! Понимаю что можно такое сделать, но в JQuery разбираюсь пока плохо, на оф сайте плагина тоже был, не могу понять как это делается. Подскажите пожалуйста В скрипте получается меняется только сам текст, и добавляется класс или айди для элемента. А вот как добавить этот элемент и прописать для него текст, я не знаю. Версия qtip2
-
Возможно вы не так поняли. Для представления перейдите по ссылке в 1 посте. Объясню на всякий Допустим есть иконка маленькая знак вопроса, кликаешь по нему и рядом открывается окно диалоговое, в окне описание и все такое, есть кнопка закрыть, как впихнуть в окно содержимое я знаю, а вот как создать этот блочный элемент не знаю. с js я пока не в ладах
-
убрал, исчезает при выходе из зоны тригера. нужно чтобы окно всплывало при нажатии допустим на вопросик и не исчезало, если только по крестику нажать. Если можно ссылку на пример реализации такой подсказки с пояснениями? чтобы хоть понимать что куда
-
Добрый день. Нужно реализовать подсказки как на яндексе ссылка, слева в блоке "цифровые фотоаппараты" возле полей есть вопросики, кликнув по которым всплывает окно. Т.е нужна подсказка не привязанная к мышке. Подскажите пожалуйста где найти такой скрипт? у меня есть вот такая подсказка можно ли её отредактировать так чтобы она не привязывалась к мышке и можно было уже в подсказку всунуть например ссылку? $(document).ready(function() { //Подсказки $(".tip_trigger").hover(function(){ tip = $(this).find('.tip'); tip.show(); //Показываем подсказку }, function() { tip.hide(); //Скрываем подсказку }).mousemove(function(e) { var mousex = e.pageX + 20; //Получаем X координату var mousey = e.pageY + 20; //Получаем Y координату var tipWidth = tip.width(); //Находим ширину подсказки var tipHeight = tip.height(); //Находим высоту подсказки //Расстояние от элемента до правого края окна просмотра var tipVisX = $(window).width() - (mousex + tipWidth); //Расстояние от элемента до нижней части окна var tipVisY = $(window).height() - (mousey + tipHeight); if ( tipVisX < 20 ) { //Если подсказка превышает координату Х области просмотра mousex = e.pageX - tipWidth - 20; } if ( tipVisY < 20 ) { //Если подсказка превышает координату Y области просмотра mousey = e.pageY - tipHeight - 20; } //Абсолютное положение подсказки в соответствии с положением курсора мыши tip.css({ top: mousey, left: mousex }); }); });
-
Наверное я не правильно выразился, свою CMS я естественно не создам, уйдет наверное года два а то и три, чтобы изучить и понять все моменты. Я имел ввиду управление сайтом через свою админку, на php ведь можно создать простенькую админку с простым редактором. Сайт планирую создавать узко информационный, примерно на 500 страниц. А по поводу CMS, повторюсь, лично для меня её использование не несет развития, установил модуль или плагин, на уровне HTML и стилей что нужно подправил и готово. Если мне нужно что то исправить и это затрагивает PHP или JS, то здравствуй форумы и поиск, что убивает много времени(хотя не исключаю что и это полезно, по пути узнаешь еще что-то). Вот я и подумал нужно изучить PHP, а вот использовать знания вместе с CMS или отказаться от неё, решить не могу С одной стороны самописный проект удобней в плане того что знаешь что где находится, а с CMS еще нужно разобраться. За издательство спасибо, буду искать их книги. Вообще, было бы замечательно если бы выложили тут названия топ 10 книг P.S. Кстати насчет книг и видеоуроков, не поймешь, одни кричат что в книгах много лишнего, лучше видео уроки смотреть, другие что видео уроки не качественны и создаются лишь с целью продажи, вместо них лучше читать книги. В общем вопрос в том где обучаться этому, ибо курсы стоят дорого и их так же не советуют. Выходит остаётся находить части мозаики и собирать
-
Добрый день! Запутался я Небольшая предыстория. Начну с того, что изучил HTML и CSS в центре "Специалист", после окончания многое осталось непонятным. Стал потрошить Яшу в поисках статей, уроков и т.д, В общем хотел заполнить пробелы которые остались после курсов. Все это дело потребовало 2х месяцев. Далее я решил пойти на курсы JS, они шли 4 дня, стоили 7т. руб. Уже со второго занятия я вообще не понимал о чем толкует преподаватель. В итоге пожалел что вообще на них записался, ибо вся информация есть в сети. Но собирать её по крупицам занимает много времени. Я пытался изучать php,js,mysql в сети, в итоге в голове полная "каша" и толком то я ничего из этого не знаю. Нужно было двигаться последовательно, чем собственно я и хочу заняться. Очень хочу научиться писать код самостоятельно (кстати ниже будет вопрос по поводу этого) Посоветовали начать с книг, а конкретнее вот с этой Разработка Веб Приложений с помощью PHP и MySQL - Люка Веллинга и Лоры Томсон. Кто что скажет про неё? А вопросы которые меня интересуют звучат так. Что понимается под профессиональной версткой или программированием? В каких случаях следует использовать CMS и используют ли их профессионалы своего дела? Даже если я буду знать PHP, то правильней писать самому или все таки использовать CMS и дорабатывать её с учетом знаний? Просто в моем понимании профессиональная работа это самописный сайт с правильным кодом. В общем я в ступоре. Планирую создать качественный СДЛ, Один сайт уже есть, на движке Joomla. Для нового есть идея, ТЗ тоже имеется. Но в связи с тем что я не знаю других языков кроме HTML и CSS я не могу решиться как мне поступить. То ли забыть на время про сайт и изучать необходимые мне языки, то ли использовать CMS, что как мне кажется не профессионально. Хотя понимаю что движки значительно облегчают работу над сайтом. Но и в то же время, если необходимо что-то где то изменить, то незнающему человеку это будет не под силу. В итоге я почувствовал что завишу полностью от CMS а не от своих знаний (которых собственно и нет) Хотелось бы знать как работают профи и двигаться в этом направлении. Хочется стать хорошим web-мастером! И посоветуйте еще какие нибудь книги? Забыл добавить. Где найти действительно качественные уроки программирования? А то я заметил Е.П. и подобных авторов профи не любят , в связи с этим не решаюсь обучаться по его курсам, а вот где найти качество и не наткнуться на старые грабли не знаю.
-
Боюсь, что таких программ/ресурсов/скриптов нету. Я вообще не вижу смысла рабочий сайт с большим кол-вом страниц переводить на дивы. Зачем? Только лишней работы прибавится. P.S. В голову пришло: что будет, если открыть все (или часть) страниц в Notepad++(или в другом редакторе) и заменить(Ctrl+H) все теги <table>,<tr>,<td> на <div>? Ну по первых он не совсем рабочий . оживить надо так сказать . А насчет редактора, я вкурсе что в любом редакторе можно это сделать. НО, у меня 24893т файла и каждый открывать в редакторе тоже геморно. Вот поэтому и подумал может можно как то сразу пачкой все)) Лан спс всем. Привет геморрой и бессонные ночи
-
Имеется очень большое количество файлов с табличной версткой, нужно заменить все теги таблицы на "дивы", следовательно возникает вопрос как это сделать в ускоренном варианте. Ибо ручное редактирование займет пару десятков дней. Существуют ли ресурсы или программы где можно закачать файл и отметить теги которые нужно заменить? Или можно это сделать с помощью скрипта? Спасибо.
-
С кодом. Лучше бы ничего не писал, чем умничать. Понятное дело что с кодом, но где даже представления не имею.
-
Здравствуйте. При любом действии на страничке, обновление или переход по меню и т.д происходит скачек экрана к верхней части сайта, очень мешает. Предоставил бы код, но я даже не знаю с чем это может быть связанно. Прошу помощи кто уже сталкивался.
