This is not a proper theme release, this is a release of online color scheme editor. It can change color scheme of almost any SMF 2.0 theme (and themes for some other software packages).
It is a visual editor: just move sliders to change colors, click "download" button. No need to edit any files, no need to know anything about web design.
Some color variations of Curve theme for SMF 2.0 Gold (click sample image to see editor):
Curve Green:
(http://www.colorizeit.com/images/articles/smf_curve_green.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h32O%7CH6fd9604M1H0uO%7CH6f5f5f0M1H0fO)
Curve Dark Blue:
(http://www.colorizeit.com/images/articles/smf_curve_darkblue.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h5vs2cO%7CH6fd9604M1h63H0uO%7CH6f5f5f0M1H0fO)
Curve Gray / Red:
(http://www.colorizeit.com/images/articles/smf_curve_red.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1l1qs00O%7CH6fd9604M1h4sH0uO%7CH6f5f5f0M1H0fO)
Click "Download" button below color editor to download those themes.
You can create almost any color scheme, except for ones that cannot be achieved via color manipulation, such as turning white theme into black.
(http://www.colorizeit.com/images/articles/sample_smf.png) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html)
SMF theme designers are welcome to upload their own themes. To upload a theme, navigate to SMF 2.0 category (http://www.colorizeit.com/browse/24/smf-20-themes.html) and click "upload" button on the right. Make sure your theme has a live demo before submitting it.
Looks like a great tool enabling people with limited skills to produce a color theme to their preference, well done.
Thank you.
Its not only for users, it is also for designers. Visitors are often looking for theme that matches their website's color scheme. You can offer more color schemes of your themes to your customers, which will help you get more customers.
Great to see it for SMF too now :) I already knew about PhpBB and VB but it's really great it's for SMF too now :)
Arrrrrrrrrrrrgggggggggggghhhhhhhhhhhhhhhhhh! ;D
Prediction: we will now see a plethora of mindless "Curve variants" flooding the Customize team's backlogs and making the Theme Site even more full of the things than it is now.
Just don't accept damn lazy color filtered custom themes
Well yeah, but they don't contravene the approval guidelines. I do think we should definitely enforce having all of them by any author on the one page, so people don't churn them out just to say "Look how many themes I've made".
Well as there is now a color converter there's no need to accept any curve variants that are just color filtered.
Hmm. Good point. I like the way you think. ;D
Well heres another for you, move this topic to main graphics board, sticky it, retitle it a bit - "Curve Theme Color Editor" and people can find it easy and go make there own.
Stop filter variants and help members to help themselves and cut down on support for "how to re-color curve"
CyberAlien does great work. I have bought of his stuff over the years including the sites phpbbhs.com and some of style management tools for the old sebflipper scripts. Glad to see you are around.
I will be using this tool or suggesting people to use it xD If you ever do licensing or something would be interested in it as well. Edit: I see the integrations options gotta have to take a look at that looks very well designed.
Quote from: MrGrumpy on June 21, 2011, 08:18:07 PM
Well heres another for you, move this topic to main graphics board, sticky it, retitle it a bit - "Curve Theme Color Editor" and people can find it easy and go make there own.
Stop filter variants and help members to help themselves and cut down on support for "how to re-color curve"
Now that's using your head. I might run that idea past the rest of the crew.
Saves having to explain about how to download image editors, where to find the image, how to download/upload, what a sprite is etc etc when it does take some effort to learn all that when they can just pop along and move a few sliders, click a button and hey presto themes done and ready to install
Yup.
Thank you for excellent feedback!
Quote from: vbgamer45 on June 21, 2011, 08:18:34 PM
I will be using this tool or suggesting people to use it xD If you ever do licensing or something would be interested in it as well. Edit: I see the integrations options gotta have to take a look at that looks very well designed.
Its fully functional and is currently working on phpbb.com. Here is an example (click "change colours" button): http://www.phpbb.com/customise/db/style/prosilver_special_edition/
Quote from: MrGrumpy on June 21, 2011, 08:18:07 PM
Well heres another for you, move this topic to main graphics board, sticky it, retitle it a bit - "Curve Theme Color Editor" and people can find it easy and go make there own.
Stop filter variants and help members to help themselves and cut down on support for "how to re-color curve"
Yes please ;D
Not bad at all. Tried it on my Yabb SE Next Gen theme:
Right. This is getting stickied, and from now on the Customize team isn't interested in approving any default theme variants that are just basic colour fillter jobs.
Thank you.
There is a error in default Curve theme: images/im_switch.gif is incomplete. File ends in middle of local palette block, which shouldn't even be there considering that image is not animated. I've replaced it with a fixed file in style on colorizeit.
Quote from: MrGrumpy on June 21, 2011, 08:18:07 PM
Well heres another for you, move this topic to main graphics board, sticky it, retitle it a bit - "Curve Theme Color Editor" and people can find it easy and go make there own.
Topic would be better retitled to make it clearer to members exactly what it is.
Its not only for Curve theme, it works with all themes, so changing it to "Curve Theme Color Editor" would be incorrect.
That would just a suggestion, how about "SMF Theme Color Editor" instead then as it covers all themes, I'm just thinking of a way to make it more noticeable to members of exactly what it is.
I like that one :)
Cool, makes it clearer for everyone and should get, what is a great piece of kit for forum owners, used a lot more and help to cut down the support questions for how to recolor themes.
Awsome thanks :D
Great idea! I need to change my 2.0 colors to match my site's logo and was thinking how nice it would be to have just such a program. I use Rocket Theme Joomla and my template has a "color chooser". I gave up on the thought of asking for one here at SMF and was just looking for all the places in CSS to modify. :) Thanks a lot. And, for the SMF folks, you got the thread right where I could find it before asking for help! :) It is much appreciated! I will go play with my new toy (tool). :)
Quote from: Willie on June 24, 2011, 12:31:12 AM
I need to change my 2.0 colors to match my site's logo and was thinking how nice it would be to have just such a program.
There is a function for that. If you want to match blue color of Curve theme to a color on your logo, click "match color" button in blue color editor block, enter your color's hex code (or move sliders to set your color), submit form and script will automatically move all sliders to change blue color to one you have entered.
Curve's blue color has very low saturation, so you might have to adjust saturation after using "match color" function or check "do not change saturation" in color match popup.
Which color does the 3rd slider modify? I see no change when I slide it.
div.plainbox. On sample its background in bottom right. On this page you can see it below posts where "jump to" box is.
I have downloaded all the files for my new colors. Do I copy them over the curve2 theme?
No need to. Install a new theme from that zip file you downloaded.
Those files are not a new theme, are they? I need to learn to make a new theme using those files? Copying them over the default did not work. :(
They are. It was created via option to create a new theme, so it doesn't include all template files. It does include all images, css files and other files necessary to install it as a new theme.
To install it click "admin", click "themes and layout" and at the end of page you'll see option to upload file. Put your zip file in that file input and click "install" button.
It came out a little rough. Did I mess up?
Is it hard to change the text colors manually? My site color is the dark blue. I need the background header to be dark blue. It looks like it is going to be hard to do. The dark color is the page background.
Try this (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M2l00O%7CH6fd9604M1H0uO%7CH6f5f5f0M1H0fO).
This seems like a great tool, really - if only there were more themes there to work with. :)
Its up to theme authors. Option to upload themes is there, all they have to do is upload it. So if you want a specific theme, poke its author.
There is a small catch though: theme has to pass automatic validation. I've noticed that many SMF themes have invalid images, including 1 invalid image in Curve theme (images/im_switch.gif was incomplete: file ended in middle of local palette block, but I've replaced it with fixed image before uploading). Some other themes have png images with .gif extension. It usually can be fixed by simply opening and then saving (better use "save for web" option, so it would optimize image) image in Photoshop.
The .png renamed as .gif is a deliberate dodge used by themers to get around the fact that SMF markup calls gifs in a lot of places. They want nicer effects so use the renaming trick. ;)
I see, so its intentional. :) Problem is, script uses different parsers to handle png and gif images, so if image is incorrect it won't be parsed.
I'll think of a workaround for SMF themes, so such images would be parsed.
Changed. From now on script will parse png images with .gif extension instead of showing error message.
Please upload your themes, tell me if you'll encounter any problems.
Great idea .............
Quote from: CyberAlien on June 27, 2011, 03:31:08 AM
Try this (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M2l00O%7CH6fd9604M1H0uO%7CH6f5f5f0M1H0fO).
That is great! Thanks. I will go back and work with it again!
This is amazing! Thanks! :D
Did applying this new theme remove my flash news feature? It is not working now.
Its the same as default style, so if you've edited default style, you should apply similar changes to new theme too.
;)
Colorize High Sky (http://www.colorizeit.com/styles/smf-20-themes/224.highsky.html#H62e549bM1h9oH0uO%7CH6d7e1e1M1h7dH0uO%7CH6f5f2cdM1hb7H1sO)
Colorize Stripes (http://www.colorizeit.com/styles/smf-20-themes/226.stripes.html#H6840000M1h15O)
I have been working with the program and just realized that you can change colors throughout the theme, not just the three areas in sample. It appears that by clicking on the area of choice and then applying the hex # we can change any portion of the theme. If so, are their some directions for using the colorizelt. It seems much more powerful than I first realized. I am sure that coders have no problem, but the rest of us need a little better explanation of how it works. I am having hard time getting the sample to show my color changes. It seems I am getting layers of colors. And on some themes submitted, different areas are being colorized with the three sample shaders. Is there a guide to using the program?
I'm not good at writing tutorials, so there isn't one. Best I could come up with is tooltips that you see when you move mouse over different buttons.
Those 3 colors are the most common colors used in theme. Default colors are added by me during validation, they aren't being extracted from style and you can add/remove/change them while editing. I'm not using SMF anywhere other than my test forum, so please tell me if I've missed some other important color used by Curve theme and point me to where I can see it, so I would add that area to a sample image.
This is absolutely awesome! Finally something that doesn't require code edits! Thank you so much, CyberAlien. You're an SMF theme hero!
Downloading didn't succeed in Safari. It did in Firefox.
Did you get a error message or did it just freeze at some point? And if it did freeze, did it happen before or after png images were parsed in browser?
Safari problem should be fixed now.
I am using the current latest Firefox 5.0 and it's working flawlessly. BTW, Firefox is the best browser for SMF. I believe i read that somewhere on this SMF site by one of the SMF developers.
Could I just change the forum orange toggle and the board orange heading text to a different color with this mod? It appears the blue template in the first post has it changed to red. Or would it be better to just try to locate and change that font color?
It changes all entries of a color, but you just want to change 2 entries in css, so its easier to edit that in css
CyberAlien, instead of just moving the color slider to find the approximate color, is it possible to enter the HEX color code somewhere so that it would automatically adjust the color settings. I think it's a necessary attribute as it gives much more accuracy than just visual estimation. For example, i did custom themes for my SMF 1.1.x forums and also phpBB forum, but i want to upgrade all my forums to SMF 2.0 with default Curve theme, but i want to be able to shift the color codes as accurately as possible, by using the same HEX color codes to make the theme look as close as possible, despite obvious changes in appearance between other forum softwares or version relative to SMF 2.0 Gold. Could you implement a hex color code input box into your theme system? Thanks in advance.
Also, on this page: http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html
What is the function of the third color bar?? When i move the slider, i don't see any changes, so i'm wondering which part of the theme is affected.
Click "match color" button, it does exactly that.
For third color look in bottom right of sample.
Quote from: CyberAlien on July 03, 2011, 09:09:07 AM
Click "match color" button, it does exactly that.
For third color look in bottom right of sample.
Dude, i have no idea what you mean. Seriously, you should make a screen-shot and then highlight the sections that you're referring to.
I am looking at this page: http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html
Where's that fabled "match color" button?? Where is the sample? It has become really confusing.
(http://www.trushkin.biz/temp/match_01.png)
Thanks for the quick reply, CyberAlien. I have tried the "match color" feature and it's awesome! :)
But i still don't understand the function of the third color bar. When i move the slider on the latter, nothing happens in the preview.
Its for small block at bottom right of screenshot. You can see it on this page at "jump to" section below this thread just above quick reply. It is close to white, so difference is hard to notice.
I have just had a go at this and I love it, even though to be honest I'm not sure what I'm doing. I uploaded my saved zip and it's fine except that when I log in, it seems to have lost the small 'new' graphic next to any child boards displayed on the front screen. Have I done something wrong?
Can you send me original file of that image that you've lost? Maybe editor for some reason didn't parse it properly. Also color scheme bookmark, if you have it.
Quote from: CyberAlien on July 10, 2011, 06:40:53 PM
Can you send me original file of that image that you've lost? Maybe editor for some reason didn't parse it properly. Also color scheme bookmark, if you have it.
Hi. All I did was click on the Curve dark blue example in your original post, altered the colours a little and downloaded the zip file, I didn't do anything else. Would the zip file help?
I think I've found the problem. Image was parsed correctly, but parser didn't change theme id so theme had same id as default Curve theme, which I think was causing some conflicts.
From now on parser will assign unique id to each downloaded theme, so there won't be any conflicts between different color variations of same theme.
Thank you for that, however I have gone through the whole thing again and now one of the author graphics seems to be missing - see here http://www.bbclocalradioforum.co.uk/index.php?topic=67.0
Looks like images/facebook.png is missing on your forum, but its not a part of default theme, so its not a error.
Quote from: CyberAlien on July 15, 2011, 05:28:58 PM
Looks like images/facebook.png is missing on your forum, but its not a part of default theme, so its not a error.
Hi, sorry to disagree but I think it might be the veryhot_post.gif ??
No, its there in directory "topic". It seems to be incorrect though. I'll test it.
edit: tested it with your color settings, that image is correct.
edit2: found same bug in my old SMF test files, but I can't emulate it anymore. All my tests return correct gif image. I did some changes to gif files parser recently, so probably I've fixed it without even noticing. Will do more tests.
I'm very, very new at this stuff. I just had a fresh SMF 2.0 install and I want the forum to be green. I downloaded the file (after I picked my colors) and it's a zip file called smf-curve.zip, but I don't know where to upload it.
I use cPanel, barely. Can I upload the files from the SMF board, or do I use file manager and put in the theme subfolder.
Thanks and I apologize for being so geek challenged. :o
In your forum menu click "admin", enter your password, click "themes and layout". At the end of page you'll see option to upload file.
Thank you kindly, Cyber Alien! For some reason, the zip file wasn't showing, so it wouldn't let me upload even though I was in the right spot. Once I found the zip file, voila.
Very cool!! ;)
This is really fantastic, CyberAlien. :D I look forward to working with this soon.
My forum uses the Bright Forest SMF 2 theme by Aaron. Can I upload the theme to your SMF Page or must Aaron do it?
Thank you for your patience while working the kinks out so this works well with SMF.
I'm really thrilled to have this helpful tool as I enjoy shifting colors to suit the seasons.
Again, Thank You for creating Colorizeit~! :D
MrGrumpy, thank you for your excellent perspectives and guidance. BIG help.
Style author should upload it, so he could keep it up to date.
Okay, thanks. I'll check with Aaron soon.
Nice 8)
I can't figure this editor out... can someone make me a color scheme that is like American themed... Red White and Blue?
I've used the editor and I love my new colors - thanks for such an easy to use tool! I've loaded two color variations of the Curve theme, but in both there are some broken images (like the online icon) that work when I switch back to the SMF Curve default theme. Any idea what I need to do to fix this?
There is a "fix" for this issue if anyone else is experiencing it.
Use the link in the colorizeit.html to go to your saved theme. Choose the upload files tab (only accepts zip files). Upload the useron.gif from SMF Curve Default. Then load the colorized useron.gif to you theme's image files on your server.
Please try again downloading full style with your color scheme. I think I've fixed that problem with useron.gif
WTF?
(http://kepfeltoltes.hu/110906/1181642480error_www.kepfeltoltes.hu_.png)
Will this tool work any more?
Its a bug that sometimes happens with WebKit browsers. Ajax requests just time out without even connecting to server. I'm working on a workaround for this issue, but it will take a while. Until then you can try Firefox, Opera or IE9.
If it is a browser-related bug, I will try it with another browser.
Thank you.
I have a request for people who had that Safari/Chrome bug: can you please try editing themes again and tell me if bug is fixed?
I've changed algorithms a bit, but unfortunately that bug never happens to me, so I'm not sure if it fixed that bug.
Quote from: CyberAlien on June 21, 2011, 07:52:44 AM
You can create almost any color scheme, except for ones that cannot be achieved via color manipulation, such as turning white theme into black.
Awesome 'mod'!
n00b question though, what disallows you from being able to modify the white background color?
Add it to editor and change.
Problem with black/white colors is they don't have hue component, so there isn't much to change and often results are rather ugly. That's why it isn't in default editor settings. But you can add it by clicking "add another color" button.
it's seems pretty much for web developer because some time client demand to developer for only change colour of his site but he or she don't know that to change only colour of his site the developer has to do all the task from the beginning same as to create new site and developer didn't get much payment so it is make costly for him so this the best thing for web developer and the site owner also happy that he could choose the by his own selection 8)
Hi, CyberAlien, can you please explain to me, how does this color editor work? I didn't get you. Thanks.
It changes colors in whole style using HSL color space.
If you have Photoshop, check out hue/saturation layer. Put it on top of all your layers, click "Master" selection box and select some color from list, change it. You'll notice that Photoshop will change that color and colors close to it in all layers.
That's exactly how this editor works. Even editor's default settings are adjusted to make it work exactly like hue/saturation layer in Photoshop. You select a color, change its hue component, editor changes that color in whole style: all css files and all images. Editor doesn't differentiate between different parts of forum, it changes all colors that match color you are changing.
I hope this helps.
I have uploaded a new colour set and it looks great, so thank you for this tool.
I have one missing graphic - it's the one for "very hot topic" - but only in the panel at the bottom of the board index and the panel under the " show unread posts" page.
Its an unknown bug that affects only Curve theme. I'm not sure why and can't find it. It doesn't affect any phpBB styles or WordPress themes. I'm working on next version of editor, it has different parser that won't have that bug.
Solution: if image wasn't parsed correctly you should get original image, archive it in zip format, open colorizeit editor and use "colorize my files" option to change that image.
Just discovered a couple more missing graphics. One at the top of each page of a topic, to the left of the word author - not even sure what this graphic shows. And another on the member lists, the graphic for the people that are online.
Unfortunately I am very new to all this so I have no idea what files are doing these graphics.
Where's the download?
Cant see it anywhere .....
Ok found it ..... :-[
(that's cause its not a download but a link)
Ok - click on the bottom image in the first post ....
I've applied some more bug fixes to parser engine. If you had problems with missing images, please check if new parser solved that problem.
Where would I find the parser? Do I have to do something fancy with it? ;)
You won't. Its on server side, not available to anyone (yet). All you see is client interface that is a small part of script. See first post of this thread.
I might have to have some instructions to understand that :(
Although I notice that one of the graphics is now appearing on my forum - that's the one to the left of the word "author" on the topic page.
The others are as before.
Can you give a link to your forum so I could check?
http://www.joe-music.net/forum/index.php
Just realised what the graphic is for the left of author and again - when it needs to be "very hot topic" it doesn't show. So probably no change from before.
Doh. Thanks for testing.
I greatly appreciate the colorizer. It not only makes it way easier to test out how colors will look together without going through files.
can you add this theme so i can edit please?
http://custom.simplemachines.org/themes/index.php?lemma=326
You need to ask author of that style.
I only upload default styles for different forum packages. All other styles have been uploaded by ether authors of those styles or by third party styles website that has permission (or styles have licenses that do not require such permission) to distribute styles.
That editor was originally designed to work only with phpBB, so it is well known in phpBB community and phpBB section has 150+ styles. SMF and other forum/blog software packages have been added later and I didn't advertise much. That is why SMF section is almost empty... well... other than mysterious bug that affects only Curve theme.
Quote from: timetraveller on January 09, 2012, 11:38:49 AM
Just realised what the graphic is for the left of author and again - when it needs to be "very hot topic" it doesn't show. So probably no change from before.
Over this weekend I've started logging all Curve downloads to figure out this bug (not private data, don't worry. only zip files and some debug information from parser that will help me find that bug). Out of about 20 downloads, not one had that problem with invalid gif files.
Please try downloading it again.
The only graphic that I've spotted as being missing the green online status gif that turns green when you're online. The offline gif is fine.
When did you download it, or what color scheme did you download (you can find it in colorizeit.html included in zip file)? I need that information to find your download among recently logged downloads, so I could check it.
All downloads in last few days have useron.gif and its correct, so this is strange.
Here's the scheme.
H67b8ea2M2h7fl00s00O|H6fd9604M1h4fH0ul28s25|H6f5f5f0M1H0fO
Its not in recent logs, you've downloaded it before script update. Download style again
What's the easiest way for me to get it looking the same as my last download? I can probably wing it but I'm hoping for a short cut. :)
Nevermind - I spotted the link in the HTML file.
Found your download in log, all files are there and all gif images are correct. Yay, no errors :D
I just downloaded it again and that graphic still isn't showing up. Is there another way for me to manually check for it somewhere?
That's strange. I have exact copy of zip file that you've downloaded, all images in it are correct, including useron.gif
Please unpack it and check image before uploading it on server.
It's in there and it's in all of the previous versions I downloaded. Weirdness.
Aha, its a bug in SMF!
I've uploaded same zip file on forum via admin control panel, SMF messed up those images during upload. I'm not sure where to post bug reports, so if anyone could point me in right direction, I'll fill in bug report.
...and I've been chasing this bug for months, thinking its somewhere in my script. phew.
I'll keep an eye on this thread. It's not a huge deal.
Just upload style manually via ftp and it should fix problems. In the mean time I just need to figure out how to post bug report...
edit: never mind, noticed bug report forum. I was wondering why I couldn't post bug to bug tracker, now I know why.
I tried FTP'ing the files ontop of the existing install and the "on-line" gif still doesn't appear.
It is caused by bug in SMF, here is a fix for it: http://www.simplemachines.org/community/index.php?topic=465882.msg3254680#msg3254680
Apply that small change to php code, upload style again.
Worked like a charm.
Thanks for your help and for such a great tool.
I am using this tool right now, The result was so amazing..
can someone please tell me where I can download this?
Thanks!
Download what? Style? Change colors, look below editor and you'll see "Download" button.
Quote from: CyberAlien on January 23, 2012, 01:51:33 PM
It is caused by bug in SMF, here is a fix for it: http://www.simplemachines.org/community/index.php?topic=465882.msg3254680#msg3254680
Apply that small change to php code, upload style again.
Is this what I need to do too?
If you want to install style by uploading zip file via admin control panel, then yes.
What is the easiest way of fixing the image problems? I have no clue about coding but if the instructions are simple enough I can follow them ;)
Change is very simple: remove second line in code posted here: http://www.simplemachines.org/community/index.php?topic=465882.msg3254680#msg3254680
So I just remove that line (the one starting with if) and that's all?
yep
Thank you. Will give it a go when my forum is a bit quieter and report back ;)
This is great, just a pity that a lot of editing a single button you can not edit each item individually - this is a great challenge
I need help, I used the color editor and got the files. But when I upload it using the SMF admin panel the forum looks like the attached image. Has anyone seen this or have any suggestions?
Thanks in advance
Anyone help?
I tried to make it a purple and downloaded the zip, but when I try to upload to my smf it says"
An Error Has Occurred!
Package upload failed due to the following error:
"The package was downloaded to the server but it appears to be empty. Please check the "Packages" directory and the "Temp" sub-directory are both writeable. If you continue to experience this problem, you should try extracting the package on your PC and uploading the extracted files into a sub-directory in your "Packages" directory and try again. For example, if the package was called shout.tar.gz, you should:
1. Download the package to your local PC and extract the files.
2. Using an FTP client, create a new directory in your "Packages" directory (in this example call it "shout").
3. Upload all the files from the extracted package to this directory.
4. Go back to the Package Manager browse page and the package should be automatically found by SMF."
After reading the thread I am curious to know how it works. It's only a color editor or we can do customization too.
It's only a colour editor, you can't manually edit the source code with this tool. You'll need to use a text editor for that.
Is there an easy way to invert the stock Curve theme colors before tweaking it?
I want white text on a black background with green as the dominant color like the joomla template on this site...
http://www.tankadin.com/
I made an SMF 1.1.x theme with that color scheme years ago, but it took forever.
Quote from: CyberAlien on June 21, 2011, 07:52:44 AM
This is not a proper theme release, this is a release of online color scheme editor. It can change color scheme of almost any SMF 2.0 theme (and themes for some other software packages).
It is a visual editor: just move sliders to change colors, click "download" button. No need to edit any files, no need to know anything about web design.
Some color variations of Curve theme for SMF 2.0 Gold (click sample image to see editor):
Curve Green:
(http://www.colorizeit.com/images/articles/smf_curve_green.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h32O%7CH6fd9604M1H0uO%7CH6f5f5f0M1H0fO)
Curve Dark Blue:
(http://www.colorizeit.com/images/articles/smf_curve_darkblue.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h5vs2cO%7CH6fd9604M1h63H0uO%7CH6f5f5f0M1H0fO)
Curve Gray / Red:
(http://www.colorizeit.com/images/articles/smf_curve_red.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1l1qs00O%7CH6fd9604M1h4sH0uO%7CH6f5f5f0M1H0fO)
Click "Download" button below color editor to download those themes.
You can create almost any color scheme, except for ones that cannot be achieved via color manipulation, such as turning white theme into black.
(http://www.colorizeit.com/images/articles/sample_smf.png) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html)
SMF theme designers are welcome to upload their own themes. To upload a theme, navigate to SMF 2.0 category (http://www.colorizeit.com/browse/24/smf-20-themes.html) and click "upload" button on the right. Make sure your theme has a live demo before submitting it.
I am so sorry. I am a real beginner at this and I couldn't even follow your instructions, as easy as it sounded, I couldn't even find the sliders to change colours! I wanted my background to be black and then the category titles to be in red. Do you think you would have the time to tell me step by step? I also wanted to change that 'My Community' title that is in the top left, can I change that title? You seem so well learned about all this stuff, I am new here and look forward to being educated by you all. If possible, can I change the URL name of my forum do think? Look forward to your reply.
Ohhhhh geeze we have been worrying ourself sick over this problem. We have SMF 2.0.2 Core theme. We know how to change our header, but we having been worrying ourselves sick over trying to change the background colors that would match the header at least some.
How do I get this to work and what do I have to do to get it and get it to work???? We are desperate, we do not know anything about coding or anything.
When you download it how do you install in your forum? Through admin install?
Many thanks
Linda
CyberAlien,
Have you seen the tool at the SMFHacks website? The link to it on their website is on their sidebar menu, and it is labeled "Theme Generator". You can work your way through it selecting the colors for all of the different parts of the page, along with supplying image filenames, and then it will generate a "style.css" file that you can apply to your forum.
If you haven't seen it you should check it out.
Quote from: LindaHT on October 22, 2012, 02:52:38 PM
Ohhhhh geeze we have been worrying ourself sick over this problem. We have SMF 2.0.2 Core theme. We know how to change our header, but we having been worrying ourselves sick over trying to change the background colors that would match the header at least some.
How do I get this to work and what do I have to do to get it and get it to work???? We are desperate, we do not know anything about coding or anything.
When you download it how do you install in your forum? Through admin install?
Many thanks
Linda
Don't worry yourself sick over stuff like this. It's not worth it. :)
The editor mentioned in the OP here is an online app. You don't download the editor itself. What you do is upload a theme to it, edit the colours, then download the edited theme as a zip. That is then installed to your forum via the admin themes page. If the online editor will give you a result you like, I'd definitely use it. If it wont, you have other options.
Do note that there are already quite a few colour variations of the 1.1.x Core theme, which uses the same images as the 2.0.x version. These are just image and css packs that can be exchanged for the defaults. You could use the images directly in 2.0.x, but the css would stll have to be edited manually, if you chose that route. If you need help with any code edits, people are usually happy to provide advice and/or help.
We are a Paint Shop Pro Graphics Tagging forum. We are running smf 2.0.2 core theme. We are able to change headers but that is about all. We only want to be able to change our colors to compliment our headers. We do not know anything about coding or uploading ftp, dummies we are, lol.
I am attaching a for instance, with the blue we are stuck. The one with yellow and green, I made that header for our blog, but it sure will not go with the blue. We have our forum like we want it, just started up in August so we are good for now, if we could just get this color thing right.
Many thanks
Linda
Wow LindaHT, nice header!!!
Ok, so you're good with graphics? Cool. The header background is an image set over a hex code, controlled by the catbg class:
(http://taggingfriendz.com/Themes/core/images/catbg.jpg)
The css is here, in index.css:
/* Generic, mostly color-related, classes.
------------------------------------------------------- */
.titlebg, .titlebg2, tr.titlebg td, tr.titlebg2 td
{
color: #000;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
background: url(../images/titlebg.jpg) #E9F0F6 repeat-x;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
color: #fff;
font-family: Verdana, Helvetica, sans-serif;
font-weight: bold;
background: url(../images/catbg.jpg) #88A6C0 repeat-x;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
background: url(../images/catbg2.jpg) #A1BFD9 repeat-x;
}
If you want to keep the gradient you'll have to change the image (keep the same name for the new one). If you want a flat colour there, just use a hex code. There are some re-coloured images already available, but they may not be suitable. You can grab them from inside the images folder of this old 1.1.x theme if you want to try them out: Default MultiColour (http://custom.simplemachines.org/themes/?lemma=158)
Do NOT try to install the whole theme on a 2.0.x site. It wont work. I've attached the green ones below.
You will probably also want to change the hex codes for these classes:
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, .content, .roundframe
{
color: #000;
background-color: #ecedf3;
}
.windowbg2
{
color: #000;
background-color: #f6f6f6;
}
.windowbg3
{
color: #000;
background-color: #e0e1e8;
}
Ok, I was able to find the codes through admin area. How would you go about installing the files?
The different color ones?
Thank you
LInda
Upload them via FTP.
Quote from: Boogalou99 on October 22, 2012, 04:13:33 PM
CyberAlien,
Have you seen the tool at the SMFHacks website? The link to it on their website is on their sidebar menu, and it is labeled "Theme Generator". You can work your way through it selecting the colors for all of the different parts of the page, along with supplying image filenames, and then it will generate a "style.css" file that you can apply to your forum.
If you haven't seen it you should check it out.
Boogalou99. that is only for 1.x themes not 2.0 themes :)
Yes, I saw that, but I believe that they have plans on updating it. I hope so anyway.
difference between them is this will work for any theme, theres only works for default theme
I thought that the Style.css could be applied against any theme. I have a lot to learn. Thanks.
no as people may change padding etc for the theme so using a new style.css from default will alter it.
Thanks, and I am starting to see other things that could /would be changed. I have started learning about CSS, and I see that using a generator could really affect what you end up with versus what you started with. But at the same time, I am also seeing that if you are knowledgeable about CSS, you can control everything. Of course if you are knowledgeable enough, you don't need the use of a generator tool.
I know that I am quickly getting outside of the scope of this topic, but if anybody is interested in learning about CSS, I have found an online tutorial that I really like at htmldog.com.
great thank you :D
Trying this out for the first time as I have loved a theme by harzem who has stopped making themes for free and I am moving over to 2.0.3
I found this almost by accident while browsing the official SMF forums, and was surprised to see that someone had created a javascript site that enables click-n-pick color variations of the Curve theme! and a few variations of some other 5 themes as well. Although none compare to the professional customized works of Bloc, IMHO.
Please somebody - how do I use this? I've changed the colour scheme to one that suits and downloaded it. What now? Help!
Once downloaded you install it.
Themes And Layout (http://wiki.simplemachines.org/smf/Themes_and_Layout)
I know it seems like child's play to you lot...I'm obviously well out of my depth. I don't have the curve theme at the moment, so I should download it first? Is it the Adk Curve theme I need? Then I can download my chosen colour scheme? Sorry to be dumb, I'm a genius in other areas of my life. Honest.
Nobody thinks you're dumb, none of us are born knowing this stuff, believe me :)
Above, you said you had already downloaded a colour-changed theme from Colorizeit. Which theme was that, out of interest? You should now be able to install that theme on your forum the normal way, in Admin > Themes and Layout > Manage and Install Themes > Install a new theme
from a file. Navigate to the zip you downloaded from Colorizeit, upload to your forum, then proceed to install and see what it looks like :)
Here's the relevant bit from the link Gary posted above. I have scratched through the first bit since you downloaded your theme zip from Colorizeit and not the theme site:
QuoteFrom a file -- a theme archive file, such as can be found on the Simple Machines Theme Site
Find a theme archive file in the Simple Machines Theme Site and download the file to your desktop. Be certain that this theme is compatible with your version of SMF. The version is also listed on the page where you downloaded the theme. Themes for 1.1.* will not work on 2.0.* and 2.0.* themes will not work on 1.1.*.
Click the "Browse" button to the right of the "from a file" label.
From the pop-up, navigate to the theme file (still compressed as a .zip or .tar.gz file) on your computer.
Click Install and confirm if you want to install the theme in the popup
Installation will take a few seconds. If all goes well, the installer will tell you that the theme "... was installed successfully."
From your profile, select the theme, to test it.
If you have any difficulties with the theme, switch back to the SMF default theme by using theme=1 in your query string (example: http://www.simplemachines.org/community/index.php?theme=1)
Edit: Oh and for info, Curve is the name of the default theme that comes with SMF v2. It shows under your installed themes as "default" hence the confusion :)
Thanks :) OK, currently I have pink art installed. I went to Colourize it and picked the Curve theme and fiddled with the colours, then downloaded it. So this will change the theme and colours on my forum if I install it? I just thought I'd have to install the right theme in my forum first, if you know what I mean. Just don't want to screw up my forum (yes, I at least had the wits to save it first!) ;)
Yes you should just be able to install the theme you just downloaded independently of any themes you already have. Hang on one sec, I'm going to install one from there on my test site ;)
Yay!! Actually that's very funky! I grabbed Glacier 2 from their front page, made it pink, downloaded it and installed it as described above on my clean fresh install test site. You can see the result HERE (http://www.parsleymonster.net/whitetest/index.php). Go for it :D
I will do! Sorry, didn't even read the last part of your reply before. Think I've got it now. Thanks for ur help! :)
Cool, you're very welcome :)
This is an amazing tool for people like me lol
made three basketball themes with it so far
Thank you CyberAlien :)
Quote from: CyberAlien on June 21, 2011, 07:52:44 AM
This is not a proper theme release, this is a release of online color scheme editor. It can change color scheme of almost any SMF 2.0 theme (and themes for some other software packages).
It is a visual editor: just move sliders to change colors, click "download" button. No need to edit any files, no need to know anything about web design.
Some color variations of Curve theme for SMF 2.0 Gold (click sample image to see editor):
Curve Green:
(http://www.colorizeit.com/images/articles/smf_curve_green.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h32O%7CH6fd9604M1H0uO%7CH6f5f5f0M1H0fO)
Curve Dark Blue:
(http://www.colorizeit.com/images/articles/smf_curve_darkblue.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h5vs2cO%7CH6fd9604M1h63H0uO%7CH6f5f5f0M1H0fO)
Curve Gray / Red:
(http://www.colorizeit.com/images/articles/smf_curve_red.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1l1qs00O%7CH6fd9604M1h4sH0uO%7CH6f5f5f0M1H0fO)
Click "Download" button below color editor to download those themes.
You can create almost any color scheme, except for ones that cannot be achieved via color manipulation, such as turning white theme into black.
(http://www.colorizeit.com/images/articles/sample_smf.png) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html)
SMF theme designers are welcome to upload their own themes. To upload a theme, navigate to SMF 2.0 category (http://www.colorizeit.com/browse/24/smf-20-themes.html) and click "upload" button on the right. Make sure your theme has a live demo before submitting it.
Hello there, can someone tell me if this will work for the last release 2.08,,,,i do have the default stock css file ...Can someone let me know. Thanks
Should work fine their have been no changes in themes since the initial post and now in the 2.0.x line.
Quote from: Μπράιαν on July 16, 2014, 11:16:42 PM
Should work fine their have been no changes in themes since the initial post and now in the 2.0.x line.
Thanks alot i'm gonna try it & see what happens :) I think we need a thanks button here on smf
I like your sample very much. I am a new web designer.
Can you help me by telling how can improve my skill.
If possible give two or three link.
thank you
help please
This may seem like a "simple" question..... but if I modify the Curve Theme in the tool, do I need to change the name or can I upload it as Curve? I want to stay with the "SMF default theme - Curve" but want different colors.
Can I / should I do this?
Of course, just rename it before download e.g. Curve blue, Curve green etc..
I'm saying do it as "SMF default theme - Curve" so that is the only theme available. not "SMF default theme - Curve", Curve Blue, Curve Green,....
ie just change the colors on the default theme
If you want that, you can use it to overwrite the default theme, though it is not advisable.
Do not forget, you can install the theme, then go and set it as default and set everyone to using it, as well as set to not allow them to change theme. That way, your default Curve stays intact.
Quote from: CyberAlien on June 21, 2011, 07:52:44 AM
This is not a proper theme release, this is a release of online color scheme editor. It can change color scheme of almost any SMF 2.0 theme (and themes for some other software packages).
It is a visual editor: just move sliders to change colors, click "download" button. No need to edit any files, no need to know anything about web design.
Some color variations of Curve theme for SMF 2.0 Gold (click sample image to see editor):
Curve Green:
(http://www.colorizeit.com/images/articles/smf_curve_green.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h32O%7CH6fd9604M1H0uO%7CH6f5f5f0M1H0fO)
Curve Dark Blue:
(http://www.colorizeit.com/images/articles/smf_curve_darkblue.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h5vs2cO%7CH6fd9604M1h63H0uO%7CH6f5f5f0M1H0fO)
Curve Gray / Red:
(http://www.colorizeit.com/images/articles/smf_curve_red.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1l1qs00O%7CH6fd9604M1h4sH0uO%7CH6f5f5f0M1H0fO)
Click "Download" button below color editor to download those themes.
You can create almost any color scheme, except for ones that cannot be achieved via color manipulation, such as turning white theme into black.
(http://www.colorizeit.com/images/articles/sample_smf.png) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html)
SMF theme designers are welcome to upload their own themes. To upload a theme, navigate to SMF 2.0 category (http://www.colorizeit.com/browse/24/smf-20-themes.html) and click "upload" button on the right. Make sure your theme has a live demo before submitting it.
This actually looks good and helpfull, I mean with respect to UI part for the website, thanx a lot for the Feature. :)
Can I colorize the top theme to the bottom color.
How do I go about getting done?
colorizeit.com has no longer smf curve section. what happened?
looks like he is only doing phpbb and xenforo on it ah well
thank you
Bump!
Is there an alternative to the SMF Theme Colorizeit? It was VERY useful and I'm so disappointed to find it unavailable :(
there is not no
Quote from: CyberAlien on June 21, 2011, 07:52:44 AM
This is not a proper theme release, this is a release of online color scheme editor. It can change color scheme of almost any SMF 2.0 theme (and themes for some other software packages).
It is a visual editor: just move sliders to change colors, click "download" button. No need to edit any files, no need to know anything about web design.
Some color variations of Curve theme for SMF 2.0 Gold (click sample image to see editor):
Curve Green:
(http://www.colorizeit.com/images/articles/smf_curve_green.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h32O%7CH6fd9604M1H0uO%7CH6f5f5f0M1H0fO)
Curve Dark Blue:
(http://www.colorizeit.com/images/articles/smf_curve_darkblue.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1h5vs2cO%7CH6fd9604M1h63H0uO%7CH6f5f5f0M1H0fO)
Curve Gray / Red:
(http://www.colorizeit.com/images/articles/smf_curve_red.gif) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html#H67b8ea2M1l1qs00O%7CH6fd9604M1h4sH0uO%7CH6f5f5f0M1H0fO)
Click "Download" button below color editor to download those themes.
You can create almost any color scheme, except for ones that cannot be achieved via color manipulation, such as turning white theme into black.
(http://www.colorizeit.com/images/articles/sample_smf.png) (http://www.colorizeit.com/styles/smf-20-themes/216.smf-curve.html)
SMF theme designers are welcome to upload their own themes. To upload a theme, navigate to SMF 2.0 category (http://www.colorizeit.com/browse/24/smf-20-themes.html) and click "upload" button on the right. Make sure your theme has a live demo before submitting it.
This was an amazing solution for those who use the default theme with the Curve Responsive mod for keep live our forum.
Someone knows an online alternative like this for SMF 2.0 themes? I'll really appreciate the info :(
nope their isnt anything else like this and I doubt anyone will make anything else like this.
ah bugger. Just found this and thought "bingo ! just what I need"and now see its no longer available.
darn it ! All I want is a few color variations on the (responsive) curve theme....
I reached out to the developer. We will see what he says.
Quote
Hello,
That project [Colorizeit] is pretty much dead. It was a good idea many years ago when styles used to have many premade images, but today with modern designs it is useless.
Sincerely,
[Name redacted for privacy].
like I said, ah bugger !
Thanks for trying.
I'd really love to have two or three alternate colour palettes for the standard Curve (responsive curve) theme.
Are there any other options out there to accomplish something similar?
There are oodles of Curve color variants on the theme site: http://custom.simplemachines.org/themes/index.php?action=search;type=13
Most of these should be simple to adapt to the responsive Curve mod. IIRC none (or very little) of that mod deals with colours.
If you want a couple of dark ones: http://custom.simplemachines.org/themes/index.php?lemma=2428 :D
Thanks. I was kind of hoping to have themes available to match each of the colour schemes our motorcycles were sold in. So a blue/white, a black/grey and black/red
Possibly too ambitious, and complicates the mods thing whereby I'd need to reinstall them, (presumably) to have the changes made into each theme version.
No new Curve color editors showed up?
https://www.artodia.com/threads/end-of-forum-style-development.3278/
No :(
Pity. Thanks anyhow.