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

Объявление

🔴 МАСТЕР-КЛАСС от magia "Жизненный цикл проекта"

Дата и время: начало 28 апреля в 16:00 по МСК;
Если у вас возникла идея создать ролевую игру, сообщество любителей собак или форум для киноманов,
но не знаете с чего начать и что делать, не беда! Мы здесь чтобы помочь.

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Наш проект: Ролевой поисковик

Поиск роли на текстовых ролевых
Проект от специалистов FD

Спойлеры и обсуждение

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



Палитра на форум (большая) (MyBB)

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

1

Автор: Deff

http://savepic.net/734660.gif

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

В 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://savepic.net/725622.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>

Теги: Палитра, скрипты,Deff,mybb

0

2

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

<script src="http://hostjs-mybb2011.narod.ru/js/Deff_BigPalette.js"></script>

В хтмл-верх.

http://savepic.net/725622.jpg

+3

3

Большое-при большое спасибо!

0

4

Огромное спасибо!!!

0

5

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

В HTML низ

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

http://savepic.net/725622.jpg

Отредактировано Deff (11.06.13 15:57)

0