ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

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

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



Палитры цветов в форме ответа

Сообщений 1 страница 3 из 3

1

Расширенная палитра цветов
http://s7.uploads.ru/FoPT5.jpg

Автор: Romych
Платформа: MyBB
Аналоги: Дополнительные цвета в  стандартном окне (MyBB) [Romych]

1. очень короткий код
2. практически неограниченная палитра

демо

http://sh.uploads.ru/1NX0e.gif

в HTML-низ:

Код:
    <!-- Расширенная палитра цветов (NEW) -->
    <script type="text/javascript">
    $('#color-area tr').append('<td><input type="color" id="litr" style="cursor:pointer;padding:0;width:22px;" title="Показать всю палитру" value="#ffa500"></td>');$('#litr').change(function(){bbcode('[color='+this.value+']','[/color]');});
    </script>

можно привести вот к таком виду, добавив код перед скриптом

http://sg.uploads.ru/QDz3a.jpg

Код:
    <style type="text/css">
    input[type=color]::-webkit-color-swatch {background-color: transparent !important; border:none;}
    input[type=color]::-moz-color-swatch {background-color: transparent !important; border:none;}
    #litr{background: url(http://data.colorzilla.com/images/logo.png) no-repeat scroll 0 0 / cover ;}
    </style>

Палитра цветов в форму ответа
http://support.liveforums.ru/uploads/0002/be/6c/4466-1-f.jpg

Автор: Russian_Goblin
Платформа: MyBB

Добавляет в стандартную палитру 4096 цветов.
НТML-низ:

Код:
<script type="text/javascript"> 
//
// Автор скрипта: RUSSIAN_GOBLIN (с) 2011/08/06
// P.S.: А создавать форумы лучше всего здесь http://LiveForums.ru/
//
if ((document.URL.indexOf('viewtopic.php?')!=-1)
||(document.URL.indexOf('edit.php')!=-1)
||(document.URL.indexOf('post.php')!=-1)
||(document.URL.indexOf('messages.php')!=-1))
{

var ColorsBank = new Array ('00', '11', '22', '33', '44', '55', '66', '77', '88', '99', 'aa', 'bb', 'cc', 'dd', 'ee', 'ff');
var i=0;
var table='';
var ColorArray = new Array();

for(r=15;r>=0;r--){
for(g=0;g<=15;g++){
for(b=0;b<=15;b++){
ColorArray[i]=ColorsBank[r]+''+ColorsBank[g]+''+ColorsBank[b];
table=table+'<p style="width:1px; height:1px; float:left; background:#'+ColorArray[i]+'"><img src="/i/blank.gif" alt="#'+ColorArray[i]+'"/></p>';
i++;
}}}

tablecolors='Цвет: <input id="now_color_rgb" name="now_color_rgb" type="text" size="7" value=""> Код: <input id="now_color" name="now_color" type="text" size="7" value="#rrggbb"><table  cellspacing="0" cellpadding="0"><tr><td id="table_new_colors">'+table+'</td></tr></table>';
//alert(tablecolors);
$('div#color-area').prepend(tablecolors);

$('#table_new_colors p img').mouseover(function (){
var clr=$(this).attr("alt");
$("#now_color_rgb").css('background',clr);
$("#now_color").val(clr);});

$("#table_new_colors p img").click(function (){
var clr=$(this).attr("alt");
$("#now_color_rgb").css('background',clr);
$("#now_color").val(clr);
clr='[color='+clr;clr+="]";
bbcode(clr,"[/color]");});
}
</script>

Новая Палитра © Deff

Автор: Deff
Платформа: MyBB
Демо:

В HTML низ:

Код:
        <style>      /* Новая Палитра © Deff */
        #color-area{
        background:url(http://savepic.net/675564.gif) 50% 0 no-repeat;
        }
        table.Myp,table.Myp td,
        #len-tbl-01,#len-tbl-01 td{
        text-align:left;
        vertical-align:top;
        padding:0!important;
        margin:0!important;
        border-collapse:collapse!important;
        }
        span.hidds{
        display:block;
        width:18px;
        height:18px;
        background:url(http://savepic.net/707441.png) 50% 50% no-repeat;
        margin: 6px 21px -6px -21px;
        }
        #len-tbl-01{
        margin: 1px 21px 12px 0!important;
        width:100%;
        }
        #len-tbl-01 td {
        padding:0!important;
        width:11px!important;height:12px;
        background-image:url(http://savepic.net/711220.gif);
        background-position:50% 50%;
        background-repeat: no-repeat;
        background-image: none;
        border: #fff 1px solid!important;
        }
        #len-tbl-01 td:hover {
        background-image:url(http://savepic.net/686931.gif)!important;
        background-position:50% 50%;
        background-repeat:no-repeat;
        }
        table.Myp{
        width:280px!important;
        }
        table.Myp td,table.Myp tr{
        height:18px!important;
        vertical-align:text-bottom;
        margin:0!important;
        border: none 0 transparent!important;
        border-collapse:collapse!important;
        }
        td.rightMy,td.murom {
        text-align:left!important;
        width:66px!important;
        }
        #name_1,#name_0{
        margin:0;
        posizion:absolute; z-index:2000;
        font-size:11px!important;
        background-color:#fff!important;
        border: #000 1px solid;
        width:58px!important;
        }
        #name_1{
        border: red 1px solid!important;
        font-size:11px;
        color:#761A21;
        }
        #name_0 {
        font-size:11px;
        color:#000!important;
        }
        #len-tbl-01 img {
        position:absolute!important;
        border: #000 1px none;
        }
        #len-tbl-01 img.Nul_Img  {
        position:absolute!important;
        height:11px!important;
        width:11px!important;
        margin:0!important;
        }
        #len-tbl-01 .metka {
        position:absolute!important;
        z-index:100;
        margin:-1px 0 0 -1px!important;
        height:13px;
        width:13px;
        }
        </style>
        <script type="text/javascript">
        if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
        ||(document.URL.indexOf("post.php")!=-1)){
        ColorArray=new Array(
        "EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
        "444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
        "AA0000","980000","880000", //2строка-->
        "FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
        "99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
        "65FC00","33FEFE","33FECB", //3строка-->
        "FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
        "98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
        "66CB00","33CBFE","32CACA", //4строка-->
        "FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
        "9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
        "659800","3399FE","3298CA", //5строка-->
        "FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
        "9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
        "666500","3366FE","3265CA", //6строка-->
        "FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
        "9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
        "663200","3333FE","3232CA", //7строка-->
        "FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
        "9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
        "660000","3200FC","3200CB", //8строка-->
        "00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
        "005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
        "0000AA","000098","000088" )//End

        var Metka_link="http://savepic.net/696986.gif";
        var Nul_Img_link="http://savepic.net/711220.gif";
        var stat_marker_link="http://savepic.net/668540.png";
        var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
        var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)

        var i=0,j=0,tbl="";var tblz="";
        var Ntd=23,Nstr=8;
        var TDstrStart='<td style="background-color:#';
        var TDstrEnd='">'+nul_img;

        for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
           for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
        tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
        $("#color-area").prepend(tbl);

        $("#color-area").removeAttr("onclick")
        $("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')

        $("#len-tbl-01 td").mouseover(function(){
          $("#name_1").css({"color":"#000"});
            $("#name_1").val($(this).attr("alt"));
        });

        $("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
           $("#len-tbl-01 .metka").remove();$(this).append(metka);
            $(this).css({"background-image":"url("+stat_marker_link+")"});
               var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
                bbcode(ss,"[/color]");});

        $("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
        $("#color-area").hide(); });
        }
        </script>

Новая Палитра v2 © Deff
http://gerda.moy.su/_bd/0/55911963.jpg

Автор: Deff
Платформа: MyBB
сокращенный вариант в html верх:

Код:
<script src="https://forumstatic.ru/files/0010/b4/f8/74494.js"></script>

ИЛИ полный вариант с настройкой стиля в HTML низ:

Код:
<style> /* Новая Палитра © Deff */
  #color-area{
  background:url(http://savepic.net/844049.gif) 50% 0 no-repeat;
  }
  table.Myp,table.Myp td,
  #len-tbl-01,#len-tbl-01 td{
  text-align:left;
  vertical-align:top;
  padding:0!important;
  margin:0!important;
  border-collapse:collapse!important;
  }
  span.hidds{
  display:block;
  width:18px;
  height:18px;
  background:url(http://savepic.net/829713.png) 50% 50% no-repeat;
  margin: 6px 21px -6px -21px;
  }
  #len-tbl-01{
  margin: 1px 21px 12px 0!important;
  width:100%;
  }
  #len-tbl-01 td {
  padding:0!important;
  width:11px!important;height:12px;
  background-image:url(http://savepic.net/711220.gif);
  background-position:50% 50%;
  background-repeat: no-repeat;
  background-image: none;
  border: #fff 1px solid!important;
  }
  #len-tbl-01 td:hover {
  background-image:url(http://savepic.net/686931.gif)!important;
  background-position:50% 50%;
  background-repeat:no-repeat;
  }
  table.Myp{
  width:280px!important;
  }
  table.Myp td,table.Myp tr{
  height:18px!important;
  vertical-align:text-bottom;
  margin:0!important;
  border: none 0 transparent!important;
  border-collapse:collapse!important;
  }
  td.rightMy,td.murom {
  text-align:left!important;
  width:66px!important;
  }
  #name_1,#name_0{
  margin:0;
  posizion:absolute; z-index:2000;
  font-size:11px!important;
  background-color:#fff!important;
  border: #000 1px solid;
  width:58px!important;
  }
  #name_1{
  border: red 1px solid!important;
  font-size:11px;
  color:#761A21;
  }
  #name_0 {
  font-size:11px;
  color:#000!important;
  }
  #len-tbl-01 img {
  position:absolute!important;
  border: #000 1px none;
  }
  #len-tbl-01 img.Nul_Img {
  position:absolute!important;
  height:11px!important;
  width:11px!important;
  margin:0!important;
  }
  #len-tbl-01 .metka {
  position:absolute!important;
  z-index:100;
  margin:-1px 0 0 -1px!important;
  height:13px;
  width:13px;
  }
  </style>
  <script type="text/javascript">
  if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
  ||(document.URL.indexOf("post.php")!=-1)){
  ColorArray=new Array(
  "EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
  "444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
  "AA0000","980000","880000", //2строка-->
  "FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
  "99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
  "65FC00","33FEFE","33FECB", //3строка-->
  "FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
  "98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
  "66CB00","33CBFE","32CACA", //4строка-->
  "FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
  "9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
  "659800","3399FE","3298CA", //5строка-->
  "FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
  "9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
  "666500","3366FE","3265CA", //6строка-->
  "FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
  "9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
  "663200","3333FE","3232CA", //7строка-->
  "FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
  "9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
  "660000","3200FC","3200CB", //8строка-->
  "00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
  "005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
  "0000AA","000098","000088" )//End

  var Metka_link="http://savepic.net/696986.gif";
  var Nul_Img_link="http://savepic.net/711220.gif";
  var stat_marker_link="http://savepic.net/668540.png";
  var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
  var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)

  var i=0,j=0,tbl="";var tblz="";
  var Ntd=23,Nstr=8;
  var TDstrStart='<td style="background-color:#';
  var TDstrEnd='">'+nul_img;

  for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
  for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
  tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
  $("#color-area").prepend(tbl);

  $("#color-area").removeAttr("onclick")
  $("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')

  $("#len-tbl-01 td").mouseover(function(){
  $("#name_1").css({"color":"#000"});
  $("#name_1").val($(this).attr("alt"));
  });

  $("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
  $("#len-tbl-01 .metka").remove();$(this).append(metka);
  $(this).css({"background-image":"url("+stat_marker_link+")"});
  var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
  bbcode(ss,"[/color]");});

  $("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
  $("#color-area").hide(); });
  }
  </script>

0

2

Автор: Deff
http://forumfiles.ru/uploads/0007/e3/f7/2617/639555.png

Рабочий пример Вы можете увидеть здесь:

В HTML низ:

Свернутый текст

<style>      /* Новая Палитра © Deff */
#color-area{
background:url(http://savepic.net/675564.gif) 50% 0 no-repeat;
}
table.Myp,table.Myp td,
#len-tbl-01,#len-tbl-01 td{
text-align:left;
vertical-align:top;
padding:0!important;
margin:0!important;
border-collapse:collapse!important;
}
span.hidds{
display:block;
width:18px;
height:18px;
background:url(http://savepic.net/707441.png) 50% 50% no-repeat;
margin: 6px 21px -6px -21px;
}
#len-tbl-01{
margin: 1px 21px 12px 0!important;
width:100%;
}
#len-tbl-01 td {
padding:0!important;
width:11px!important;height:12px;
background-image:url(http://savepic.net/711220.gif);
background-position:50% 50%;
background-repeat: no-repeat;
background-image: none;
border: #fff 1px solid!important;
}
#len-tbl-01 td:hover {
background-image:url(http://savepic.net/686931.gif)!important;
background-position:50% 50%;
background-repeat:no-repeat;
}
table.Myp{
width:280px!important;
}
table.Myp td,table.Myp tr{
height:18px!important;
vertical-align:text-bottom;
margin:0!important;
border: none 0 transparent!important;
border-collapse:collapse!important;
}
td.rightMy,td.murom {
text-align:left!important;
width:66px!important;
}
#name_1,#name_0{
margin:0;
posizion:absolute; z-index:2000;
font-size:11px!important;
background-color:#fff!important;
border: #000 1px solid;
width:58px!important;
}
#name_1{
border: red 1px solid!important;
font-size:11px;
color:#761A21;
}
#name_0 {
font-size:11px;
color:#000!important;
}
#len-tbl-01 img {
position:absolute!important;
border: #000 1px none;
}
#len-tbl-01 img.Nul_Img  {
position:absolute!important;
height:11px!important;
width:11px!important;
margin:0!important;
}
#len-tbl-01 .metka {
position:absolute!important;
z-index:100;
margin:-1px 0 0 -1px!important;
height:13px;
width:13px;
}
</style>
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
||(document.URL.indexOf("post.php")!=-1)){
ColorArray=new Array(
"EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
"444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
"AA0000","980000","880000", //2строка-->
"FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
"99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
"65FC00","33FEFE","33FECB", //3строка-->
"FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
"98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
"66CB00","33CBFE","32CACA", //4строка-->
"FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
"9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
"659800","3399FE","3298CA", //5строка-->
"FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
"9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
"666500","3366FE","3265CA", //6строка-->
"FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
"9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
"663200","3333FE","3232CA", //7строка-->
"FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
"9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
"660000","3200FC","3200CB", //8строка-->
"00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
"005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
"0000AA","000098","000088" )//End

var Metka_link="http://savepic.net/696986.gif";
var Nul_Img_link="http://savepic.net/711220.gif";
var stat_marker_link="http://savepic.net/668540.png";
var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)

var i=0,j=0,tbl="";var tblz="";
var Ntd=23,Nstr=8;
var TDstrStart='<td style="background-color:#';
var TDstrEnd='">'+nul_img;

for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
   for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
$("#color-area").prepend(tbl);

$("#color-area").removeAttr("onclick")
$("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')

$("#len-tbl-01 td").mouseover(function(){
  $("#name_1").css({"color":"#000"});
    $("#name_1").val($(this).attr("alt"));
});

$("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
   $("#len-tbl-01 .metka").remove();$(this).append(metka);
    $(this).css({"background-image":"url("+stat_marker_link+")"});
       var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
        bbcode(ss,"[/color]");});

$("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
$("#color-area").hide(); });
}
</script>


http://gerda.moy.su/_bd/0/55911963.jpg

В хтмл-низ:

Свернутый текст

<style>      /* Новая Палитра © Deff */
#color-area{
background:url(http://savepic.net/844049.gif) 50% 0 no-repeat;
}
table.Myp,table.Myp td,
#len-tbl-01,#len-tbl-01 td{
text-align:left;
vertical-align:top;
padding:0!important;
margin:0!important;
border-collapse:collapse!important;
}
span.hidds{
display:block;
width:18px;
height:18px;
background:url(http://savepic.net/829713.png) 50% 50% no-repeat;
margin: 6px 21px -6px -21px;
}
#len-tbl-01{
margin: 1px 21px 12px 0!important;
width:100%;
}
#len-tbl-01 td {
padding:0!important;
width:11px!important;height:12px;
background-image:url(http://savepic.net/711220.gif);
background-position:50% 50%;
background-repeat: no-repeat;
background-image: none;
border: #fff 1px solid!important;
}
#len-tbl-01 td:hover {
background-image:url(http://savepic.net/686931.gif)!important;
background-position:50% 50%;
background-repeat:no-repeat;
}
table.Myp{
width:280px!important;
}
table.Myp td,table.Myp tr{
height:18px!important;
vertical-align:text-bottom;
margin:0!important;
border: none 0 transparent!important;
border-collapse:collapse!important;
}
td.rightMy,td.murom {
text-align:left!important;
width:66px!important;
}
#name_1,#name_0{
margin:0;
posizion:absolute; z-index:2000;
font-size:11px!important;
background-color:#fff!important;
border: #000 1px solid;
width:58px!important;
}
#name_1{
border: red 1px solid!important;
font-size:11px;
color:#761A21;
}
#name_0 {
font-size:11px;
color:#000!important;
}
#len-tbl-01 img {
position:absolute!important;
border: #000 1px none;
}
#len-tbl-01 img.Nul_Img  {
position:absolute!important;
height:11px!important;
width:11px!important;
margin:0!important;
}
#len-tbl-01 .metka {
position:absolute!important;
z-index:100;
margin:-1px 0 0 -1px!important;
height:13px;
width:13px;
}
</style>
<script type="text/javascript">
if ((document.URL.indexOf("viewtopic.php?")!=-1)||(document.URL.indexOf("edit.php")!=-1)
||(document.URL.indexOf("post.php")!=-1)){
ColorArray=new Array(
"EEEEEE","DDDDDD","CCCCCC","BBBBBB","AAAAAA","999999","888888","777777","666666","555555",
"444444","333333","222222","111111","000000","FC0000","ED0000","DB0000","CB0000","BA0000",
"AA0000","980000","880000", //2строка-->
"FEFD65","FEFD33","FCFC00","CAFEFE","CAFECA","CBFE99","CAFE65","CBFE33","CAFC00","99FEFE",
"99FECA","99FE99","98FE65","99FE33","98FC00","65FEFE","65FECA","65FE98","65FE65","66FE33",
"65FC00","33FEFE","33FECB", //3строка-->
"FECA65","FECB33","FCCA00","CACAFE","CBCBCB","CACA98","CBCA66","CACA32","CBCA00","99CBFE",
"98CACA","98CA98","99CB66","98CA32","99CB00","65CAFE","66CBCB","66CB98","66CB66","65CA32",
"66CB00","33CBFE","32CACA", //4строка-->
"FE9865","FE9833","FC9800","CA99FE","CA98CA","CA9898","CB9866","CA9832","CB9900","9999FE",
"9898CA","979797","989865","999833","989700","6598FE","6699CB","659898","659865","669933",
"659800","3399FE","3298CA", //5строка-->
"FE6565","FE6533","FC6500","CA65FE","CB66CA","CB6698","CB6666","CA6532","CB6500","9865FE",
"9866CB","986598","986565","996533","986500","6565FE","6666CB","656598","666666","656532",
"666500","3366FE","3265CA", //6строка-->
"FE3365","FE3333","FC3200","CA33FE","CA32CA","CA3298","CA3265","CA3232","CB3200","9833FE",
"9832CA","993398","993365","993333","983200","6533FE","6532CA","653399","653265","653232",
"663200","3333FE","3232CA", //7строка-->
"FC0065","FC0032","FC0000","CA00FC","CB00CA","CB0098","CB0065","CB0032","CB0000","9800FC",
"9800CB","980097","980065","980032","980000","6500FC","6500CB","650098","660065","660032",
"660000","3200FC","3200CB", //8строка-->
"00FC00","00ED00","00DB00","00CB00","00BA00","00AA00","009800","008800","007600","006600",
"005400","004400","003200","002200","001000","0000FC","0000ED","0000DB","0000CB","0000BA",
"0000AA","000098","000088" )//End

var Metka_link="http://savepic.net/696986.gif";
var Nul_Img_link="http://savepic.net/711220.gif";
var stat_marker_link="http://savepic.net/668540.png";
var nul_img='<img class="Nul_Img" src="'+Nul_Img_link+'" alt="s" />';
var metka='<img class="metka" src="'+Metka_link+'"/>'; //alert(metka)

var i=0,j=0,tbl="";var tblz="";
var Ntd=23,Nstr=8;
var TDstrStart='<td style="background-color:#';
var TDstrEnd='">'+nul_img;

for(j=0; j<Nstr; j++){tbl='<tr>'+tbl;
   for (i=0; i<Ntd; i++){NumTd=Ntd*j+i;tbl+=TDstrStart+ColorArray[NumTd]+';" alt="#'+ColorArray[NumTd]+TDstrEnd+'</td>'};
tbl+="</tr>";tblz+=tbl;tbl="";};tbl='<table id="len-tbl-01"'+tblz+'</table>';//alert(tbl)
$("#color-area").prepend(tbl);

$("#color-area").removeAttr("onclick")
$("#len-tbl-01").before('<table class="Myp"><tr><td class=murom><input id="name_1" name="_1" type="text" size="7" value="######"></td><td></td><td class="rightMy"><input id="name_0" name="_0" type="text" size="7" value="######"></td></tr></table>');$("#color-area").append('<span title="свернуть" class=hidds alt=hidds></span>')

$("#len-tbl-01 td").mouseover(function(){
  $("#name_1").css({"color":"#000"});
    $("#name_1").val($(this).attr("alt"));
});

$("#len-tbl-01 td").click(function (){ // Клик по ячейке - ввод BB- кода и..
   $("#len-tbl-01 .metka").remove();$(this).append(metka);
    $(this).css({"background-image":"url("+stat_marker_link+")"});
       var ss=$(this).attr("alt");$("#name_0").val(ss);ss='[color='+ss;ss+="]";
        bbcode(ss,"[/color]");});

$("#main-reply,.hidds").click(function (){ // cворачивание #color-area по клику на поле ввода
$("#color-area").hide(); });
}
</script>

Укороченный вариант:

<script src="https://forumstatic.ru/files/0010/b4/f8/74494.js"></script>

В хтмл-верх.

0

3

Перезалитый на mybb укороченный вариант:

В конец HTML низ

<script src="https://forumstatic.ru/files/0010/b4/f8/74494.js"></script>

http://savepic.net/725622.jpg

Отредактировано Deff (13.06.2013 14:08:25)

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."