Recent Tutorials
Who is online?
In total there are 7 users online :: 2 Registered, 0 Hidden and 5 Guests

djblah, SLGray

[ View the whole list ]


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

Theme Picker

View previous topic View next topic Go down

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4675
Points : 9689
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 25 Aug 2014, 00:35

Hello dear members,

I've been working on developing a theme picker which will allow members of Forumotion to add and switch current themes with ease. I'm in the process of polishing the script, so I've installed it on this forum for testing. You will be able to find this feature at the footer of the forum. It is in a drop down format; simply click, select a theme, and you're finished.


Your selected theme is stored in a cookie with the lifespan of 1 year. Clearing your cookies or reaching the expiration date will revert to the default theme. If you encounter any bugs please let me know.

Thanks Smile
avatar
Rhino.Freak

Title :
Lord of the 7 kingdoms and protector of the realm
Gender : Male
Age : 21
Posts : 275
Points : 1818
Reputation : 86
Location : India!
Language : English, Hindi
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://tokyoghoular.foruns.com.pt/

PostRhino.Freak on Wed 27 Aug 2014, 10:00

Amaaaazing Very Happy Very Happy Very Happy
Love it so far!

The only flaw that I can see is that when the page loads, firstly the default theme is displayed, and it then gets changed.

Would be nicer if :

-> It can be an option somewhere in Profile Preferences (now that we have template editing, is it possible to modify those pages?).
-> Upon selecting theme the page refreshes.

KEEP IT UP +1 D:
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4675
Points : 9689
Reputation : 2331
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Wed 27 Aug 2014, 12:46

Thanks ! ^^

@Rhino.Freak wrote:The only flaw that I can see is that when the page loads, firstly the default theme is displayed, and it then gets changed.
Yes, that is the only thing that you will notice. It does this as it has to load the stylesheet for the forum. I'll see if I can improve it at all though. I don't think you can modify the profile pages.

You can install the theme picker now from here : http://help.forumotion.com/t135248-add-a-theme-picker
avatar
Michael_vx

Title :
Gender : Male
Age : 25
Posts : 301
Points : 1654
Reputation : 75
Language : Arabic
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile http://miccsoft.net https://www.facebook.com/Michaelvx2008

PostMichael_vx on Sun 31 Aug 2014, 09:40

hi there how about that kinda of theme Picker

Code:
$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

            if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

            function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

            $(function(){

              $("#frame_chatbox").load(function(){
                $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
              });

              $("iframe[name=smilies]").load(function(){
                $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:500!important;}</style>');
              });

              $("body").append('<select id="sstyle" onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Pick up theme</option></select>');

              addstyle("theme 1 name","CSS link");
              addstyle(theme 2 name","CSS link");
              addstyle("revert","");

            });

to add more themes just add mor lines in
Code:
              addstyle("theme 1 name","CSS link");
              addstyle(theme 2 name","CSS link");
              addstyle("revert","");
it should be that way
Code:
              addstyle(theme name","CSS link");
i hope that give a help
avatar
Ch@lo Valdez

Title :
Hello!!
Gender : Male
Age : 41
Posts : 65
Points : 1258
Reputation : 5
Location : Mexico
Language : eng spa
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile

PostCh@lo Valdez on Mon 01 Sep 2014, 19:57

this awesome!

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
You cannot reply to topics in this forum