dsasda

Последняя CMS, на которую я пытался верстать шаблон был Wordpress. Вроде просто, но подключение разных функций - для меня большой геморой. Пытался смотреть по примеру других шаблонах, запутался и нифига не понял - что, зачем, куда, как и почему. До этого пытался в Джамале, там вообще сложно было сделать.

Лично мне, на CMS достаточно сложно верстать дизайны. А с точки зрения производительности, что быстрее ? Вызов с базы данных или через include ?

Хочу узнать, как будет лучше, логичнее, правильнее, эффективнее, адекватнее итп. сделать переключение страниц. Сейчас я сделал папку pages, куда кидаю файлы, например, rules.php, rules_all.php и сделал это всё через include в index.php include("menu_nav.php");if ($subpage == "")$link = $page;else$link = "".$page."_".$subpage."";include("pages/$link.php");а menu_nav сделан в стиле switch case Как же всё-таки лучше организовать смену контента или страниц сайта ? Может вы посоветуете AJAX / javascript, но я их не знаю, но в любом случае буду рад вашим советам. П.С. У меня самого есть разные варианты, но не знаю какие будут лучше: В базе данных хранить контентВ базе данных хранить названия файлов и вызывать их с базы ( по сути тот же include )AJAX ( его не знаю)JavaScript ( его не знаю)Лично для моей логики это более-менее адекватные решения.

В этом и вся соль, то, что у меня 2ой ul - absolute, в коде это видно. Только в любом случае, что-то не так( Идеи где и что, у меня нет.

Как видно на скрине, то вертикальное меню (Второго уровня) не хочет идти поверх остольных блоков. Подскажите, пожалуйста, что может это вызывать или из-за чего это происходит, что бы я знал что искать/чего не хватает, ведь проблема может быть и в других блоках (которые получаются поверх меню). Скрин: http://www.img.by/?v=Za7RN.png Код: http://jsfiddle.net/mzkw2/

Посмотрел пару примером фиксированного меню на других сайта и заметил, что эти меню (фиксированные) у ник тоже расходятся при масштабировании, что логично, но, можно ли как то это реализовать, что бы фиксированное меню оставалось на своей позиции про масштабировании ? (Попахивает Javascript, imho). Я ведь не знаю, возможно это и вовсе нельзя реализовать, хочу услышать Ваше мнение и идеи.

думаю сам сайт не понадобится, т.к. я сделал для себя блочный макет: http://postimg.org/image/nnvf5xojx/ left-side и right-side -> float: left & right Так вот, хочу сделать, что бы правя сторона (.left-side) у меня была фиксирована, но начинаю догадываться, что невозможно. Как алтернативный вариант тогда хотел бы сделать, что бы оба блока были резиновыми лишь по ширине, высота фиксирована будет и прокрутку добавить в DIV: content P.S. main-content включает в себя 2 полоски (design-line) и основной блок с другими функциями (content);

Здравствуйте! Пытаюсь сделать резиновый сайт, но как-то не очень получается... Кроме проблем с размерами встретилась такая проблема: При уменьшении сайта (ctr + - ) у меня расходятся. Т.е. 2 div блока: float: left & float: right; Но, когда уменьшаю сайт - каждый улетает в свою сторону, при увеличении, оба сдвигаются на центр. Вообще, хочу сделать правую сторону фикированную (меню), а левую (конент) обычную, т.е. с прокруткой. - первый div: контент, второй: меню Как я понял, проблема в том, что меню у меня: position: fixed; Но жду Ваших советов.

Здравствуйте! Что бы Вы посоветовали, что бы выделить код в HTML, но не выполнять его ? Идея такая: Есть HTML документ, а я в нём хочу вставить кусок HTML кода в качестве примера, но что бы он не выполняся а показывался как пример, что-то типо: Тут Пример кодавот такой вот прикол вместе с CSS.

Здравствуйте! Понимаю, что такое сам я не смогу сделать, по этому обращаюсь к Вам за помощью и надеюсь, что умелые ручки увы, но сделают за меня. В общем, сделал я пару текстов и есть стрелочка вниз/вверх - Мне нужен скрипт (Может такой уже есть и Вы сможете переделать его немного или скинуть ссылку на него), когда жмёшь на стрелочку вниз, то плавно прокручивается тексты(меню) ниже и тоже самое со стрелочкой наверх. Стрелочки - картинки. Алтернативный вариант, который устроит - При нажатии стрелочки вниз -> пропадают старые, появляются новые тексты (fade effect). Вот, дополнительно скрин: http://s7.hostingkartinok.com/uploads/images/2014/01/3b0f0d2c9602d69906237db12a2d25f9.jpg П.С. Думаю тут без Javascript/jQuery не обойтись - их вообще не знаю.

Здравствуйте! Возникла такая проблема, что у некоторых не показываются скрипты фейсбука и твиттера (кнопка поделиться), у меня всё отлично, а вот у знакомого в хроме и сафари (macbook) не отображаются. Пробовал официальные скрипты: https://developers.facebook.com/docs/plugins/share-button/ и https://dev.twitter.com/docs/tweet-button , но не показываются. Пробовал использовать и этот сервис: http://www.sharethis.com - результат тот же, у меня всё отлично, у него не показывается. В чём может быть проблема и как её исправлять ?

/*height: 11px; чего за ерунда? */ Это как высоко должен быть градиент, в первой теме про изображение поверх другого на скрине видно. Прошу прощения, просто вбиваю в гугл хост картинок и первым этот выдаёт

Добрый вечер! По сути, это немного продолжение этой темы: http://htmlforum.ru/index.php?showtopic=47513, но я в безысходности... Идея, которую я пытался сделать - не получается, по этому прошу вашего совета и идеи. В общем, вот как это сделано на картинке: http://i60.fastpic.ru/big/2014/0123/2d/333b68bfe1bfee25ab4f7f0a533d532d.jpg И как описано в прошлой теме, то хочу сделать так, что бы можно было менять только картинку с едой, место для заголовка не хочу, что бы трогали. Пытался делать так: Срезал вверх: http://i33.fastpic.ru/big/2014/0123/dd/20e1802a082147eb5006518a29299ddd.png И хотел сделать 3 заголовка(один div, но меня только стиль в самом html, что бы менять позицию) Вот коды: HTML <div class="food-upper"></div> <div class="food-title">Test1 <div class="food"> <img src="images/4.png" width="150px" height="150px"> </div> </div> <div class="food-title">Test2 <div class="food"> <img src="images/1.png" width="150px" height="150px"> </div> </div> <div class="food-title">Test3 <div class="food"> <img src="images/2.png" width="150px" height="150px"> </div> </div>CSS .food-upper {width: 835px;height: 11px;margin: 0 auto;background: url(img/upper_img.png) no-repeat; /* обрезанная картинка с верху */}.food img {margin: 0 auto;z-index: 3;}.food-title {margin: 0 auto;width: 149px;height: 31px;background: url(img/food_title_bg.jpg) repeat; /* фон заголовка - серый градиент */z-index: 2;}P.S. Мой вариант не катит (на мой взгляд), т.к. не до конца реализован и, что самое главное, то сдвигается положение заголовка при увеличении стр. (ctrl+ + или ctrl + колёсико мыши): http://i33.fastpic.ru/big/2014/0123/e7/18dc551dadd494ad597b1fa7352648e7.png P.P.S. Очень буду благодарен, если Вы ещё подметите и укажите на грубые ошибки в коде, которые не следует допускать впредь и/или как и в каком месте лучше написать, ведь всё ещё учусь и критика будет очень даже кстати. *UPDATE* Только что пришла в голову глупая, но ещё одна идея реализации: Сделать 3 отдельных div'а с фоном как картинка и менять только картинку(название оставлять одно и тоже), но я думаю что это было бы очень глупо неадекватно. Должен же быть ещё способ(ы)

Здравствуйте! Очередной вопрос от меня. Понимаю, что ответ скорее всего будет связан с z-index, но я так и не понял как им пользоваться, по этому было бы замечательно, если бы кто-то кратко и понятно рассказал как пользоваться и что нужно знать, либо подсказал алтернативу моей проблеме. http://i59.fastpic.ru/big/2014/0123/aa/4e8e3009d6f5539ae78ffce5fb4096aa.jpg Есть вот такая картинка (в фотожопке сделано). И так, суть вопроса вот в чём, как сделать помеченную картинку (синим обвёл), что бы она всё время была поверх нижнего слоя (фотка еды) - Я хочу менять эти картинки в HTML документе, но что бы помеченная всё время оставалась на своём месте. Надеюсь, что понятно объяснил =)

Здравствуйте! Очередной вопрос от меня. Сразу извиняюсь, если попал не в тот раздел, тогда прошу направить тему "куда надо". Идея следующая, на сайте есть календарь и владелец сайта добавляет в этот календарь "события" (events), допустим 21 мая "играем в покер". Таких скриптов в интернете полно, я это понимаю, но, сама соль в том, что мне нужна одна доп. функция у этого календаря - возможность поделиться этим событием в соц. сеть (SHARE / Share button). Может кто-то поможет найти такой скрипт на просторах интернета, просто думаю, мало ли встречался в недавнем времени. Буду рад услышать и другой совет, а если быть точным, то у меня на уровне идеи есть мысль взять готовый скрипт календаря с возможностью добавления событий и добавить скрипт "Поделиться", только не знаю, как он будет работать. Подскажите, как лучше реализовать эту затею, например, используй такой-то и такой-то сервис. Думаю у многих знаний на этот счёт будет больше чем у меня.

Спасибо, отлично работает, немного позже постараюсь разобраться в этом коде и понять что и как. А что касается браузера, то, конечно, желательно кроссбраузерную версию, но это уже идеал, по этому мне важно, чтоб работало в лисичке и в хроме, ведь, если не ошибаюсь, то это наиболее популярные браузеры. (Намеренно не упомянул оперу )

Без картинки я просто не знаю как. Если представить, что это картинка высотой в 2px, то выгледит она у меня так: верхний слой нижний слой Такой разделитель я хотел бы сделать. Можно, конечно, самое бональное это добавлять, скажем, новый DIV после каждого пункта меню, но я ищу более разумный способ) P.S. Вот пример с моего нубо-дизайна, но как это выглядит на картинке: http://i33.fastpic.ru/big/2014/0121/11/d4cf3d03ab3385cb8b6274453ee75911.jpg

Здравствуйте! У меня проблема и заключается она вот в чём. есть меню, допустим такое(без стилей): яблокоарбуздынякаменьЯ хочу разделить их горизонтальной линией (картинкой) - Создал картинку 2х2. И думал использовать <hr>, но вот печаль, если в CSS писать этот нубо-код: hr {background: url(img/hr.png);width: 150px;}, то это не работает так как мне надо. Что бы было более понятно, то я сделал градиентную картинку.(вехний слой цвета белого(например), нижний чёрный). Ну и как мне реализовать Разделитель картинкой ?)

CSS владею не отлично, основы знаю - ими и делаю + ищу на этом сайте в справочнике. Нашёл тут советы и ошибки новичков, впреть буду исправлять свои ошибки. А за сайт спасибо, попробую что-то подобное сделать. можно и на CSS сделать. Но не будет работать в старой опере и ослах ниже IE10 Тогда не катит. Вообще, тогда можно обойтись без этого эффекта, тогда просто фон поменять и прочрачность на 40%, к примеру - это знаю как сделать. Но вот передо мной теперь такой вопрос: Допустим еть 3 разных картинки и, когда повяляется кнопка "Поделиться"(share) то как сделать, что бы именно эта фотка была "отправлена" через функцию "поделиться" ? Использовать скрипты, которые тут: http://share42.com/ru ??? Или как это вообще можно реализовать, с PHP, что-ли ? Простыми словами: Хочу сделать так, что бы можно было поделиться этой картинкой в соц. сеть, к примеру, ВКонтакте. При наведении на картинку №1 нажимаю иконку ВК и делюсь ею там, тоже самое делаю и с картинкой №3 - На моей стене будут картинки 1 и 3.

Хм, А можно пример, как это в коде будет выглядеть "кнопки под фотку" и вытаскивать ? П.С. я до конца не понимаю, как эти z-index работают и КАК с ними работать, может заодно подскажите ресурс, где понятно расписано, как им пользоваться, желательно с разными вариантами.

Здравствуйте! Нужен пинок под зад, что бы знал, куда смотреть, что бы сделать след. идею: Есть картинки, допустим 3 (в ряд). Когда наводишь на эту картинку, то фон меняется, допустим на серый(но это не главное) или фотка становится размазанной(blur effect). На этот фон вылезают, к примеру, 3 кнокпи: Like (Facebook) Like (vk) Like(odnoklassniki) - Это всё как пример. Что я имел ввиду под "вылезает": contest.uid.me (сайт - не реклама) - при наведении мышки на Номинации. Я где-то в интернете уже видел подобный "урок", но, увы, не запомнил, а теперь не знаю как и где искать. Это либо Jquery, либо чистый CSS, А может и оба, но надеюсь, что CSS, т.к. с jquery вообще не знаком и не дружу. Так вот, помогите мне реализовать эту идею, посоветуйте, каким материалом воспользоваться, небольшую схемку опишите, что делать, типо: картинке задаёшь такие-такие параметры, при наведении на неё добавляешь это и это, буквально, маленькую схемку. Буду очень благодарен, если будут и доп. идеи. P.S. про пример (сайт), если я правильно понял, то нужно использовать transition (css) и позиционировать картинку.

Не подскажите, какие могут возникнуть "пакости" из-за него ? Т.е. "на свой страх и риск", может расскажете, почему его стоит использовать или наоборот, даже стоит избегать ? (Да, знаю, небольшой Оффтопик)

Возможно я зря не упомянул, но я использую стандартный, просто я делаю сайт знакомому, вот он и просит исправить это, якобы друг его посоветовал, если я правильно понял, конечно, задать этому скроллбару размер. Одним словом, не нравится ему, что страница сдвигается с места, когда появляется скроллбар и я прекрасно понимаю, что это норма, но вот, проблемку надо решить, знаний пока не хватает и вот за ними я и обратился к Вам)

Здравствуйте! Как вы знаете, то скроллбар может сдвинуть весь дизайн с его нормальной точки. Вот и у меня такое случается, по этому обращаюсь к Вам за советом, как можно этот скроллбар прикрутить(не знаю как сказать даже) к размерам сайта, ну, инимы словами, что бы скроллбар появлялся, но не сдвигал сайт. Если есть другие предложения, как это улучшить, смело пишите!

Здравствуйте! Меня интересует вот такой вопрос, с точки зрения оптимизации и скорости загрузки страницы, какого размера картинку выбирать для заднего фона ? Например - 16х16 или 64х64 и более ? Как это влияет на скорость загрузки страницы. А так же, как лучше всего создавать свой сайт, что бы визуального материала было много(картинок), но страница грузилась как можно быстрее ? П.С. Почитав в интернете, пришёл к выводу, что для заднего фона лучше использовать jpg, если я не прав, поправьте. П.П.С. JS решения не предлагать, не дружу с ним, пока что осваиваюсь только в HTLM/CSS Буду признателен за помощь и любой совет, который мог бы быть полезный новичку, дабы сразу научиться "трюкам" оптимизации, а то получится сайт набитый картинками и грузится минуту и дольше...