aov000

И вообще, страница безбожно лагает. Эта тема была куплена, (зачем, я даже не знаю но мне приходиться её переделывать). Пока что мучаюсь именно с комментами. Про nivo.slider - пока вопрос не стоит, это буду ковырять позже. Товарищи хотят сделать мего-пупер-говно сайт. А вот с комментами к фоткам конкретная проблема. При загрузке сайта браузер просто пожирает железо. Моя задача добиться стабильной работы, а на остальные моменты (скорость загрузки, загрузку проца и т.д.) мне без разницы. Я предупредил что будет такая ерунда.

Попросили прикрутить к картинкам комментарии в wordpress в таком же духе как сделано на facebook. На данный момент результат такой: Когда комментируешь одну картинку, комментарий расходиться по всем остальным. Обсуждение фоток получается достаточно абсурдным,-просто каша какая-то. вот страница с проблемой А на этой странице есть решение, но не могу разобраться в чём ошибка у меня раздел "фото", почти по середине Буду признателен за любую помощь.

Нужен плеер вот такого плана. _http://soundcloud.com/bryanaspey Требования: 1)визуализация музыкального трека 2) закачал на сервак (любой) вставил ссылку в код и всё играет. 3) возможность размещения на других сайтах Сайт висит на WP. Предложения в аську 330393194

MacPherson -Спасибо огромное! Очень даже просто и доходчиво!

Обратился за помощью к этому форумчанину. Работу сделал быстро и хорошо. Спасибо ему большое

Вопрос к знающим людям! Есть вертикальное меню, а где ошибка не могу понять. Пункт подменю(номер3) должен быть скрыт и при нажатии(номер 2) должен появляться. <ul class="leftmenu"> <li><a href="#">номер 1</a></li> <li><a href="#">номер 2</a> <ul class="podmenu"> <li><a href="#">номер 3</a></li> </ul></li> <li><a href="#">номер 1</a></li> </ul> ul.leftmenu { padding:0; margin:0px 0 0 0px; list-style: none; width: 220px; } ul.leftmenu li { float: left; } ul.leftmenu li a, ul.leftmenu li a:visited { display: block; padding:4px; margin-bottom: 1px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; color:#94775c; background-color:#fff; width: 230px; } ul.leftmenu li a:active { text-decoration:none; text-align:center; color:#C00; background-color:#e8e1cb; } Где ошибка? Буду признателен за помощь.

Я уже 12 лет работаю в полиграфии и 3D(делаю дизайн листовок, книг, и т.д. и т.п.). Решил научиться верстать сайты... знаний почти "0". Предлагаю свои услуги в качестве учителя по дизайну полиграфии (тонкости, нюансы и не только). В замен прошу научить верстать сайты "ручками", а не вспомогательными программами. + оформлять их в разные темы для разных cms. Готов стать учителем и учеником одновременно. Где живу - не важно... есть скайпа.

Киев 6:00 Чует моё сердце, что перевёрстывать надо всё что сверстано.(уже даже не в 4й раз )

фигасе... не только мне не спиться! Спасибо за столь быстрый ответ!

Вот что у меня получилось: _http://dj-ars.com/ru/ Посты вообще не там где надо, и выводятся коряво Народ посоветуйте - как с таким бороться. (исправлять буду своими силами) Кстати может кому поможет, я нашёл урок вот тут _http://monsterart.ru/tutorials/wordpress.php (более-менее толково)

У меня появился следующий вопрос (смотрю видеоурок по созданию темы для ВП). Имеется два файла ЦСС, каким образом их можно соединить в один ЦСС файл для темы? Или этого делать нельзя? Или же существует другой способ? Есть оформление главной страницы и всех остальных с постами.

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

Неделю рыщу в поисках толковых пояснений как же всё-таки сделать из обычной верстки (из 2х html и 2х css) тему для Wordpress. Помогите советом или ссылками на толковые объяснения по данному вопросу. Поиском пользовался, но в 90% толкового ничего нет. Так же читал кодекс вордпресс (особо не понял т.к. англ яз плохо знаю).Фразы типа:"этот код вставьте в тот файл" - не катят, т.к. сразу появляются вопросы "куда именно вставлять? кусок кода" и как быть с необычным расположением? Ещё есть такой момент как разные страницы, главная и все остальные на которых будут размещаться посты(инфа). По факту у меня два html и css Буду признателен за помощь, и толковые советы.

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

Вопрос с кроссом браузеров решил! Спасибо за подсказку. Для себя сделал вывод что надо быть ещё более внимательным!

Всем доброго времени суток! По мере создания первого сайта возник следующий вопрос. Есть свёрстанные две страницы: 1я страница - это главная, 2я страница - это все остальные где будут размещаться посты и контент. Как сделать так что бы они работали между собой? Да ещё и под CMS Wordpress? Заранее спасибо за ответы и помощь!

Спасибо за подсказку! Всё исправил и теперь исправляю стили под ссылки и меню. Но вопрос о кроссбраузерности открыт

Прошу совета у знающих людей! Сверстал сайтик (под фордпресс). Когда верстал смотрел на результат в хроме и мозилле. Используя хаки добился адекватности в IE8. Теперь проблема с IE7. Вроде бы и хаки должны работать, но не работают. При позиционировании футера (по центру(лево-право)) странным образом ползёт последний пункт горизонтального меню. Подскажите плиз где копать? В чём причина такого поведения кода? html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DJ Ars</title> <link href="style.css" rel="stylesheet" type="text/css" /> <!--[if IE 7]><link href="ie7.css" rel="stylesheet" media="all" /><![endif]--> <!--[if IE 8]><link href="ie8.css" rel="stylesheet" media="all" /><![endif]--> </head> <body> <div class="main"> <div class="men"> <ul class="menu"> <li class="novosti1"><a href="#"</a>новости</li> <li class="biografia1"><a href="#"</a>биография</li> <li class="embed1"><a href="#"</a>embed</li> <li class="audio1"><a href="#"</a>audio</li> <li class="video1"><a href="#"</a>video</li> <li class="links1"><a href="#"</a>links</li> <li class="gallery1"><a href="#"</a>gallery</li> <li class="contacts1"><a href="#"</a>contacts</li> <li class="top101"><a href="#"</a>top10</li> </ul> </div> <div class="header"> <div class="logo" href="http://www.djars.ua/"></div> <div class="player">PlAY-PLAY-PLAY-PLAY</div> </div> <div class="content"> <div class="news"> <div class="new">новости</div> <div class="newtext"> <p>А вот тут какие-то новости и новые статьи по идее самая новая отображается. Вторая новость отображается. Более старая третья новость отображается.</p> </div> </div> <div class="embed"> <div class="embe">embed</div> <div class="embetext"><p>Что за название такое я не знаю, но скорее всего очень надо. Что за название такое я не знаю, но скорее всего очень надо. Что за название такое я не знаю, но скорее всего очень надо.</p> </div> </div> <div class="audio"> <div class="audi">audio</div> <div class="auditext"><p>Тут будут анонсы треков и всего, что играет и вообще звук. Тут будут анонсы треков и всего, что играет и вообще звук Тут будут анонсы треков и всего, что играет и вообще звук</p> </div> </div> <div class="video"> <div class="vide">video</div> <div class="videtext"><p>Тут будут анонсы видео и всего, что играет и прыгает. Тут будут анонсы видео и всего, что играет и прыгает. Тут будут анонсы видео и всего, что играет и прыгает</p> </div> </div> <div class="gallery"> <div class="galler">gallery</div> <div class="gallertext"><p>Фотки со всяких тусовок и тусовочек, подвижных движений. Фотки со всяких тусовок и тусовочек. Тусовочная жизнь. Фотки со всяких тусовок и тусовочек</p> </div> </div> <div class="top10"> <div class="top">top10</div> <div class="toptext"><p>Тут, скорее всего, будут всякие разные рейтинги. Тут, скорее всего, будут всякие разные рейтинги. Тут, скорее всего, будут всякие разные рейтинги</p> </div> </div> </div> <div class="clear"></div> <div class="footer"> <div class="promo1"><a href="http://vk.com/djcrossfire"</a></div> <div class="promo2"><a href="http://www.asizintsev.livejournal.com/"</a></div> <div class="promo3"><a href="http://www.twitter.com/#!/asizintsev"</a></div> <div class="promo4"><a href="http://www.gtiradio.ru/"</a></div> <div class="promo5"><a href="http://ua.showbiza.net/alfadj"</a></div> </div> </div> </body> </html> сss @charset "utf-8"; /* CSS Document */ *{padding:0; margin:0;} body { background-color: #000; } .main {background-color:#000000; padding:0; width:1024px; height:800px; margin:0 auto; float:none; } .men { background-image:url(images/menu.jpg); width:1024px; height:41px; } .menu { list-style:none; text-align:center; } .menu li{float:left; padding:10px; margin:3px; vertical-align:middle; position:relative; list-style:none; border-bottom:none; } .menu li.novosti1{ width:80px; margin:4px 0 0 45px; } .menu li.biografia1{ width:80px; } .menu li.embed1{ width:80px; margin:4px 0 0 22px; } .menu li.audio1{ width:80px; } .menu li.video1{ width:80px; } .menu li.links1{ width:80px; } .menu li.gallery1{ width:80px; } .menu li.contacts1{ width:80px; } .menu li.top101{ width:80px; } .menu li a{display:block; position:absolute; font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; padding:5px; vertical-align:middle; font-size:18px; top:0px; left:10px; } .header{background-image:url(images/header.jpg); width:1024px; height:156px; position:relative; } .logo{background-image:url(images/logo.jpg); width:304px; height:132px; position:absolute; top:7px; left:25px; } .player{background-color:#CC6633; width:304px; height:28px; position:absolute; top:50px; left:680px; } .content{background-image:url(images/fon.jpg); text-decoration:none; position:relative; width:1024px; height:535px; } .news{background-image:url(images/point1.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:-17px; left:0px; } .new {font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#FFFFFF; text-align:center; text-decoration:none; padding:28px; position:relative; } .newtext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } .embed {background-image:url(images/point2.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:178px; top:162px; left:0px; } .embe {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } .embetext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } .audio {background-image:url(images/point3.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:341px; left:0px; } .audi {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } .auditext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } .video {background-image:url(images/point4.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:-17px; left:684px; } .vide {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } .videtext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } .gallery {background-image:url(images/point5.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:178px; top:162px; left:684px; } .galler {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } .gallertext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } .top10 {background-image:url(images/point6.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:341px; left:684px; } .top {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } .toptext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } .clear {clear:both;} .footer{background-image:url(images/footer.jpg); position:relative; width:1024px; height:69px; } .promo1 {background-image:url(images/vkontakte.png); position:absolute; width:26px; height:26px; top:20px; left:94px; } .promo2 {background-image:url(images/livejoo.png); position:absolute; width:26px; height:26px; top:20px; left:124px; } .promo3 {background-image:url(images/twitter.png); position:absolute; width:26px; height:26px; top:20px; left:154px; } .promo4 {background-image:url(images/gti.png); position:absolute; width:26px; height:26px; top:20px; left:184px; } .promo5 {background-image:url(images/sb.png); position:absolute; width:26px; height:26px; top:20px; left:214px; } И CSS IE7 @charset "utf-8"; /* CSS Document */ *{padding:0; margin:0;} *:first-child+html .body { background-color: #000; } *:first-child+html .main {background-color:#000000; padding:0; width:1024px; height:800px; margin:0 auto; float:none; } *:first-child+html .men { background-image:url(images/menu.jpg); width:1024px; height:41px; } *:first-child+html .menu { list-style:none; text-align:center; } *:first-child+html .menu li{float:left; padding:6px; margin:3px; vertical-align:middle; position:relative; list-style:none; border-bottom:none; z-index:2; } *:first-child+html .menu li.novosti1{ width:10px; margin:4px 0 0 45px; } *:first-child+html .menu li.biografia1{ width:10px; margin:0px 0 0 23px; } *:first-child+html .menu li.embed1{ width:5px; margin:0px 0 0 9px; } *:first-child+html .menu li.audio1{ width:5px; margin:0px 0 0 -41px; } *:first-child+html .menu li.video1{ width:5px; margin:0px 0 0 -41px; } *:first-child+html .menu li.links1{ width:5px; margin:0px 0 0 -48px; } *:first-child+html .menu li.gallery1{ width:5px; margin:0px 0 0 -55px; } *:first-child+html .menu li.contacts1{ width:5px; margin:0px 0 0 -55px; } *:first-child+html .menu li.top101{ width:5px; margin:0px 0 0 -323px; } *:first-child+html .menu li a{display:block; position:absolute; font-family:Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; padding:5px; vertical-align:middle; font-size:18px; top:0px; left:10px; } *:first-child+html .header{background-image:url(images/header.jpg); width:1024px; height:156px; position:relative; margin:0 0 0 -600px; } *:first-child+html .logo{background-image:url(images/logo.jpg); width:304px; height:132px; position:absolute; top:7px; left:25px; } *:first-child+html .player{background-color:#CC6633; width:304px; height:28px; position:absolute; top:50px; left:680px; } *:first-child+html .content{background-image:url(images/fon.jpg); text-decoration:none; position:relative; width:1024px; height:535px; margin:0 0 0 -600px; } *:first-child+html .news{background-image:url(images/point1.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:-17px; left:0px; } *:first-child+html .new {font-family:Tahoma, Geneva, sans-serif; font-size:20px; color:#FFFFFF; text-align:center; text-decoration:underline; padding:28px; position:relative; } *:first-child+html .newtext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } *:first-child+html .embed {background-image:url(images/point2.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:178px; top:162px; left:0px; } *:first-child+html .embe {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } *:first-child+html .embetext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } *:first-child+html .audio {background-image:url(images/point3.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:341px; left:0px; } *:first-child+html .audi {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } *:first-child+html .auditext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } *:first-child+html .video {background-image:url(images/point4.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:-17px; left:684px; } *:first-child+html .vide {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } *:first-child+html .videtext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } *:first-child+html .gallery {background-image:url(images/point5.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:178px; top:162px; left:684px; } *:first-child+html .galler {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } *:first-child+html .gallertext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } *:first-child+html .top10 {background-image:url(images/point6.jpg); position:absolute; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFFFFF; text-align:center; width:340px; height:179px; top:341px; left:684px; } *:first-child+html .top {text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#FFF; text-align:center; padding:26px; position:relative; } *:first-child+html .toptext {font-family:Tahoma, Geneva, sans-serif; font-size:13px; color:#FFFFFF; text-align:justify; text-decoration:underline; background-color:none; width:250px; height:100px; position:absolute; top:52px; left:45px; } *:first-child+html .clear {clear:both;} *:first-child+html .footer{background-image:url(images/footer.jpg); position:relative; width:1024px; height:1px; margin:0px 0 0 0px; } *:first-child+html .promo1 {background-image:url(images/vkontakte.png); width:26px; height:26px; position:absolute; top:20px; left:94px; } *:first-child+html .promo2 {background-image:url(images/livejoo.png); width:26px; height:26px; position:absolute; top:20px; left:124px; } *:first-child+html .promo3 {background-image:url(images/twitter.png); width:26px; height:26px; position:absolute; top:20px; left:154px; } *:first-child+html .promo4 {background-image:url(images/gti.png); width:26px; height:26px; position:absolute; top:20px; left:184px; } *:first-child+html .promo5 {background-image:url(images/sb.png); position:absolute; width:26px; height:26px; top:20px; left:214px; }

Спасибо! Только есть момент один. Это теперь придётся просить каждого юзера копаться в настройках браузера и т.д. А юзер- ленивый делать этого не будет, а просто уйдёт с сайта.

Первый вариант что-то даже в IE8 не хочет открывать вообще

Проблема была с IE8 (меню шло не в один ряд, а в два ряда) - эту проблему я решил с помощью хака. Сейчас пытаюсь решить проблему с IE7, там вообще с сайтом чё попало происходит. Меню горизонтальное очень сильно вытянулось по ширине, расстояния между словами стали значительно больше. Проблему с меню решил с помощью хака для IE7. Но теперь вообще жесть. Есть горизонтальное меню, последний пункт которого каким-то магическим образом связан с подвалом. Выравниваю подвал, и вместе с ним ползёт последний пункт меню... Если кто знает решение проблемы отпишитесь плиз.

Люди добрые, подключаемся. Для меня это стало реально проблемой. Интересует любой метод решения проблемы. Проблему решил хаком: <!--[if IE 8]><link href="ie8.css" rel="stylesheet" media="all" /><![endif]--> создал дополнительный файл ie8.css - и правил его уже под страшилище IE.

Всё классно! Спасибо, но вот в остальных браузерах всё ползёт.

Спасибо всем за советы! сяду разбираться обязательно отпишусь!

Сори не указал в коде. margin и padding сброшено по нулям. А вот с каким бубном плясать возле IE пока не нашёл. Шрифт во всех словах одинаковый. Вот как оно выглядит в firefox А вот как в IE Получается так, что часть меню уползает вниз.