Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)


Общие вопросы по оформлению (59)

Сообщений 401 страница 420 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+1

401

kolobdur74
теперь код выделяется нормально, а цвета рабоать опять перестали
не подскажете, в чем может быть конфликт?

0

402

bot123 написал(а):

как раз заработал после того, как я убрал скрипт выделения кода, точно
тогда поищу другой скрипт выделения кода, спасибо вам.

Ну, а по поводу цвета - есть хороший скрипт от Деффа - можно его поставить.. Ну, и стрелочки верните.. Кстати, чего у вас стиль в НТМЛ низу стоит:

<style>
#pun_wrap {
    background: transparent url(http://s3.uploads.ru/rbCfz.jpg) no-repeat bottom center !important;
    padding-bottom: 400px !important;
}
</style>

Это лучше поставить в НТМЛ верх..

0

403

kolobdur74
это низ форума, я думал он там должен стоять. :D

да, не, скрипт на цвета мне не нужен. Мне бы нормальный скрипт на выделение кода, который не будет конфликтовать с цветами.

0

404

bot123 написал(а):

теперь код выделяется нормально, а цвета рабоать опять перестали
не подскажете, в чем может быть конфликт?

Замените коментарий:

<--Выделение кода-->

На:

<!--Выделение кода-->

0

405

bot123 написал(а):

это низ форума, я думал он там должен стоять.

В НТМЛ низ предпочтительно ставить скрипты, кроме специально указанных автором, что надо ставить в НТМЛ верх, в НТМЛ верх желательно ставить стили.. Бо скорость загрузки у стиля быстрее чем у скриптов, а так пока скрипт не загрузится не загрузится стиль, который идет ниже скрипта..

0

406

kolobdur74
коммент отредактировал, а цвета все-таки не работают.  :(

0

407

bot123 написал(а):

коммент отредактировал, а цвета все-таки не работают.

Если не сложно, скиньте сюда весь НТМЛ верх, НТМЛ низ и Форму ответа, бо ощущение, что у вас тег где то потерялся, а найти не могу..

0

408

Конечно, не сложно, спасибо за помощь

HTML-верх
Код:
<style>
#pun_wrap {
    background: transparent url(http://s3.uploads.ru/rbCfz.jpg) no-repeat bottom center !important;
    padding-bottom: 400px !important;
}
</style>


<style type="text/css">
#pun {
width: 976px;
margin: 0 auto;
}
html {
background: #1A160F url(http://s2.uploads.ru/EGvaf.jpg) repeat-y top center !important;
}
body {
background: transparent url(http://s4.uploads.ru/6BTx3.jpg) no-repeat top center !important;
padding-top: 612px !important;
}
</style>

<style type="text/css">
#pun-title h1 span  {display: none;}
</style>

<style type="text/css">
.pa-online {
display:none;
}
</style>

<!--Ставим рамки для Аватара --> 
<style type="text/css">
li.pa-avatar .Wrp-ava img[alt]{
  display:block;
  padding:0;
  border-width:0;
  margin:6px; /*Отступ рамки*/
}
</style>
<script>
  $(document).ready(function(){
    var imgWrp = "http://sf.uploads.ru/hCpov.png"; // Ccылка на картинку;
    imgWrp = '<img src="'+imgWrp+'" width=100% height=100% style="position:absolute;z-index:100;"/>'
    $("div.post-author ul li.pa-avatar img[alt]").each(function () {
    $(this).wrap('<div class="Wrp-ava" style="display:inline-block;text-align:left;position:relative;"></div>');
    $(this).parent().prepend(imgWrp)
});});
</script><!--Конец//Рамки для Аватара-->

<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
HTML-низ
Код:
<!--Выделение кода-->
<script type="text/javascript">
function select_text(elem) {
	if(window.getSelection) {   
var s=window.getSelection();   
if(s.setBaseAndExtent){   
	s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1);   
}
else {   
	var r=document.createRange();   
	r.selectNodeContents(elem);   
	s.removeAllRanges();   
	s.addRange(r);
}   
	}
	else if(document.getSelection){   
var s=document.getSelection();   
var r=document.createRange();   
r.selectNodeContents(elem);   
s.removeAllRanges();   
s.addRange(r);   
	}
	else if(document.selection){   
var r=document.body.createTextRange();   
r.moveToElementText(elem);   
r.select();
	}   
}
</script>
<script type="text/javascript">
var div = document.getElementById('pun-main').getElementsByTagName('div');
for(x in div){
	if(div[x].className=='code-box'){
div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>';
	}
}
</script>

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://sg.uploads.ru/03vk8.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="http://s3.uploads.ru/JjZYu.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:75px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:30px; /*ширина кнопки*/
height:30px; /*высота кнопки*/
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:5px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>

<!--Счетчик символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;float:right;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>

<!--Онлайн-оффлайн картинки-->
<script  type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="width:120px;margin-top:3px;display:block;" />';
    var ImgON="http://s7.uploads.ru/RJ40V.png";  // Картинка Online;
    var ImgOff="http://sh.uploads.ru/GxO9D.png";  // Картинка OffLine;
    $("#pun-viewtopic .post .post-author > ul").each(function ()   {
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    });
</script>
Скрипт пиар аккаунта
<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"/login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a href=\"#\" onclick=\"PiarIn();return false\"><span>Реклама</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

а в форме ответа у меня пусто.)

0

409

bot123
Попробуйте в НТМЛ верх поставить:

Код:
<style>
#color-area td img {z-index:1000;}
</style>

Цвет у вас работает, но что то его перекрывает..

0

410

bot123
Это перенесите в НТМЛ верх:

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="http://sg.uploads.ru/03vk8.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="http://s3.uploads.ru/JjZYu.png" border="0" width=100%/></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:75px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:30px; /*ширина кнопки*/
height:30px; /*высота кнопки*/
}
.go-up {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:5px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>

Перед:

<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>

А то вы опять таки поставили задом наперед..

0

411

kolobdur74
они работают кусками. То есть, первая половина кнопки работает, а вторая нет.
Заплатка не помогла...

0

412

kolobdur74
Перенесено - эффект тот же.
Нужен способ сжать это поле цветов ровно вполовину, но пока безрезультатно.

0

413

bot123
Сделайте скриншот проблемы, дабы долго не вникать
И ссылку на ресурс

0

414

bot123 написал(а):

они работают кусками. То есть, первая половина кнопки работает, а вторая нет.
Заплатка не помогла...

Угу, я не понял почему у вас по пол кнопки работает, проверил полностью ваши НТМЛ низ и Верх на другой партнерке - там всё нормально, похоже, что у вас что-то с партнеркой.. Замените, что я вам давал на:

<style>
  #color-area td img, #table-area td img {
    width: 46px !important;
}
</style>

В теории должно помочь, но надо посмотреть...

0

415

Deff
http://mirlegend.rolka.su/viewtopic.php?id=33#p97 - там и скриншот не нужен - клацни на цвета...

0

416

kolobdur74 написал(а):

http://mirlegend.rolka.su/viewtopic.php?id=33#p97 - там и скриншот не нужен - клацни на цвета...

В форме ответа ?
http://sd.uploads.ru/t/SJUv1.jpg


И чо нужно сделать ?

0

417

Тут чуть более разбирающийся человек подошёл, далее от его лица:

Deff
http://mirlegend.rolka.su/
http://sh.uploads.ru/GpSQy.png

Поле цветов по каким-то причинам "расплывается", в связи с чем кнопки цветов кликабельны лишь вполовину.
Я заплатку, конечно, сделал, подобрав ширину опытным путём:

Код:
#color-area {
   width: 43%;
}

Вообще сработало и, в принципе, проблема исчерпана, но всё равно непонятно, почему это всё так поехало.

----------

kolobdur74 написал(а):

В теории должно помочь, но надо посмотреть...

Ваше решение так же сработало, цвета полностью кликабельны, но блок всё ещё растянут. Не знаю, может, мой вариант чем-то хуже, т.к. я сжимаю весь блок div, но всё работает.

В любом случае, огромное спасибо за терпение и помощь.

0

418

Alex_63 написал(а):

А чо - мешает ?, в принципе удобно, (Отключаецо ток предпросмотр при вводе, а при нажатии на 'Редактировать' - 'Посмотреть' -не отключаецо

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

0

419

bot123
Это не спасёт ?
В HTML верх:

<style>
#color-area table{
  width: 300px!important;
  max-width:300px!important;
}
</style>

0

420

bot123
А эту правку вы ставили в стиле:

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 94% !important;
    margin-left: 21px;
  }

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (59)