Livandey

Обновился этот модуль и настройки сбросились, сделала все по-новой.. но вот в чем проблема, теперь и стиль прописан там в html а я понятия не имею как найти файл который нужен для редактирования! Я готова заплатить немножко если поможете.... уж очень нужно. Вот скрин. 1 - кнопка которую меняю. 2 - Код который задает свой стиль, аннулируя стиль который обведен рядом с цифрой 3. Нужно чтобы была анимация, при наведении (код анимации я выше писала) и понять как удалить эту фигню из html кода, какой файлик подредактировать. БлагоДарю!

Очень прошу помочь.. проблему так и не решила =( подскажите в какое место это дописать

я не знаю как найти именно html этого плагина. точнее как понять какой от него код =(( Firebug только путь к css показывает.

он у меня на локальном, я еще не заливала

Доброго времени суток! Учусь делай сайты на Джумла, сейчас переделываю свой. Скачала шаблон, установила, мне все нравится. Только возникла небольшая проблема с анимацией. Вроде и понимаю что нужно дописать.. но не понимаю как и куда. При помощи Firebug нашла где что находится и почти сделала как нужно.. только вот анимацию не могу добавить. Установила для пользователей community builder и там другая форма входа была (не такая красивая). Верхняя форма - новая. Нижняя оригинальная. Мне нужно чтобы в новой форме при наведении тоже кнопочка меняла цвет на фиолетовый. Скрин В коде это выглядит так: та что не меняет цвет: body, select, input, textarea, button { font-family: "DroidSerifRegular";}button, input[type="button"], form.style input[type="submit"] { background-color: #f0f0f0; border-color: #d3d3d3; border-radius: 5px; border-style: solid; border-width: 1px; color: #68615d; padding: 7px;}select, input, textarea, button { font: 12px Arial,sans-serif;}button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer;}*::-moz-selection { background: none repeat scroll 0 0 #95add4; color: #fff;та что меняет цвет: form.box fieldset, form.style input, form.style textarea, form.style select, form.style button, form.style input[type="button"] { border-color: #d3d3d3;}form.style input, form.style textarea, form.style select, form.style button, form.style input[type="button"] { color: #68615d;}form.style button, form.style input[type="button"], form.style input[type="submit"] { background-color: #f0f0f0;}form.style input, form.style textarea, form.style select, form.style button { border-color: #ebebeb; border-radius: 5px; border-style: solid; border-width: 1px; padding: 7px;}body, select, input, textarea, button { font-family: "DroidSerifRegular";}button, input[type="button"], form.style input[type="submit"] { background-color: #f0f0f0; border-color: #d3d3d3; border-radius: 5px; border-style: solid; border-width: 1px; color: #68615d; padding: 7px;}select, input, textarea, button { font: 12px Arial,sans-serif;}button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer;}*::-moz-selection { background: none repeat scroll 0 0 #95add4; color: #fff;а это код самой анимации: form.style input,form.style select,form.style textarea,form.style button:hover,form.style input[type="button"]:hover,form.style input.button:hover,form.style #submit:hover {-webkit-transition:color 0.25s ease-in-out,border-color 0.25s ease-in-out,background 0.25s ease-in-out;-moz-transition:color 0.25s ease-in-out,border-color 0.25s ease-in-out,background 0.25s ease-in-out;-o-transition:color 0.25s ease-in-out,border-color 0.25s ease-in-out,background 0.25s ease-in-out;transition:color 0.25s ease-in-out,border-color 0.25s ease-in-out,background 0.25s ease-in-out;}в общем.. я что-то дико туплю и не понимаю куда чего надо добавить =(((((

Ура, у меня получилось поставь тогда мне плюсик. да я пробовала, но мне не дает. сообщений еще мало =(((( но у меня еще есть вопрос =) у меня на сайте есть кнопочки вперед и назад. как им настоить внешний вид в CSS ? http://livandey.ru/news/2012-10-19-785 вот тут например. как к ним обратиться, чтобы было понятно что я их имею ввиду. я им дизайн хочу как кнопочке "мне нравится" спустя время: ______________ уже сама сделала =)

moron получилось. благодарю! сразу двух зайцев... на новой странице уже обновленная информация о кол-ве голосов.

moron я делала это через визуальный редактор. под слово "Мне нравится" подставляла этот код: $COMMENTS_URL$ но ничего не получилось. поэтому я это убрала. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr align="right"><td style="padding:3px;"> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> <div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="border-collapse: collapse" width=""><tbody><tr align="center"><td style="background-position: 0% 0%; letter-spacing: 0px; word-spacing: 0px; background-image: none; background-repeat: repeat"><div id="rating_os"> <a href="javascript://" id="golike" onclick="$.get('/news/0-0-1-$ID$-15-1',function(data) {if($(data).text().indexOf('Оцени что-нибудь еще..')>-1) _uWnd.alert('Это ты уже оценил..','Ура',{w:270,h:60,t:8000}); else {_uWnd.alert('Оцени что-нибудь еще..','БлагоДарю!',{w:270,h:60,t:8000})};});"> <div id="rating_l" align="center">Mне нравится</div></a></div></td><td rowspan="1"><img src="/diz/serdce.png" alt="" style="margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px"></td><td rowspan="1" align="left" style="text-align: left; letter-spacing: 0px; word-spacing: 0px; vertical-align: middle; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; background-image: none; background-repeat: repeat; background-position: 0% 0%"> <span style="font-size: 12pt"><span style="font-size: 10pt"><span>+$RATED$</span></span></span></td></tr></tbody></table></div><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div> <a href="$COMMENTS_URL$"><em><span style="font-size: 8pt">Комментарии ($COMMENTS_NUM$)</span></em></a> </td></tr></tbody></table><br> я непоняла какой спан вы имеете ввиду.

я тут подумала, второй вариант наверное будет лучше... там есть универсальный код для перехода к комментариям новости: $COMMENTS_URL$ только как его добавить я непонимаю. у меня получается либо рейтинг, либо переход к комментариям при нажатии "мне нравится" без добавления голоса вообще.

да, рейтинг один. мой мозг пробует понять, то что вы посоветовали, но покачто до конца не доходит. в CSS у меня прописано: #rating_os { float: left; color: #727272;font-size: 12px;padding: 3px 0px; } #rating_os a:link, #rating_os a:visited, #rating_os a:hover {text-decoration:none; color:#727272;} #rating_l { float:left; padding: 3px 5px 3px 5px; } #rating_l:hover {color: #fff; text-decoration: none; background: #7f4984;border-radius: 8px;-moz-border-radius: 8px;} } #rating_p { float:right; color:#235e9b; padding: 3px 5px 3px 5px; background:#b5d9ee; } а код информера такой: <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div> <div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><table style="border-collapse: collapse" width="" align="left"><tbody><tr align="center"><td style="background-position: 0% 0%; letter-spacing: 0px; word-spacing: 0px; background-image: none; background-repeat: repeat"><div id="rating_os"> <a href="javascript://" id="golike" onclick="$.get('/news/0-0-1-$ID$-15-1',function(data) {if($(data).text().indexOf('уже оценивали')>-1) _uWnd.alert('Вы уже оценивали данный материал!','Ошибка',{w:270,h:60,t:8000}); else {_uWnd.alert('Вы успешно оценили!','Успех',{w:270,h:60,t:8000})};});"> <div id="rating_l" align="center">Mне нравится</div></a></div></td><td rowspan="1"><img src="/diz/serdce.png" alt="" style="margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px"></td><td rowspan="1" align="left" style="text-align: left; letter-spacing: 0px; word-spacing: 0px; vertical-align: middle; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; background-image: none; background-repeat: repeat; background-position: 0% 0%"> <span style="font-size: 12pt"><span style="font-size: 10pt"><span>+$RATED$</span></span></span></td></tr></tbody></table></div><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div> <!--IF--><div class="eAttach" align="right"> <a href="$COMMENTS_URL$"><em><span style="font-size: 8pt">Комментарии ($COMMENTS_NUM$)</span></em></a> </div></td></tr></tbody></table><br> и я непонимаю куда что нужно дописать. и не удивительно. я не разбираюсь в этом нифига, а это шаблонный хостинг от ucoz. и там я наверное уже много чего перекорявила. но вроде визуально не заметно =) мне можно и другой вариант, чтобы при нажатии "мне нравится" человек попадал на саму страницу записи к коментариям. но как это реализовать, я тоже не понимаю.

будьте добры, расскажите подробнее.

На сайте есть кнопочка "мне нравится" - http://livandey.ru Но при нажатии значение не изменяется сразу, а лишь при обновлении страницы и то не факт... Мне сказали что при помощи скрипта можно сделать чтобы значение изменялось сразу. При помощи какого скрипта и как его там прописать?

подскажите пожалуйста, как можно добавить фотографии на страницу (4 штуки), что бы они были наложены друг на друга уголками, когда один раз щелкаешь то фото выходит на передней план перекрывая остальные уголки, когда щелкаешь второй раз, то она увеличивается на свой реальный размер, а когда третий раз то возвращается на свое место? еще очень хочется нежную серую рамочку (как-будто бы тень) при увеличении, с закругленными уголками)))) надеюсь возможного прошу. я их хочу в #foto положить. код главной страницы создаваемого сайта: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>cайт</title> <style type="text/css"> body { color: #FFF; /* цвет текста */ background-color: #FFF; /* цвет фона */ margin: 0 auto; /* выравниваем макет по центру */ } #container { min-width: 950px; /* минимальная ширина макета */ max-width: 1310px; /* максимальная ширина макета */ margin: 0 auto; /* выравниваем макет по центру */ height: 800px; /* цвет фона */ z-index: 4; /* позиция */ background-color: #036; } #logotip { min-width: 950px; /* минимальная Ширина макета */ max-width: 1307px; /* максимальная Ширина макета */ height: 260px; /* высота */ background-color: #FFF; /* цвет фона */ z-index: 1; /* позиция */ margin: 0 auto; /* выравниваем макет по центру */ background-image: url(comnex/images/1.jpg); /* изображение */ background-position: center top; /* положение изображения */ } #menu { margin: 0 auto; /* выравниваем макет по центру */ width: 925px; /* ширина макета */ height: 89px; /* высота */ background-color: #69F; /* цвет фона */ z-index: 1; /* позиция */ } #kontent { margin: 0 auto; /* выравниваем макет по центру */ min-width: 950px; /* минимальная ширина макета */ max-width: 1200px; /* максимальная ширина макета */ height: 500px; /* высота */ z-index: 3; } #niz { margin: 0 auto; /* выравниваем макет по центру */ width: 300px; /* ширина макета */ height: 30px; /* высота */ z-index: 1; /* позиция */ background-color: #FFF; /* цвет фона */ color: #000; /* цвет текста */ } #foto { width: 400px; /* ширина макета */ height: 300px; /* высота */ z-index: 1; /* позиция */ background-color: #FF3; /* цвет фона */ float: right; /* выравнивание справа */ clear: both; margin-top: 30px; /* отступ сверху */ margin-right: 30px; /* отступ справа */ margin-bottom: 30px; /* отступ снизу */ margin-left: 15px; /* отступ слева */ } #info { background-color: #FFCC00; color: #000000; height: 300px; margin: 30px 460px 30px 30px; } .fon1{ background-image: url(comnex/images/%D0%B8%D0%B7/5.jpg); background-repeat: repeat-y; z-index: 1; width: 11px; } .fon2{ background-image: url(comnex/images/%D0%B8%D0%B7/4.jpg); background-repeat: no-repeat; z-index: 1; width: 11px; } .fon3{ background-image: url(comnex/images/%D0%B8%D0%B7/7.jpg); background-repeat: no-repeat; z-index: 1; width: 11px; } .fon4{ background-image: url(comnex/images/%D0%B8%D0%B7/6.jpg); background-repeat: no-repeat; z-index: 1; width: 11px; } .fon5{ background-image: url(comnex/images/%D0%B8%D0%B7/8.jpg); background-repeat: no-repeat; z-index: 1; width: 11px; } .fon6{ background-image: url(comnex/images/%D0%B8%D0%B7/9.jpg); background-repeat: no-repeat; z-index: 1; height: 11px; width: 18px; } .fon7{ background-image: url(comnex/images/%D0%B8%D0%B7/10.jpg); background-repeat: repeat-x; z-index: 1; height: 11px; } .fon8{ background-image: url(comnex/images/%D0%B8%D0%B7/11.jpg); background-repeat: no-repeat; z-index: 1; height: 11px; width: 18px; } </style> </head> <body> <div id="container"> <div id="kontent"> <div align="center"> <table border="0" cellspacing="0" cellpadding="0"> </table> <div id="container2"> <div id="logotip"></div> <div id="kontent2"> <div align="center"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="fon2"></td> <td> </td> <td class="fon3"></td> </tr> <tr> <td class="fon1"></td> <td align="right"><div id="menu"></div> <div id="foto"></div> <div id="info"> <p>Главная страница</p> этот блок растянется до нужных размеров под вставленную в него информацию и станет нормальный ширины даже при большом формате монитора. </div> <td class="fon1"></td> </tr> <tr> <td class="fon4"></td> <td> </td> <td class="fon5"></td> </tr> </table> </div> </div> <div id="niz"> <div align="center">© 2011</div> </div> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="18px" class="fon6"></td> <td width="100%" class="fon7"></td> <td width="18px" class="fon8"></td> </tr> </table> </div> <table border="0" cellspacing="0" cellpadding="0"> <tr></tr> </table> </div> </div> </div> </body> </html>

благодарю за подсказку, тогда обращусь в раздел JavaScript)))