Color & BgColor Clickable BBCode Bar v3.3

Started by karlbenson, August 25, 2006, 11:35:02 AM

Previous topic - Next topic

karlbenson



COLOR & BGCOLOR BBCODE BAR v3.3
By Karl Benson



Introduction
This modification adds a cool clickable color bar to the post & quick reply areas which can insert [color] and [bgcolor] tags.  The drop down color bar is removed as the bar makes it redundant.

Installation
Installs automatically on Default theme.
Manual edits will be required to install this on other themes.

After install you may need to Ctrl + F5 to force your browser to update your themes css stylesheet.

Languages
o English/English-Utf8
o English_British/English_British-Utf8
o French/French-Utf8 (Thanks to @ngel)
o Turkish-Utf8 (Thanks to Kapadokyali) Support Topic
o Brazilian/Brazilian-Utf8 (Thanks to Softcore)
o Dutch/Dutch-Utf8 (Thanks to Milly)
o German/German-Utf8 (Thanks to BigRandalo)
I'd appreciate any translations for more languages, please pm me them or post them in the mods topic.

Support
Please use the modification thread for support with this modification.
(Please don't ask me to do the edits for you)

Turkish Support Topic

Customising
o The color bar should fit in with almost any skin without any need for customizing, but should you want to
o Customizing the CSS:
- Use the following css classes: .colorbar, .colorcell, .colorbox, .colorboxspacer
o Customise the JS:
- To change the no. of shades per color, alter the cpm variable in the color.js file (default 26) (not recommended)

Changelog
3.0 - 10th August 2007
o Now complies with SMF standards for coding
o Language strings now taken from the language files for easier translation
3.1 - 27th September 2007
o Added Brazilian UTF-8 support (Thanks to Softcore)
3.2 - 9th October 2007
o Added Dutch/Dutch(UTF-8) support (Thanks to Milly)
3.3 - 20th October 2007
o Added German/German-Utf8 (Thanks to BigRandalo)
o Added English_British/English_British-Utf8
o Ensured all supported languages have utf-8 and non-utf8 versions

Deaks

im only getting black and white on my colour bar
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

karlbenson

on what skin?

You need to make sure it has the css in that skins css file.


/* Color Bar CSS Class */
.colorbar {
width:450px;
}
.colorcell {
height:12px;
width:12px;
border:0px solid #808080;
}
.colorbox {
border-color:#808080;
border-width:1px;
border-style:solid;
width:12px;
height:12px;
overflow:hidden;
}
.colorboxspacer {
width:12px;
height:12px;
}


Deaks

Its ok now I logged ouut and in and it showed it all prop.

Ta much
~~~~
Former SMF Project Manager
Former SMF Customizer

"For as lang as hunner o us is in life, in nae wey
will we thole the Soothron tae owergang us. In truth it isna for glory, or wealth, or
honours that we fecht, but for freedom alane, that nae honest cheil gies up but wi life
itsel."

winrules

Great mod :)
One suggestion: You should remove the regular color drop down list because this is basically an enhance version of it.


winrules
SMF Developer
               
My Mods
Please do not PM me for support.


karlbenson

#5
ya, I thought about that.  But I've used 1 or 2 mods myself which use the original color bar as positioning BEFORE/AFTER

I'll have a think about it. I've already been given a few things to change and a few suggestions.

I've found a matrice for orange (actually making the bar in rainbow fashion)
Its been suggested I have a button to the right to switch between using it to insert color and inserting background-color to text.

Skipdawg

This is a fun little mod thanks, and having the bar and pull down option is cool. Some members like to keep it simple.  ;)
Skipdawg's Community

Powered by SMF 1.1.3

LostProphecy

this looks interesting... i might install it later when i get home :)
Angelus Ex Quo Nox

tapirul

#8
I installed it and I get a color bar with two colors, too: black and white
::) ::) ::)


I have Enhanced post template installed, and I don't have Enhanced quick reply....






karlbenson

#9
Hey,  the user further up reported the same thing, I'll try to prevent it in the next version. P.S I dont believe that the enhanced post template is causing this. (for future reference and anyone else reading it)

It is useful to know for my purposes what browser are you using? The only browser I am unable to test with is Safari.

I believe its caused by two possible things.
1) CSS file being stored in the cache (ctrl & F5 - forced refresh not from cache) may work
2) Using it on a skin which doesnt have the css. You need to make sure it has the css in that skins css file. Btw what skin are you using?



/* Color Bar CSS Class */
.colorbar {
width:450px;
}
.colorcell {
height:12px;
width:12px;
border:0px solid #808080;
}
.colorbox {
border-color:#808080;
border-width:1px;
border-style:solid;
width:12px;
height:12px;
overflow:hidden;
}
.colorboxspacer {
width:12px;
height:12px;
}


Skipdawg

Yea it take a little tweaking. Very cool mod.  ;D
Skipdawg's Community

Powered by SMF 1.1.3

Froggy

I am still getting a black and white bar
as in these peoples problem

i have refreshed screen and re-installed several times

what is the file name of the css and what folder is it in

where should i put the file (as a copy?) in the new theme

i've looked in default and dont see a css file


karlbenson

it adds the css to style.css which is in the Themes/default/ folder

I'm 95% through on an updated version which should hopefully avoid this problem and some major new features

Froggy

great! (i'll wait) ?

the code above should be added to  style.css found in themes/default

should that file theme/default

at what 'place' in te style.css file should the above code be added ?


karlbenson

anywhere in the css file.

It should be automatically added into the default theme css file after a:link

Froggy

worked! when i placed it in my themes folder

will there be broader color choices later?

thanks


karlbenson

#16
heres the info on 2.0
(i've just got a couple of bugs to fix with the installer)

   - New in 2.0 -
      New Features:
         :: Adds support for [bgcolor][/bgcolor] (Highlight) tags
         :: Switch between inserting Color & Background-Color using a button to switch
         :: More colors (Oranges/Browns)
         :: Reorganised colors to be greyscale(white to black) then in rainbow order

Froggy

bring it on!

(and PM me when its ready) I dont always see these  ;D

diegolyanky

Very great and usefull ... But I wanna REMOVE the drop down color section box ...

I mean, if I installed this MOD, why to use the drop down menu ?

It's possible to remove it ????

Regards !!  ;)
SMF ... SimpleMachines ... Simple, but complete if you want it ;)


Advertisement: