help in this code . the effect on code > add button to Put under the colored writing
3 posters
Page 1 of 1
help in this code . the effect on code > add button to Put under the colored writing
hi
i get a code in Portuguese help form
the code is working
But there is a problem
It lacks the css code in order to show the activation
i am using this code only :
- Code:
$(function() {
if (!$.sceditor) return;
$.sceditor.command.set('neon', {
_dropDown : function(editor,caller,callback) {
var i, x, neon, neons, genneon = {
r: 255, g: 255, b: 255
},
content = $("<div />"),
neonColumns = editor.opts.neons?editor.opts.neons.split("|"):new Array(6),
html = [],
cmd = $.sceditor.command.get('neon');
if(!cmd._htmlCache) {
for(i = 0; i < neonColumns.length; ++i) {
neons = neonColumns[i]?neonColumns[i].split(","):new Array(37);
html.push('<div class="sceditor-color-column">');
for(x = 1; x < neons.length; ++x) {
neon = neons[x]||"#"+genneon.r.toString(16)+genneon.g.toString(16)+genneon.b.toString(16);
html.push('<a href="#" class="sceditor-neon-option" style="background-color: ' + neon + '" data-neon="' + neon + '" title="' + neon + '"></a>');
if(x%6 === 0) {
genneon.g -= 51;
genneon.b = 255;
if(genneon.g < 51) {
genneon.g = "00";
}
} else genneon.b -= 51;
if(genneon.b < 51) {
genneon.b = "00";
}
}
html.push('</div>');
if(i%1 === 0) {
genneon.r -= 51;
genneon.g = 255;
genneon.b = 255;
if(genneon.r < 51) {
genneon.r = "00";
}
} else {
genneon.g = 255;
genneon.b = 255;
}
}
cmd._htmlCache = html.join('');
}
content.append(cmd._htmlCache).find('a').click(function(e) {
callback($(this).attr('data-neon'));
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, "neon-picker", content);
},
// WYSIWYG MODE
txtExec : function(caller) {
var editor = this;
$.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
editor.insertText("[neon="+neon+"]","[/neon]");
});
},
// SOURCE MODE
exec : function(caller) {
var editor = this;
$.sceditor.command.get('neon')._dropDown(editor, caller, function(neon) {
editor.insertText("[neon="+neon+"]","[/neon]");
});
}, tooltip: "Neon"});
toolbar = toolbar.replace(/quote/,'neon,quote');
$('head').append(
'<style type="text/css">' +
'.sceditor-button-neon div {' +
' background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif) !important}' +
' .sceditor-neon {' +
' width:auto;' +
' height:auto;' +
' overflow-y:auto;' +
'}' +
'.sceditor-neon-picker {' +
' padding: 0 !important;' +
'}' +
'.sceditor-neon-option {' +
'border: 1px solid #fff;' +
'display: block;' +
'height: 10px;' +
'overflow: hidden;' +
'width: 10px;' +
'}' +
'</style>'
);
});
http://ajuda.forumeiros.com/t100038-addon-bbcode-neon#690705
He adds a button and make it work
But for a preview Topic liters code does not take effect
Because it needs to Code: CSS
Thread, which was published in the support forum Portuguese
did not put us to the CSS code
the effect on code > add button to Put under the colored writing
anybody can help me ?
Last edited by coolkool on September 18th 2015, 8:37 pm; edited 2 times in total (Reason for editing : change the titel)
Re: help in this code . the effect on code > add button to Put under the colored writing
Hello,
the css code is included in the javascript code
However, if you want you can add it separately in your css stylesheet:
the css code is included in the javascript code
However, if you want you can add it separately in your css stylesheet:
- Code:
.sceditor-button-neon div {
background:url(https://cdn2.iconfinder.com/data/icons/aspneticons_v1.0_Nov2006/color2_16x16.gif)!important;
}
.sceditor-neon {
width:auto;
height:auto;
overflow-y:auto;
}
.sceditor-neon-picker {
padding: 0 !important;
}
.sceditor-neon-option {
border: 1px solid #fff;
display: block;
height: 10px;
overflow: hidden;
width: 10px;
}
Re: help in this code . the effect on code > add button to Put under the colored writing
No I didn't follow the other
[size=30] tutorial[/size]
[size=30]Becuase I can't understand what code I will add [/size]
Re: help in this code . the effect on code > add button to Put under the colored writing
Please change the title of your topic to something that is related to your question/issue, so that other users will be able to find their question/issue using the search engine.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: help in this code . the effect on code > add button to Put under the colored writing
I apologize I do not know the title fits Thread if you can help in the development of Title thank brother
Re: help in this code . the effect on code > add button to Put under the colored writing
Add in the title what the code does.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: help in this code . the effect on code > add button to Put under the colored writing
I mean the title needs to related to what the code does on your forum.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: help in this code . the effect on code > add button to Put under the colored writing
add button to Put under the colored writing
Re: help in this code . the effect on code > add button to Put under the colored writing
Have you translated the other tutorial so you know which codes you needed?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: help in this code . the effect on code > add button to Put under the colored writing
locked
finish i find the answer ^.^
Re: help in this code . the effect on code > add button to Put under the colored writing
Locked as Requested
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Hide code when writing a post?
» Trouble writing code on portal page
» Members Button code
» How to make a mouse over effect on New Topic Button
» Thanks button code
» Trouble writing code on portal page
» Members Button code
» How to make a mouse over effect on New Topic Button
» Thanks button code
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum