Дата: Ср, 04.05.2016, 14:32:34 | Сообщение #
1
Проблема в том, что не могу настроить Ajax окно, скачал шаблон, поставил, аякс окна не устроили, поэтому нашел в интернете другие и установил, но проблема с текстом осталась, а именно:http://immage.biz/image/KOHb http://immage.biz/image/KOHo 1. Текст "История репутации" слишком большой и непривлекательный 2. Кнопка для закрытия окна находится не там, где ей следует(забыл указать это на изображении). 3. Ники пользователей сливают с фоном окна. http://immage.biz/image/KOHY 1. Текст в названии окна слишком большой 2. Фон у выбора причины и написания сообщения не подходит под дизайн 3. Кнопка оповестить сливается с фоном окна. 4. Тексты на фоне плохо заметны Код который я написал это уже скачанный ajax, в ксс другого не нашел:
Код
/*AJAX*/ .myWinCont input[type=text], .myWinCont input[type=password] {background:#fff!important;border:1px solid #ececec!important;font-size:11px!important;font-family:tahoma!important;color:#535353!important;border-radius:2px!important;padding:5px 8px!important;outline:none!important;box-shadow:none!important;} .myWinCont textarea {box-shadow:none!important;} .x-sh .xstl{padding-top:6px; background:none!important;} .x-sh .xsml{background:none!important;} .x-sh .xstr{padding-top:6px; background:none!important;} .x-sh .xsmr{background:none!important;} .x-sh .xsbl{padding-left:6px;background:none!important;} .x-sh .xsbc{background:none!important;} .x-sh .xsbr{padding-right:6px;background:none!important;} .xt {background:none!important; margin-left:5px!important; margin-top:1px!important; width:25px!important; height:20px!important;} .xt-close{background:url('/js/ajax_hal.png') no-repeat!important; margin:1px 0 0 0px!important;} .xt-close-over{background:url('/js/ajax_hal.png') no-repeat!important;} .xt-mini{background-position:0 -15px!important;} .xt-mini-over{background-position:-15px -15px!important;} .xt-maxi{background-position:0 -30px!important;} .xt-maxi-over{background-position:-15px -30px!important;} .xt-rest{background-position:0 -45px!important;} .xt-rest-over{background-position:-15px -45px!important;} .xw-tl {background:#fff!important; border-bottom:1px solid #6f9bc0!important; padding-left:5px!important; -webkit-border-radius: 2px 0px 0px 0px; -moz-border-radius: 2px 0px 0px 0px; border-radius: 2px 0px 0px 0px;} .xw-tc {background:none!important; padding:6px 10px 0px 10px!important;} .xw-tr {background:none!important; padding-right:5px!important; -webkit-border-radius: 0px 2px 0px 0px; -moz-border-radius: 0px 2px 0px 0px; border-radius: 0px 2px 0px 0px;} .xw-ml {background:#fff!important; padding-left:5px!important; color:#656565!important;} .xw-mr {background: none !important; padding-right:5px!important;} .xw-bl {background:#fff!important; padding-left:5px!important; -webkit-border-radius: 0px 0px 0px 2px; -moz-border-radius: 0px 0px 0px 2px; border-radius: 0px 0px 0px 2px;} .xw-br {background:#fff!important;padding-right:5px!important; -webkit-border-radius: 0px 0px 2px 0px; -moz-border-radius: 0px 0px 2px 0px; border-radius: 0px 0px 2px 0px;} .xw-bc {background:#fff!important; height:5px!important;} .xw-hdr-text {padding:0px!important;} .xw-hdr-text {font-size: 11px;font-weight: 700; font-family: tahoma!important; color:#656565!important; line-height: 15px!important; vertical-align:2px!important;} .xw-plain .xw-mc {border-radius:2px!important; border: none!important; padding:0!important; margin:0!important; font: 11px tahoma!important; color:#656565!important; background:#fff!important;} .xw-body, .myWinCont {padding:0!important; margin:0!important; color:#656565!important;} .xw-plain .xw-body{padding: 0!important; border: none!important;} .xw-plain {box-shadow:0 0 6px #cecece;} .xw-blank {background:#fff!important;} .myWinTD1 {background:none!important;} /*AJAX*/
Скрипт жалобы:
Код
function complaint(admin) { new _uWnd('u_complaint','Жалоба на материал',300,100,{align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0,oncontent:function() { $('.theme').change(function() { if($('.theme option:selected').attr('value')=='Битая ссылка'){$('#upComlaint').html('<fieldset><legend>Рабочая ссылка:</legend><input id="actLink" type="text" style="width:80%"><br><span style="font-size:9px;">Если у вас есть рабочая ссылка на файл, то укажите её.</span></fieldset></fieldset><fieldset><legend>Сообщение:</legend><textarea id="badM" style="width:80%;height:45px">Просьба исправить ссылку в материале, либо удалить его</textarea></fieldset>')} else if($('.theme option:selected').attr('value')=='Нарушение авторских прав'){$('#upComlaint').html('<fieldset><legend>Исходный файл:</legend><input id="actIst" type="text" style="width:80%"><br><span style="font-size:9px;">Файл, доказывающий авторство (<b>.psd</b>, <b>.js</b> и т.п.)</span></fieldset><fieldset><legend>Настоящий автор [<b>Имя</b>]:</legend><input id="actIstA" type="text" style="width:80%"></fieldset><fieldset><legend>Ссылка на сайт автора:</legend><input id="actIstL" type="text" style="width:80%"></fieldset><fieldset><legend>Ваше сообщение:</legend><textarea id="actIstM" style="width:80%;height:30px;"></textarea></fieldset>');$('#rP').val('Ссылка на файл: [url='+location.href+']'+location.href+'[/url]\nИсходный файл: [b]'+$('#actIst').val()+'[/b]\nИмя автора:[b] '+$('#actIstA').val()+'[/b]\nСайт автора:[b] '+$('#actIstL').val()+'[/b]\nСообщение:[b] '+$('#actIstM').val()+'[/b]');} else if($('.theme option:selected').attr('value')=='Жалоба на материал'){$('#upComlaint').html('<fieldset><legend>Причина жалобы:</legend><textarea id="otherM" style="width:80%;height:100px"></textarea></fieldset>');$('#rP').val('Ссылка на файл: [url='+location.href+']'+location.href+'[/url]\nСообщение: [b]'+$('#otherM').val()+'[/b]\nИмя автора:[b] '+$('#actIstA').val()+'[/b]\nСайт автора:[b] '+$('#actIstL').val()+'[/b]\nСообщение:[b] '+$('#actIstM').val()+'[/b]');} _uWnd.getbyname('u_complaint').checksize() }); $('.nButton').click(function() { if($('.theme option:selected').attr('value')=='Битая ссылка'){if($('#badM').val().length=='0'){_uWnd.alert('<center><font color="red">Не заполнено поле <b>Сообщение</b></font></center>', 'Ошибка',{w:300, h:70});$('#upReload').html('<img src="/.s/img/icon/er.png">')}else{$('.strClick').click();$('#rP').val('Ссылка на файл: [url='+location.href+']'+location.href+'[/url]\nРабочая ссылка: [b]'+$('#actLink').val()+'[/b]\nСообщение: [b]'+$('#badM').val()+'[/b]');}} if($('.theme option:selected').attr('value')=='Жалоба на материал'){if($('#otherM').val().length<'5'){_uWnd.alert('<center><font color="red">Причина должна содержать более <b>5-и</b> символов</font></center>', 'Ошибка',{w:300, h:70});$('#upReload').html('<img src="/.s/img/icon/er.png">')}else{$('.strClick').click();$('#rP').val('Ссылка на файл: [url='+location.href+']'+location.href+'[/url]\nСообщение: [b]'+$('#otherM').val()+'[/b]');}} if($('.theme option:selected').attr('value')=='Нарушение авторских прав'){if($('#actIst').val().length=='0'){_uWnd.alert('<center><font color="red">Не заполнено поле <b>Исходный файл</b></font></center>', 'Ошибка',{w:300, h:70});$('#upReload').html('<img src="/.s/img/icon/er.png">');return;} if($('#actIstL').val().length=='0'){_uWnd.alert('<center><font color="red">Не заполнено поле <b>Ссылка на сайт автора</b></font></center>', 'Ошибка',{w:300, h:70});$('#upReload').html('<img src="/.s/img/icon/er.png">');return;} if($('#actIstA').val().length=='0'){_uWnd.alert('<center><font color="red">Не заполнено поле <b>Настоящий автор [Имя]</b></font></center>', 'Ошибка',{w:300, h:70});$('#upReload').html('<img src="/.s/img/icon/er.png">');return;} else{$('.strClick').click();$('#rP').val('Ссылка на файл: [url='+location.href+']'+location.href+'[/url]\nИсходный файл: [b]'+$('#actIst').val()+'[/b]\nИмя автора:[b] '+$('#actIstA').val()+'[/b]\nСайт автора:[b] '+$('#actIstL').val()+'[/b]\nСообщение:[b] '+$('#actIstM').val()+'[/b]')}} }); $.get('/index/14-0-0-1/',function(data){ $('.caphaIMG').html('<img src='+$('#secuImg',data).attr('src')+' style="cursor:pointer;" class="reloaded" align="absmiddle" title="Обновить код безопасности">'); $('.seCap').val($('input[name="seckey"]',data).val()) reloaded = $('#secuImg',data).attr('onclick'); $('.reloaded').click(reloaded) if($('#secuImg',data).attr('src')==undefined){$('#CF').hide()} else{} }); $('.strClick').click(function() { $('#upReload').html('<img src="/geroine/load.gif">') $.get('/index/14-0-0-1/', function(data){var ssid = $('input[name="ssid"]', data).val();$.post('/index/', {a: '18',s: admin,subject: $('.theme option:selected').attr('value'),message: $('#rP').val(),seckey:$('.seCap').val(),code:$('.onCode').val(),ssid: ssid}, function(s){ response = $(s).text(); if(response.indexOf('успешно')!=-1){$('#upReload').html('<img src="/.s/img/icon/ok.png">');_uWnd.alert('<center><font color="blue">Жалоба отправлена на рассмотрение</font></center>', 'Успешно',{w:300, h:70});$('.reloaded').click();_uWnd.close('u_complaint')} else if(response.indexOf('безопасности')!=-1){$('#upReload').html('<img src="/.s/img/icon/er.png">');_uWnd.alert('<center><font color="red">Неверно введён <b>Код безопасности</b></font></center>', 'Ошибка',{w:300, h:70});$('.reloaded').click()} else if(response.indexOf('самому')!=-1){$('#upReload').html('<img src="/.s/img/icon/er.png">');_uWnd.alert('<center><font color="red">Невозможно отправить жалобу самому себе!</font></center>', 'Информация',{w:300, h:70});$('.reloaded').click()} else if(response.indexOf('запретил')!=-1){$('#upReload').html('<img src="/.s/img/icon/er.png">');_uWnd.alert('<center><font color="red">Админ запретил отправлять себе сообщения</font></center>', 'Ошибка',{w:300, h:70});$('.reloaded').click()} else if(response.indexOf('запрещён')!=-1){$('#upReload').html('<img src="/.s/img/icon/er.png">');_uWnd.alert('<center><font color="red">Доступ заперещён</font></center>', 'Ошибка',{w:300, h:70});$('.reloaded').click()} }); }); }); }}, '<div class="strClick"></div><fieldset><legend>Причина жалобы:</legend><select class="theme"><option value="Битая ссылка">Битая ссылка</option><option value="Нарушение авторских прав">Нарушение авторских прав</option><option value="Жалоба на материал">Другая причина</option></select></fieldset><div id="upComlaint"><fieldset><legend>Рабочая ссылка:</legend><input id="actLink" type="text" style="width:80%"><br><span style="font-size:9px;">Если у вас есть рабочая ссылка на файл, то укажите её.</span></fieldset><fieldset><legend>Сообщение:</legend><textarea id="badM" style="width:80%;height:45px">Просьба исправить ссылку в материале, либо удалить его</textarea></fieldset></div><fieldset id="CF"><legend>Код безопасности:</legend><input class="onCode" type="text" autocomplete="off" name="code" style="font-size:20px;padding:4px;width:60px;margin-right:3px;" size="5" maxlength="5"><span class="caphaIMG"></span></fieldset><fieldset><table width="100%"><tr><td align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" onmousedown="this.className=\'downBtn\'" onmouseover="this.className=\'overBtn\'" onmouseout="this.className=\'outBtn\'"><tr><td class="myBtnLeft"><img alt="" border="0" src="http://s1.ucoz.net/img/1px.gif"/></td><td class="myBtnCenter"><div class="myBtnCont x-unselectable" unselectable="on"><a href="javascript://" class="nButton" id="cButton">Оповестить</a> </div> </td><td class="myBtnRight"><img alt="" border="0" src="http://s1.ucoz.net/img/1px.gif"/></td></tr></table></td><td width="35%" align="right" valign="top"><span id="upReload"></span></td></tr></table></fieldset><input type="hidden" id="rP"><input type="hidden" class="seCap">' ) };
В общем хочу настроить чтобы выглядело правильно и красиво, буду очень благодарен тому, кто сможет помочь
Сообщение отредактировал MoRFiuSka - Ср, 04.05.2016, 15:16:17
Дата: Ср, 04.05.2016, 23:45:34 | Сообщение #
2
MoRFiuSka , интересно как искал. А вообще, не ясно зачем такие темы создавать, чтобы готовое сделали. Лучше самому научиться делать это. И делается это просто, в том же браузере Firefox наводишь на элемент окна всплывающего, жмешь п.к.м. - выбираешь "Исследовать элемент"... и оно показывает есть ли привязка к стилям, тут же - видно есть ли конфликты, если элемент унаследовал стили откуда-то. К примеру, наводим на кнопку закрытия окна, проводим выше описанную процедуру - вот и узнаем, что .xt-close привязан (то, что тут выложено без ссылки прямой на графику и не указан адрес сайта - поставить нельзя, нужно искать в сети такие же окна). Ну, а цвет и размер шрифта - это даже методом тыка можно исправить, зная что color и font-size за это отвечает соответственно. В общем, ничего сложного не вижу, смотреть нужно и избавляться от конфликтов, если таковые есть в стилях. Конфликты разрешаются путём убирания лишних стилей, если таковые есть, или просто прописью в самый низ стилизации, делая при этом !important (порой без этого никак, так как на сайтах используется стилизация системная от uCoz, где также есть уже прописанный !important).UPD.: Стили ставил, у меня такого как на скрине нет, значит у тебя на сайте еще стили перекрывают эти... советую перейти со стиля админ-бара bwhite на gray (аналогично ) - должно решить проблему, потому что системные стили перекрывают эти (вернее даже те стили писались, когда стиля bwhite еще не было).