IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Thu 16 May 2019, 10:28

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 10 users online :: 0 Registered, 0 Hidden and 10 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Search found 3 matches for 000000

Valoish
Sat 31 Dec 2016, 12:17

Search in: Forumactif Edge
Topic: How to add avatar or icon before username?
Replies: 9
Views: 1147
When creating a new group, select a color (Let's say.. #7b98f5 for example.) and then don't click on "Yes" when it asks you if you want to color the members names. Then try using the CSS code given in that topic and replacing #000000 with #7b98f5 and see if it works.
Michael_vx
Wed 31 Aug 2016, 04:13

Search in: Official Tips, Tricks, and Plugins
Topic: GIFActif - Giphy Button for the Editor
Replies: 60
Views: 5587
@Ange Tuteur wrote:Try using #message as the id.

In HTML id="message" === #message in CSS and query selections in JS.


Confused
thats make the buttons gone
also getting error
ReferenceError: my_getcookie is not defined
its refer to
color: my_getcookie("defColCP") ? my_getcookie("defColCP") : "#000000",
im not sure if that the right changes
Help me !
Code:
      $(function() {
          $(function() {
              $(".sceditor-button-color").hide()
          })
      });
      $(function() {
          $("div.post_body").each(function() {
              var n = this;
              if ($(".post-entry", n).length) {
                  n = $(".post-entry", n)[0]
              } else {
                  if ($(".content", n).length) {
                      n = $(".content", n)[0]
                  }
              }
              while (n.nodeType != 3 && n.hasChildNodes()) {
                  n = n.childNodes[0]
              }
              if (n.nodeType != 3) {
                  return val
              }
              if (n.nodeValue.substr(0, 8) != "[postbg=") {
                  return val
              }
              var m = n.nodeValue.match(/^\[postbg=([^\[]*)\]/);
              $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")");
              n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, "");
              if (!n.nodeValue && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") {
                  $(n.nextSibling).remove()
              }
          });
          if ($("#message").length && $.sceditor) {
              var bglist = "http://i55.servimg.com/u/f55/14/83/59/48/daqtda10.gif,http://i55.servimg.com/u/f55/14/83/59/48/pftcnq10.png,http://i55.servimg.com/u/f55/14/83/59/48/lruwov10.png,http://i55.servimg.com/u/f55/14/83/59/48/ehp45h10.png,http://i39.servimg.com/u/f39/14/83/59/48/bg1310.jpg,http://i39.servimg.com/u/f39/14/83/59/48/rip_jo10.png".split(",");
              var bgnum = -1;
              var val = $("#message").val();
              if (val.substr(0, 8) == "[postbg=") {
                  var m = val.match(/^\[postbg=([^\[]*)\]/);
                  if (m) {
                      var r = $.inArray(m[1], bglist);
                      if (r != -1) {
                          bgnum = r
                      } else {
                          bgnum = bglist.length - 1
                      }
                      $(function() {
                          $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px");
                          $(".sceditor-container").css("background-image", "url(" + m[1] + ")")
                      });
                      $("#message").val(val.replace(/^\[postbg=[^\[]*\]/, ""))
                  }
              }
              $(function() {
                  if (!$("#message").sceditor("instance")) {
                      return
                  }
                  $('<a class="sceditor-button" unselectable="on" title="إختر خلفية الموضوع/المشاركة"><div unselectable="on" style="background:url(http://i39.servimg.com/u/f39/14/83/59/48/catego10.png);opacity:1">خلفية المشاركة</div></a>').insertAfter(".sceditor-button-faspoiler").click(function(e) {
                      if (e.ctrlKey) {
                          $(".sceditor-container").css("background-image", "");
                          bgnum = -1
                      } else {
                          bgnum++;
                          if (!bgnum) {
                              $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px")
                          }
                          $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")")
                      }
                  })
              });
              $(function() {
                  $('form[name="post"]').submit(function() {
                      if (bgnum != -1) {
                          $("#message").val(function(i, val) {
                              return "[postbg=" + bglist[bgnum % bglist.length] + "]" + val
                          })
                      }
                  })
              })
          }
      });
      $(function() {
          $(function() {
              $('.sceditor-button-image').after('<a title="إدراج صورة برابط" class="sceditor-button sceditor-button-imganc"><div style="background:url(http://i39.servimg.com/u/f39/18/21/41/30/imganc10.png);"></div></a>');
              $('.sceditor-button-imganc').click(function() {
                  if ($('.sceditor-insertimganc').length) return $('.sceditor-insertimganc').remove();
                  $('body').append('<div class="sceditor-dropdown sceditor-insertimganc" style="position:absolute;"><div><label>رابط الصورة</label> <input id="imganc-img" class="url" placeholder="http://" type="text"></div><div><label>رابط التوجيه</label> <input id="imganc-url" class="url" placeholder="http://" type="text"></div><div><label>عرض (حقل اختياري)</label> <input id="imganc-width" size="2" type="text"></div><div><label>ارتفاع (حقل اختياري)</label> <input id="imganc-height" size="2" type="text"></div><div><input id="submit-imganc" class="button" value="إدراج" type="button"></div></div>');
                  $('.sceditor-insertimganc').css({
                      'left': $('.sceditor-button-imganc').offset().left + 'px',
                      'top': $('.sceditor-button-imganc').offset().top + 25 + 'px'
                  });
                  $('#submit-imganc').click(function() {
                      var dimension = '',
                          width = $('#imganc-width').val(),
                          height = $('#imganc-height').val(),
                          image = $('#imganc-img').val(),
                          url = $('#imganc-url').val();
                      if (width.length > 0 && height.length > 0) dimension = '(' + width + 'px,' + height + 'px)';
                      else if (width.length > 0 && height.length < 1) dimension = '(' + width + 'px,' + width + 'px)';
                      else if (width.length < 1 && height.length > 0) dimension = '(' + height + 'px,' + height + 'px)';
                      if (image.length > 0 && url.length > 0) $('#message').sceditor('instance').insertText('[url=' + url + '][img' + dimension + ']' + image, '[/img][/url]');
                      $('.sceditor-insertimganc').remove();
                      return false
                  })
              });
              $('.sceditor-button-source').click(function() {
                  $('.sceditor-button-imganc').removeClass('disabled')
              });
              $('.sceditor-button').not('.sceditor-button-imganc').click(function() {
                  $('.sceditor-insertimganc').remove()
              });
              $('.sceditor-container textarea').focus(function() {
                  $('.sceditor-insertimganc').remove()
              });
              $('.sceditor-container i-frame').contents().mousedown(function() {
                  $('.sceditor-insertimganc').remove()
              })
          })
      });
      $(document).on('ready', function() {
          $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-tooltip"style="display:none;margin-top: 27px;"><div><label for="tooltipnote"style="text-align:right;font-size: 16px;">الخلفية</label><input type="text" id="tooltipnote" style = "float:left;text-align: left;" placeholder="//:http"><br /><label for="tooltiptext"style="text-align:right;font-size: 16px;">عرض (حقل اختياري)</label><input type="text" id="tooltiptext" style = "height: 17px;width: 33px;margin: 1px 1px -5px 132px;" placeholder=""><br /><input type="button"style="margin: 22px -3px 1px 110px;"class="button"value="إدراج"></div></div>');
          $('<a class= "sceditor-button sceditor-button-paletaavanzada" unselectable="on"  title= "إدراج خلفية الموضوع/المشاركة"><div style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/block-10.png)">BBCode Tooltip</div></a>').insertAfter('.sceditor-button-faspoiler').click(function() {
              var f = $(".sceditor-tooltip").css("display");
              if (f == 'none') {
                  $(".sceditor-tooltip").css({
                      "left": $(this).position().left,
                      "top": $(this).position().top,
                  }).show()
              } else {
                  $(".sceditor-tooltip").hide()
              }
          });
          $(".sceditor-tooltip .button").click(function() {
              var a = $(".sceditor-tooltip #tooltiptext").val();
              var b = $(".sceditor-tooltip #tooltipnote").val();
              $('#message').sceditor("instance").insert('[table style="width:' + a + 'px; height:300px; background: url(' + b + ');" align="center" background="' + b + '"][tr][td][/td][/tr][/table]')
          });
          $('.post').each(function() {
              var m = $(this).html().replace(/\[tooltip=(.*?)\](.*?)\[\/tooltip]/gi, '<span class="tooltip"><datatip>$1</datatip><texttip>*$2</texttip></span>');
              $(this).html(m)
          });
          $('.post ').find('.tooltip').each(function() {
              var s = $(this);
              $(s).hover(function() {
                  $(s).find('datatip').show()
              }, function() {
                  $(s).find('datatip').hide()
              })
          })
      });
      $(document).on('ready', function() {
          $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-tooltip1"style="display:none;margin-top: 27px;"><div><label for="tooltipnote"style="text-align:right;font-size: 16px;">رابط</label><input type="text" id="tooltipnote" style = "float:left;text-align: left;" placeholder="//:http"><br /><input type="button"style="margin: 1px -3px 1px 78px;"class="button"value="إدراج"></div></div>');
          $('<a class= "sceditor-button sceditor-button-paletaavanzada" unselectable="on"  title= "إدراج رابط فيديو من أى موقع "><div style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/movie-10.png)">BBCode Tooltip</div></a>').insertAfter('.sceditor-button-link').click(function() {
              var f = $(".sceditor-tooltip1").css("display");
              if (f == 'none') {
                  $(".sceditor-tooltip1").css({
                      "left": $(this).position().left,
                      "top": $(this).position().top,
                  }).show()
              } else {
                  $(".sceditor-tooltip1").hide()
              }
          });
          $(".sceditor-tooltip1 .button").click(function() {
              var c = $(".sceditor-tooltip1 #tooltiptext").val();
              var d = $(".sceditor-tooltip1 #tooltipnote").val();
              $('#message').sceditor("instance").insert('<embed src=' + d + ' width=' + 500 + ' height=' + 300 + '></embed>')
          });
          $('.post').each(function() {
              var m = $(this).html().replace(/\[tooltip=(.*?)\](.*?)\[\/tooltip]/gi, '<span class="tooltip"><datatip>$1</datatip><texttip>*$2</texttip></span>');
              $(this).html(m)
          });
          $('.post ').find('.tooltip').each(function() {
              var s = $(this);
              $(s).hover(function() {
                  $(s).find('datatip').show()
              }, function() {
                  $(s).find('datatip').hide()
              })
          })
      });
      $(document).on('ready', function() {
          $(".sceditor-container").append('<div class="sceditor-dropdown sceditor-tooltip2" style="display:none;margin-top: 27px;"><div><label for="tooltiptext" style="text-align:right;font-size: 16px;" >رابط المقطع الصوتي</label><input type="text" id="tooltiptext" style = "float:left;text-align: left;" placeholder="//:http"><br /><input type="button" style = "margin: 1px -3px 1px 78px;"class="button" value="إدراج"></div></div>');
          $('<a class= "sceditor-button sceditor-button-paletaavanzada2" unselectable="on"  title= "إدراج مقطع صوتي "><div style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/sound-10.png)">BBCode Tooltip</div></a>').insertAfter('.sceditor-button-link').click(function() {
              var f = $(".sceditor-tooltip2").css("display");
              if (f == 'none') {
                  $(".sceditor-tooltip2").css({
                      "left": $(this).position().left,
                      "top": $(this).position().top,
                  }).show()
              } else {
                  $(".sceditor-tooltip2").hide()
              }
          });
          $(".sceditor-tooltip2 .button").click(function() {
              var e = $(".sceditor-tooltip2 #tooltiptext").val();
              var f = $(".sceditor-tooltip2 #tooltipnote").val();
              $('#message').sceditor("instance").insert('<object id="audioplayer_1" data="http://althkr.com/templates/swf/player3.swf" style="outline: none" name="audioplayer_1" type="application/x-shockwave-flash" height="24" width="100%"><param value="#FFFFFF" name="bgcolor"><param value="transparent" name="wmode"><param value="false" name="menu"><param value="' + e + '" name="flashvars"></object>')
          });
          $('.post').each(function() {
              var m = $(this).html().replace(/\[tooltip=(.*?)\](.*?)\[\/tooltip]/gi, '<span class="tooltip"><datatip>$1</datatip><texttip>*$2</texttip></span>');
              $(this).html(m)
          });
          $('.post ').find('.tooltip').each(function() {
              var s = $(this);
              $(s).hover(function() {
                  $(s).find('datatip').show()
              }, function() {
                  $(s).find('datatip').hide()
              })
          })
      });
      $(document).on('ready', function() {
          $('<a class= "sceditor-button bbcode-classic"  title= "إسم العضو"><div style="background-image:url(http://i57.servimg.com/u/f57/11/54/61/22/im_mes10.png)">Success Note</div></a>').insertAfter('.sceditor-button-date').click(function() {
              $('#message').sceditor('instance').insert('{USERNAME}');
              return false
          });
          $('<a class="sceditor-button bbcode-tip"  title="نص مشع"><div  style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/wand-m11.png)">Tips</div></a>').insertAfter('.sceditor-button-horizontalrule').click(function() {
              $('#message').sceditor("instance").insert('[blur]', '[/blur]');
              return false
          });
          $('<a class="sceditor-button bbcode-myexample"  title="إطار للعنوان"><div  style="background-image:url(http://i39.servimg.com/u/f39/14/83/59/48/wrwrwe10.png)">Tips</div></a>').insertAfter('.sceditor-button-horizontalrule').click(function() {
              $('#message').sceditor("instance").insert('[table class=gdwl][tr][td]', '[/td][/tr][/table]');
              return false
          });
          $('<a class="sceditor-button bbcode-important"  title="قلب النص"><div  style="background-image:url(http://i71.servimg.com/u/f71/14/83/59/48/reload11.png)">Info note</div></a>').insertAfter('.sceditor-button-horizontalrule').click(function() {
              $('#message').sceditor("instance").insert('[flipv]', '[/flipv]');
              return false
          })
      });
      var skin_color_picker = "light";
      $(function() {
          $(function() {
              $("#message").length != 0 && (function(e) {
                  var t = function() {
                      var t = 65,
                          n = {
                              eventName: "click",
                              onShow: function() {},
                              onBeforeShow: function() {},
                              onHide: function() {},
                              onChange: function() {},
                              onSubmit: function() {},
                              color: "ff0000",
                              livePreview: !0,
                              skin: "light",
                              flat: !1
                          },
                          r = function(t, n) {
                              var r = D(t);
                              e(n).data("colorpicker").fields.eq(1).val(r.r).end().eq(2).val(r.g).end().eq(3).val(r.b).end()
                          },
                          i = function(t, n) {
                              e(n).data("colorpicker").fields.eq(4).val(t.h).end().eq(5).val(t.s).end().eq(6).val(t.b).end()
                          },
                          s = function(t, n) {
                              e(n).data("colorpicker").fields.eq(0).val(P(D(t))).end()
                          },
                          o = function(t, n) {
                              e(n).data("colorpicker").selector.css("backgroundColor", "#" + P(D({
                                  h: t.h,
                                  s: 100,
                                  b: 100
                              })));
                              e(n).data("colorpicker").selectorIndic.css({
                                  left: parseInt(150 * t.s / 100, 10),
                                  top: parseInt(150 * (100 - t.b) / 100, 10)
                              })
                          },
                          u = function(t, n) {
                              e(n).data("colorpicker").hue.css("top", parseInt(150 - 150 * t.h / 360, 10))
                          },
                          a = function(t, n) {
                              e(n).data("colorpicker").currentColor.css("backgroundColor", "#" + P(D(t)))
                          },
                          f = function(t, n) {
                              e(n).data("colorpicker").newColor.css("backgroundColor", "#" + P(D(t)))
                          },
                          l = function(n) {
                              n = n.charCode || n.keyCode || -1;
                              if (n > t && n <= 90 || n == 32) return !1;
                              e(this).parent().parent().data("colorpicker").livePreview === !0 && h.apply(this)
                          },
                          h = function(t) {
                              var n = e(this).parent().parent(),
                                  a;
                              if (this.parentNode.className.indexOf("_hex") > 0) {
                                  a = n.data("colorpicker");
                                  var l = this.value,
                                      h = 6 - l.length;
                                  if (h > 0) {
                                      for (var p = [], d = 0; d < h; d++) p.push("0");
                                      p.push(l);
                                      l = p.join("")
                                  }
                                  l = _(M(l));
                                  a.color = a = l
                              } else this.parentNode.className.indexOf("_hsb") > 0 ? n.data("colorpicker").color = a = O({
                                  h: parseInt(n.data("colorpicker").fields.eq(4).val(), 10),
                                  s: parseInt(n.data("colorpicker").fields.eq(5).val(), 10),
                                  b: parseInt(n.data("colorpicker").fields.eq(6).val(), 10)
                              }) : (a = n.data("colorpicker"), l = {
                                  r: parseInt(n.data("colorpicker").fields.eq(1).val(), 10),
                                  g: parseInt(n.data("colorpicker").fields.eq(2).val(), 10),
                                  b: parseInt(n.data("colorpicker").fields.eq(3).val(), 10)
                              }, a.color = a = _({
                                  r: Math.min(255, Math.max(0, l.r)),
                                  g: Math.min(255, Math.max(0, l.g)),
                                  b: Math.min(255, Math.max(0, l.b))
                              }));
                              t && (r(a, n.get(0)), s(a, n.get(0)), i(a, n.get(0)));
                              o(a, n.get(0));
                              u(a, n.get(0));
                              f(a, n.get(0));
                              n.data("colorpicker").onChange.apply(n, [a, P(D(a)), D(a)])
                          },
                          p = function() {
                              e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")
                          },
                          d = function() {
                              t = this.parentNode.className.indexOf("_hex") > 0 ? 70 : 65;
                              e(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");
                              e(this).parent().addClass("colorpicker_focus")
                          },
                          v = function(t) {
                              var n = e(this).parent().find("input").focus(),
                                  t = {
                                      el: e(this).parent().addClass("colorpicker_slider"),
                                      max: this.parentNode.className.indexOf("_hsb_h") > 0 ? 360 : this.parentNode.className.indexOf("_hsb") > 0 ? 100 : 255,
                                      y: t.pageY,
                                      field: n,
                                      val: parseInt(n.val(), 10),
                                      preview: e(this).parent().parent().data("colorpicker").livePreview
                                  };
                              e(document).bind("mouseup", t, g);
                              e(document).bind("mousemove", t, m)
                          },
                          m = function(e) {
                              e.data.field.val(Math.max(0, Math.min(e.data.max, parseInt(e.data.val + e.pageY - e.data.y, 10))));
                              e.data.preview && h.apply(e.data.field.get(0), [!0]);
                              return !1
                          },
                          g = function(t) {
                              h.apply(t.data.field.get(0), [!0]);
                              t.data.el.removeClass("colorpicker_slider").find("input").focus();
                              e(document).unbind("mouseup", g);
                              e(document).unbind("mousemove", m);
                              return !1
                          },
                          y = function() {
                              var t = {
                                  cal: e(this).parent(),
                                  y: e(this).offset().top
                              };
                              t.preview = t.cal.data("colorpicker").livePreview;
                              e(document).bind("mouseup", t, w);
                              e(document).bind("mousemove", t, b)
                          },
                          b = function(e) {
                              h.apply(e.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360 * (150 - Math.max(0, Math.min(150, e.pageY - e.data.y))) / 150, 10)).get(0), [e.data.preview]);
                              return !1
                          },
                          w = function(t) {
                              r(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                              s(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                              e(document).unbind("mouseup", w);
                              e(document).unbind("mousemove", b);
                              return !1
                          },
                          E = function() {
                              var t = {
                                  cal: e(this).parent(),
                                  pos: e(this).offset()
                              };
                              t.preview = t.cal.data("colorpicker").livePreview;
                              e(document).bind("mouseup", t, x);
                              e(document).bind("mousemove", t, S)
                          },
                          S = function(e) {
                              h.apply(e.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100 * (150 - Math.max(0, Math.min(150, e.pageY - e.data.pos.top))) / 150, 10)).end().eq(5).val(parseInt(100 * Math.max(0, Math.min(150, e.pageX - e.data.pos.left)) / 150, 10)).get(0), [e.data.preview]);
                              return !1
                          },
                          x = function(t) {
                              r(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                              s(t.data.cal.data("colorpicker").color, t.data.cal.get(0));
                              e(document).unbind("mouseup", x);
                              e(document).unbind("mousemove", S);
                              return !1
                          },
                          T = function() {
                              e(this).addClass("colorpicker_focus")
                          },
                          N = function() {
                              e(this).removeClass("colorpicker_focus")
                          },
                          C = function(t) {
                              var n = e(this).parent(),
                                  r = n.data("colorpicker").color;
                              n.data("colorpicker").origColor = r;
                              a(r, n.get(0));
                              n.data("colorpicker").onSubmit(r, P(D(r)), D(r), n.data("colorpicker").el, t);
                              e(this).parent().hide()
                          },
                          k = function() {
                              var t = e("#" + e(this).data("colorpickerId"));
                              t.data("colorpicker").onBeforeShow.apply(this, [t.get(0)]);
                              var n = e(this).offset(),
                                  r;
                              r = document.compatMode == "CSS1Compat";
                              r = {
                                  l: window.pageXOffset || (r ? document.documentElement.scrollLeft : document.body.scrollLeft),
                                  t: window.pageYOffset || (r ? document.documentElement.scrollTop : document.body.scrollTop),
                                  w: window.innerWidth || (r ? document.documentElement.clientWidth : document.body.clientWidth),
                                  h: window.innerHeight || (r ? document.documentElement.clientHeight : document.body.clientHeight)
                              };
                              var i = n.top + this.offsetHeight,
                                  n = n.left;
                              i + 176 > r.t + r.h && (i -= this.offsetHeight + 176);
                              n + 356 > r.l + r.w && (n -= 356);
                              t.css({
                                  left: n + "px",
                                  top: i + "px"
                              });
                              t.data("colorpicker").onShow.apply(this, [t.get(0)]) != !1 && t.show("fast");
                              e(document).bind("mousedown", {
                                  cal: t
                              }, L);
                              return !1
                          },
                          L = function(t) {
                              A(t.data.cal.get(0), t.target, t.data.cal.get(0)) || (t.data.cal.data("colorpicker").onHide.apply(this, [t.data.cal.get(0)]) != !1 && t.data.cal.hide(), e(document).unbind("mousedown", L))
                          },
                          A = function(e, t, n) {
                              if (e == t) return !0;
                              if (e.contains) return e.contains(t);
                              if (e.compareDocumentPosition) return !!(e.compareDocumentPosition(t) & 16);
                              for (t = t.parentNode; t && t != n;) {
                                  if (t == e) return !0;
                                  t = t.parentNode
                              }
                              return !1
                          },
                          O = function(e) {
                              return {
                                  h: Math.min(360, Math.max(0, e.h)),
                                  s: Math.min(100, Math.max(0, e.s)),
                                  b: Math.min(100, Math.max(0, e.b))
                              }
                          },
                          M = function(e) {
                              e = parseInt(e.indexOf("#") > -1 ? e.substring(1) : e, 16);
                              return {
                                  r: e >> 16,
                                  g: (e & 65280) >> 8,
                                  b: e & 255
                              }
                          },
                          _ = function(e) {
                              var t = {
                                      h: 0,
                                      s: 0,
                                      b: 0
                                  },
                                  n = Math.max(e.r, e.g, e.b),
                                  r = n - Math.min(e.r, e.g, e.b);
                              t.b = n;
                              t.s = n != 0 ? 255 * r / n : 0;
                              t.h = t.s != 0 ? e.r == n ? (e.g - e.b) / r : e.g == n ? 2 + (e.b - e.r) / r : 4 + (e.r - e.g) / r : -1;
                              t.h *= 60;
                              t.h < 0 && (t.h += 360);
                              t.s *= 100 / 255;
                              t.b *= 100 / 255;
                              return t
                          },
                          D = function(e) {
                              var t = {},
                                  n = Math.round(e.h),
                                  r = Math.round(e.s * 255 / 100),
                                  e = Math.round(e.b * 255 / 100);
                              if (r == 0) t.r = t.g = t.b = e;
                              else {
                                  var r = (255 - r) * e / 255,
                                      i = (e - r) * (n % 60) / 60;
                                  n == 360 && (n = 0);
                                  n < 60 ? (t.r = e, t.b = r, t.g = r + i) : n < 120 ? (t.g = e, t.b = r, t.r = e - i) : n < 180 ? (t.g = e, t.r = r, t.b = r + i) : n < 240 ? (t.b = e, t.r = r, t.g = e - i) : n < 300 ? (t.b = e, t.g = r, t.r = r + i) : n < 360 ? (t.r = e, t.g = r, t.b = e - i) : (t.r = 0, t.g = 0, t.b = 0)
                              }
                              return {
                                  r: Math.round(t.r),
                                  g: Math.round(t.g),
                                  b: Math.round(t.b)
                              }
                          },
                          P = function(t) {
                              var n = [t.r.toString(16), t.g.toString(16), t.b.toString(16)];
                              e.each(n, function(e, t) {
                                  t.length == 1 && (n[e] = "0" + t)
                              });
                              return n.join("")
                          },
                          H = function() {
                              var t = e(this).parent(),
                                  n = t.data("colorpicker").origColor;
                              t.data("colorpicker").color = n;
                              r(n, t.get(0));
                              s(n, t.get(0));
                              i(n, t.get(0));
                              o(n, t.get(0));
                              u(n, t.get(0));
                              f(n, t.get(0))
                          };
                      return {
                          init: function(t) {
                              t = e.extend({}, n, t || {});
                              if (typeof t.color == "string") t.color = _(M(t.color));
                              else if (t.color.r != void 0 && t.color.g != void 0 && t.color.b != void 0) t.color = _(t.color);
                              else if (t.color.h != void 0 && t.color.s != void 0 && t.color.b != void 0) t.color = O(t.color);
                              else return this;
                              return this.each(function() {
                                  if (!e(this).data("colorpickerId")) {
                                      var n = e.extend({}, t);
                                      n.origColor = t.color;
                                      var m = "collorpicker_" + parseInt(Math.random() * 1e3);
                                      e(this).data("colorpickerId", m);
                                      m = e('<div class="sceditor-dropdown colorpicker ' + n.skin + '"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id", m);
                                      n.flat ? m.appendTo(this).show("fast") : m.appendTo(document.body);
                                      n.fields = m.find("input").bind("keyup", l).bind("change", h).bind("blur", p).bind("focus", d);
                                      m.find("span").bind("mousedown", v).end().find(">div.colorpicker_current_color").bind("click", H);
                                      n.selector = m.find("div.colorpicker_color").bind("mousedown", E);
                                      n.selectorIndic = n.selector.find("div div");
                                      n.el = this;
                                      n.hue = m.find("div.colorpicker_hue div");
                                      m.find("div.colorpicker_hue").bind("mousedown", y);
                                      n.newColor = m.find("div.colorpicker_new_color");
                                      n.currentColor = m.find("div.colorpicker_current_color");
                                      m.data("colorpicker", n);
                                      m.find("div.colorpicker_submit").bind("mouseenter", T).bind("mouseleave", N).bind("click", C);
                                      r(n.color, m.get(0));
                                      i(n.color, m.get(0));
                                      s(n.color, m.get(0));
                                      u(n.color, m.get(0));
                                      o(n.color, m.get(0));
                                      a(n.color, m.get(0));
                                      f(n.color, m.get(0));
                                      n.flat ? m.css({
                                          position: "relative",
                                          display: "block"
                                      }) : e(this).bind(n.eventName, k)
                                  }
                              })
                          },
                          showPicker: function() {
                              return this.each(function() {
                                  e(this).data("colorpickerId") && k.apply(this)
                              })
                          },
                          hidePicker: function() {
                              return this.each(function() {
                                  e(this).data("colorpickerId") && e("#" + e(this).data("colorpickerId")).hide()
                              })
                          },
                          setColor: function(t) {
                              if (typeof t == "string") t = _(M(t));
                              else if (t.r != void 0 && t.g != void 0 && t.b != void 0) t = _(t);
                              else if (t.h != void 0 && t.s != void 0 && t.b != void 0) t = O(t);
                              else return this;
                              return this.each(function() {
                                  if (e(this).data("colorpickerId")) {
                                      var n = e("#" + e(this).data("colorpickerId"));
                                      n.data("colorpicker").color = t;
                                      n.data("colorpicker").origColor = t;
                                      r(t, n.get(0));
                                      i(t, n.get(0));
                                      s(t, n.get(0));
                                      u(t, n.get(0));
                                      o(t, n.get(0));
                                      a(t, n.get(0));
                                      f(t, n.get(0))
                                  }
                              })
                          }
                      }
                  }();
                  e.fn.extend({
                      ColorPicker: t.init,
                      ColorPickerHide: t.hidePicker,
                      ColorPickerShow: t.showPicker,
                      ColorPickerSetColor: t.setColor
                  })
              }(jQuery), $('<a class="sceditor-button sceditor-button-paletaavanzada" unselectable="on" title="لون خط الكتابة"><div unselectable="on" style="cursor: pointer !important; opacity: 1 !important; background-image:url(http://i83.servimg.com/u/f83/17/45/19/77/color_10.png)"></div></a>').insertAfter(".sceditor-button-color").ColorPicker({
                  color: my_getcookie("defColCP") ? my_getcookie("defColCP") : "#000000",
                  flat: false,
                  skin: skin_color_picker,
                  onSubmit: function(e, t, n, r) {
                      my_setcookie("defColCP", t, 1, 0);
                      var i = $("#message").sceditor("instance");
                      i.inSourceMode() ? i.insertText("[color=#" + t + "]", "[/color]") : i.execCommand("forecolor", "#" + t);
                      return !1
                  }
              }))
          })
      });
      var editormaxi = false;
      $(function() {
          $(function() {
              $('<a class="sceditor-button sceditor-button-maxi" unselectable="on" title="تكبير الصندوق"><div unselectable="on" style="cursor:pointer!important;opacity:1!important;background-image:url(http://i37.servimg.com/u/f37/17/45/19/77/full_s10.png)">Maximizar</div></a>').insertBefore('.sceditor-button-source').click(function() {
                  $("#message").sceditor("instance").maximize(editormaxi = !editormaxi).focus();
                  if (editormaxi) {
                      $(".sceditor-button-maxi").addClass("hover");
                      $("div.sceditor-container").append('<div align="center" id="sceditor-maximized" class="sceditor-toolbar" style="width:100%;border-top:1px solid silver;position:absolute;bottom:0;"><input type="submit" value="معاينة" name="preview"> <input type="submit" value="ارسال" name="post"></div>');
                      $(".sceditor-maximize").prop("style", $(".sceditor-maximize").attr("style") + ";text-align:center;");
                      $("#fa_toolbar").hide()
                  } else {
                      $(".sceditor-button-maxi").removeClass("hover");
                      $("#sceditor-maximized").remove();
                      $("#fa_toolbar").show()
                  }
              })
          })
      })

i hope im not bothering to much
Fright
Teo!
Sat 20 Aug 2016, 18:22

Search in: Closed Requests
Topic: Post background
Replies: 6
Views: 546
Request Type: post background
Website: ilforumditutti.net
Desired Colors:
Size (In Pixels):
Image(s) to Include: https://i.imgur.com/2MHY0VE.png
Text:
Preferred Font:
Request Details: Hello,

I would ask the realization of shades for topics such as those in the image , but using these colors : #000000 #FF9900 #50C777 #E62B51 #6CB5D9 #D1CD5A

Thanks Angel

Back to top