Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Оформление окна код

Предыдущая тема Следующая тема Перейти вниз

Оформление окна код

Сообщение автор VeraLV в Пт 3 Янв - 15:52

Как сделать как у вас такое же окно для код?



Последний раз редактировалось: VeraLV (Чт 9 Янв - 17:11), всего редактировалось 1 раз(а)

VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Пн 6 Янв - 23:29

Как же сделать для кода такое же окно?

VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Xan_Kriegor в Вт 7 Янв - 2:16

Хотел бы присоединиться к вопросу! Меня интересует конкретно функция: выделить содержимое

Xan_Kriegor
 

Сообщения : 973
Возраст : 33
Регистрация : 2013-09-18
Благодарности : 13

Без предупреждений

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Вт 7 Янв - 13:11

Хотел бы присоединиться к вопросу! Меня интересует конкретно функция: выделить содержимое

Xаn_Kriеgor


Эта проблема решена и успешно внедрена на форуме

http://help.forum2x2.ru/t34977-topic

VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Домовой в Вт 7 Янв - 13:46

@VeraLV пишет:Как же сделать для кода такое же окно?
Не совсем понятно что конкретно вы хотите?
Окно как окно, ничего особенного

Xаn_Kriеgor пишет:Меня интересует конкретно функция: выделить содержимое
@VeraLV пишет:Эта проблема решена и успешно внедрена на форуме

http://help.forum2x2.ru/t34977-topic
Это для phpBB2

Для punBB работает старый вариант
в ПА > Модули > Управление JS

Код:
function selectCode(a){
   var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
   if (window.getSelection){
      var s = window.getSelection();
      if (s.setBaseAndExtent){
         s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      } else{
         if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>'){
            e.innerHTML = e.innerHTML + ' ';
         }
         var r = document.createRange();
         r.selectNodeContents(e);
         s.removeAllRanges();
         s.addRange(r);
      }
   } else if (document.getSelection){
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
   } else if (document.selection){
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
   }
};

if(text){ } else{ var text = 'Selecionar todos';}
jQuery(document).ready(function(){
jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Код:     <a href="#" onclick="selectCode(this); return false;"><span style="font-size: 11px">ВЫДЕЛИТЬ ВСЁ</span></a>');
});

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Xan_Kriegor в Вт 7 Янв - 15:41

Домовой, там нет решения для молей версии форума. Так что мой вопрос, касательно функции "выделить все", остается открытым!

Xan_Kriegor
 

Сообщения : 973
Возраст : 33
Регистрация : 2013-09-18
Благодарности : 13

Без предупреждений

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Dana Domirani в Вт 7 Янв - 15:59

Для оставшихся двух версий (BB3 и IPB) скрипты даны тут: http://help.forum2x2.ru/t27816-topic



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22097
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8880

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Xan_Kriegor в Вт 7 Янв - 17:41

Dana Domirani, все получилось, как и всегда, после твоих советов!  13 Даночка и с Рождеством тебя!!!
Мой вопрос: solved 

Xan_Kriegor
 

Сообщения : 973
Возраст : 33
Регистрация : 2013-09-18
Благодарности : 13

Без предупреждений

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Домовой в Вт 7 Янв - 17:42

Xаn_Kriеgor пишет:Домовой, там нет решения для молей версии форума.
Там это где?
Я вам выложил скрипт постом выше, он рабочий и как раз для вашей версии


Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Xan_Kriegor в Вт 7 Янв - 20:53

Домовой, ну я его попробовал - у меня не пошло! Я не знаю, в чем дело... Но уже все решено и тебе по любому спс от души за помощь!

Xan_Kriegor
 

Сообщения : 973
Возраст : 33
Регистрация : 2013-09-18
Благодарности : 13

Без предупреждений

http://www.residentevilarena.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Вт 7 Янв - 22:47

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



Домовой, такое для phpbb2 не применимо?

http://help.forum2x2.ru/t34983-topic

VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Домовой в Вт 7 Янв - 23:27

@VeraLV пишет:Мне нравится как оформлено окно кода, есть полоса прокрутки вертикально, горизонтально
Ну полосы прокрутки и на втором бобике есть, это зависит от того какой код вы вставляете в сообщение
Вот пример с моего тестовика, он на BB2



Код:
.codebox dd {
background-color:#fff;
border:1px solid #D1D7DC;
margin:0;
padding:2px;
}

.code {
color:#000!important;
font-family:Courier, CourierNew, sans-serif!important;
font-size:13px!important;
}

.codebox dt {
background-color:#fff;
border-color:#D1D7DC;
border-style:solid solid none;
border-width:1px 1px 0;
}

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Вт 7 Янв - 23:34

Ай, хелп, где тут цвет надписей? Не видно. Видно только кода мышкой наводишь. Нравится, устраивает. Хорошо светло, не надо глаза напрягать. Только надписи Код и Выделить все, слились с фоном, не видно.:(


VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Домовой в Вт 7 Янв - 23:51

VeraLV, замените скрипт выделения кода на этот

Код:
function selectCode(a)
    {
    // Get ID of code block
    var e = jQuery(a).closest('dt').next().find('.cont_code')[0];

    // Not IE
    if (window.getSelection)
    {
    var s = window.getSelection();
    // Safari
    if (s.setBaseAndExtent)
    {
    s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
    }
    // Firefox and Opera
    else
    {
    // workaround for bug # 42885
    if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
    {
    e.innerHTML = e.innerHTML + ' ';
    }

    var r = document.createRange();
    r.selectNodeContents(e);
    s.removeAllRanges();
    s.addRange(r);
    }
    }
    // Some older browsers
    else if (document.getSelection)
    {
    var s = document.getSelection();
    var r = document.createRange();
    r.selectNodeContents(e);
    s.removeAllRanges();
    s.addRange(r);
    }
    // IE
    else if (document.selection)
    {
    var r = document.body.createTextRange();
    r.moveToElementText(e);
    r.select();
    }
    }
    jQuery(function(){

    jQuery('div.postbody div.cont_code').parents(".codebox").find('dt span').html('<span style="color: #000;font-weight: bold;">КОД:</span>   <a href="javascript:void()" onClick="selectCode(this)">ВЫДЕЛИТЬ ВСЁ</a>');
    });

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Ср 8 Янв - 12:28

Ваш CSS успешно обновлен.
Обратите внимание:
Теги html в каскадных таблицах стилей порождают ошибки.
Теги html, которые вы поместили в вашу каскадную таблицу стилей, удалены с помощью специальной операции редактирования.


VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Домовой в Ср 8 Янв - 14:32

VeraLV, я кажется чётко написал заменить скрипт а не CSS что вам дал ранее.
CSS оставьте то что есть а в Модули - Управление кодами Javascript замените скрипт выделения кода
А валяюсь от вашей логики

Короче делайте так:
В CSS

.codebox dd {
background-color:#fff; /*фон поля код*/
border:1px solid #D1D7DC; /*рамка*/
margin:0;
padding:2px;
}

.code {
color:#000!important; /*цвет текста в поле код*/
font-family:Courier, CourierNew, sans-serif!important; /*шрифт*/
font-size:13px!important; /*размер шрифта*/
}

.codebox dt {
background-color:#fff; /*фон под словами КОД и ВЫДЕЛИТЬ ВСЁ*/
border-color:#D1D7DC; /*цвет рамки*/
border-style:solid solid none;
border-width:1px 1px 0;
}

.code div.cont_code {
max-height:150px; /*максимальная высота блока*/
}

А это скрипт, замените существующий в Модули - Управление кодами Javascript
на этот

function selectCode(a)
   {
   // Get ID of code block
   var e = jQuery(a).closest('dt').next().find('.cont_code')[0];

   // Not IE
   if (window.getSelection)
   {
   var s = window.getSelection();
   // Safari
   if (s.setBaseAndExtent)
   {
   s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
   }
   // Firefox and Opera
   else
   {
   // workaround for bug # 42885
   if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')
   {
   e.innerHTML = e.innerHTML + ' ';
   }

   var r = document.createRange();
   r.selectNodeContents(e);
   s.removeAllRanges();
   s.addRange(r);
   }
   }
   // Some older browsers
   else if (document.getSelection)
   {
   var s = document.getSelection();
   var r = document.createRange();
   r.selectNodeContents(e);
   s.removeAllRanges();
   s.addRange(r);
   }
   // IE
   else if (document.selection)
   {
   var r = document.body.createTextRange();
   r.moveToElementText(e);
   r.select();
   }
   }
   jQuery(function(){

   jQuery('div.postbody div.cont_code').parents(".codebox").find('dt span').html('<span style="color: #000;font-family:Georgia;"> КОД:</span>   <a href="javascript:void()" onClick="selectCode(this)"><span style="font-family:Georgia;">ВЫДЕЛИТЬ ВСЁ</span></a>');
   });
В самом низу скрипта
color: #000 отвечает за цвет слова КОД:
font-family:Georgia; шрифт слова КОД:

Результат:


Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Ср 8 Янв - 17:05

За выделить все, как цвет изменить? Не видно, белый цвет.


VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор Домовой в Ср 8 Янв - 18:50

В самом низу скрипта найдите

<a href="javascript:void()" onClick="selectCode(this)"><span style="font-family:Georgia;">ВЫДЕЛИТЬ ВСЁ</span></a>

замените на

<a href="javascript:void()" onClick="selectCode(this)"><span style="font-family:Georgia;color:#FF0000;">ВЫДЕЛИТЬ ВСЁ</span></a>

color:#FF0000; и будет цветом вашей ссылки.
Можете поменять на свой цвет

Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3216

Без предупреждений

http://udomovogo.rusff.ru

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Чт 9 Янв - 17:03

Совсем все исчезло и в цитировании тоже. Попробую сейчас подобрать другой цвет.

VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Чт 9 Янв - 17:05

Нет, уберу всё, цитирование вообще деформировалось, какое-то сверху появилось ненужное окно, других параметров.



Пусть тогда останется как было.

VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Re: Оформление окна код

Сообщение автор VeraLV в Чт 9 Янв - 17:10

Домовой, благодарю вас за уделенное мне время.  girl_yes 

VeraLV
 

Женщина

Сообщения : 692
Возраст : 33
Регистрация : 2011-06-19
Благодарности : 29

Без предупреждений

http://chertovologovo.com

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения