The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

BIG CONTEST: Create a mobile theme

View previous topic View next topic Go down

BIG CONTEST: Create a mobile theme

Post by Leviosa on July 2nd 2015, 3:16 pm

BIG CONTEST: Create a mobile theme
Dear members,

Forumotion is very happy to announce a new contest. To celebrate the access to mobile version templates, we decided to organize a big challenge for the occasion.


The contest



The contest involves all communities of our company. So, you will be in competition with the other support forums. The aim is to create a personalized theme for mobile version (via CSS or via mobile templates).
Deadline: From 2nd July to 14th August 2015

How to participate?



To participate you just have to create a personalized theme especially for the mobile version. You just have to:

1-Submit the url of the forum (A test forum or your personal forum) on this topic: HERE

2- A screenshot taken from your mobile or by this way:

Spoiler:
How to emulate the mobile version on :


Firefox
Firefox currently lacks an easy way to spoof your useragent, but it's still possible. First enter the following into your address bar and click enter.
Code:
about:config

It may ask you to confirm, if so, click "ok". Now search general.useragent, and in the blank area below right click, go to new, and choose string.

In the first prompt input the following and click OK.
Code:
general.useragent.override

In the second prompt input a new useragent. The one I provide below is for a mobile browser, you can find more here. Click OK when you're done.
Code:
Mozilla/5.0 (Linux; U; Android 2.3; en-us) AppleWebKit/999+ (KHTML, like Gecko) Safari/999.9

Go to a Forumotion forum and you should now see the mobile version. You can use your devtools (F12), or wrench from the omnibox to inspect the elements and make modifications.

To revert back to your normal useragent follow the same steps, except right click on general.useragent.override and click reset.


Chrome
For Google Chrome press F12, or go to Omnibox > More tools > Developer tools

Click the phone to toggle device mode.

Go to Device and choose a mobile device from the drop down such as the iPhone.

Once selected, reload the page and you should now see the mobile version.

To revert back to your default useragent, simply toggle device mode from the tools and reload the page.


Internet Explorer
For Internet Explorer press F12, or go to Tools > Developer tools

Go to Emulation, and under browser profile choose Windows Phone.

After that you should be met with the mobile version. Note that you may need to change the resolution, because it can be a bit glitchy.

To exit the emulation either change back to desktop, or close the devtools.


Safari
To emulate the mobile version for Safari make sure the develop menu is shown in the menu bar. To do that, go to Settings > Preferences :

Go to the Advanced tab and tick "Show develop menu in menu bar" :

Next go to Page > Develop > User Agent and pick a mobile device from the selection, such as the iPhone.

After that, the page will reload to display the mobile version. To revert back to your default User Agent, follow the previous steps, but choose "Default" from the useragent selection.


Opera
Opera is pretty much the same as Chrome. To change your useragent, right click and choose inspect element from the context menu.


Next follow these 3 easy steps :
1. Click the "toggle device mode" button
2. Choose a mobile device from the device dropdown
3. Reload the page


After this, you will see the mobile version of your website. To undo these changes, simply toggle device mode or close the devtools, and reload the page.



Rewards




Big challenges means big rewards Very Happy

Here you can find the prizes to win: :wouhou:


  • 1st place: 5000 credits + ads deletion for all members for 1 year+ 500Mb space for 1 year + deletion of FM copyright for 1 year
  • 2nd place: 3000 credits + ads deletion for all members for 6 months + 200Mb space for 6 months + deletion of FM copyright for 6 months
  • 3rd place: 1600 credits + ads deletion for all members for 1 month + 100Mb space for 1 month + deletion of FM copyright for 1 month


The 3 winners will be selected by our staff from all support forums. No need to submit your entry on many support forums Wink

We look forward to seeing your creations Smile Good luck

Forumotion


No help without your forum url
No support via private message



Leviosa
Administrator
Administrator

Female Posts : 15353
Reputation : 1563
Language : French, English

http://help.forumotion.com

Back to top Go down

Re: BIG CONTEST: Create a mobile theme

Post by Nayashima Tokóro on July 14th 2015, 5:52 pm

Can anyone participate?

Nayashima Tokóro
New Member

Male Posts : 20
Reputation : 1
Language : English, Swedish, Danish,
Location : Sweden

http://sscp.forumotion.com/

Back to top Go down

Re: BIG CONTEST: Create a mobile theme

Post by Ange Tuteur on July 14th 2015, 6:21 pm

Nayashima wrote:Can anyone participate?
As long as your forum is hosted by the Forumotion service, then yes. Wink

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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