Mobile/Cell Phone Style

A version for 3.7 can be found HERE

A super light style designed for Mobile Phones - use in conjunction with THIS or THIS modification to redirect mobile phone users to this theme.

This is a work in progress, and any and all feedback is greatly appreciated - I will do my best to act on bugs and suggestions.

Check http://mobility.mobi (not my site) from a mobile device to see how it looks or you can visit via an emulator HERE

Whilst this doesn't have ALL functionality of vBulletin default, it does allow browsing forums, replying to posts, creating new topics and sending/receiving PMs.

I'm new at this, be kind.

Version History
1.00 - Initial Release
2.00 - Validates Strict XHTML 1.0 on http://validator.w3.org/
Added PM notification, fixed new reply, new thread, new PM to look better. Can edit posts. Added Logout and also an "Up" menu which will take you to the parent forum of where ever you currently are. Images in posts are replaced with a link to the image - unfortunately this meant I had to do teh same to smilies which all now show up as :-) (which is a link to teh smilie itself). It is now approaching a fully functioning skin - not sure what else you would want to do from a mobile phone/PDA. A few small bugs fixed too.
2.01 - Added viewing thread subscriptions, who's online (both only for logged on members) and quick reply
2.02 - Quick reply for logged on members only
2.03 - fix a w3.org validation issue, added "mark forums read" to forum home
2.04 - Internal release
2.05 - added mark as read to 'new posts' added 'sub' (Subscribed threads) and 'online' (who's online) footer navbar forum name in post title (as link) fixed a few things.
2.06 - Page numbers appear in thread bits
- UserCP page, with access to PMs, Subscribed Threads, Edit Signature, Edit Options (which includes changing view from oldest first to newest first
- Basic MOD options added - can delete posts and threads (and undelete also)
- Remember me added to login in footer (duplicate login screens removed
- I should probably test this latest version more extensively and re validate it, but thought you wouldn;t mind a pre-release

2.07 - Added requests, revalidated STRICT XHTML on w3.org. If you have modified your existing install of this, I suggest you backup the style first before upgrading with this new version just in case you want to roll back.
2.08 - Remove backlink from FORUMHOME
2.09 - updated version numbers on templates to 3.6.9
2.10 - added securitytoken field to all forms

A Spanish translation can be found in post # 200 HERE

Install Instructions
Unzip and upload the wireless.css to your forum root.
Import the XML as a new style WITH NO PARENT.

Upgrade Instructions
Unzip and upload the wireless.css to your forum root (overwriet existing).
Import the XML and merge with existing. Alternatively you could delete the existing mobi style and re-upload fresh.

Keywords: Mobile, Cell, Portal, Mobi, Light, PDA, Phone

Screen Shots - Don;t be put off by the colours, these are all very easily changed by editing the CSS file. If you need help, just ask. I did these from a desktop browser with the window resized to 240px wide - to get a proper idea of the look, use the emulator link mentioned above. It looks MUCH better from an actualy small screen device!



How to hide a style from style chooser
This template edit will allow you to 'hide' a style from the Style Chooser so users can't select a specified style.

[dartho]

I was going to do a new release for this small modification, but thought I'd post up the change and release when there is more to add later.

Anyone who allows users to choose their own styles may want to replace the "modifyoptions" (In the "Modify User Options Templates" section ) template with the following code. This will add the ability for users to change their style via the UserCP, Modify Options section of the mobi skin. It's drop downs which may not work on some older phones, but people on older phones probably won;t want to change the style away from teh mobi one anyway. This will NOT change the users skin if you are using either the "Mobile Device Style Assignment" or the DDDS add-on as these override the users/forums styles.

<form action="profile.php?do=updateoptions" method="post">
<input type="hidden" name="s" value="$session[dbsessionhash]" />
<input type="hidden" name="do" value="updateoptions" />
<div class="titlebg">$vbphrase[edit_options]: $bbuserinfo[username]</div>
<div class="windowbg2">$vbphrase[login_privacy]</div>

<if condition="$show['invisibleoption']">				
<div><label for="cb_invisible"><input type="checkbox" name="options[invisible]" value="1" id="cb_invisible" $checked[invisible] />$vbphrase[use_invisible_mode]</label><input type="hidden" name="set_options[invisible]" value="1" /></div>
</if>

<if condition="$show['reputationoption']">
<div><label for="cb_showreputation"><input type="checkbox" name="options[showreputation]" value="1" id="cb_showreputation" $checked[showreputation] />$vbphrase[show_my_reputation_level]</label><input type="hidden" name="set_options[showreputation]" value="1" /></div>
</if>

<div><label for="cb_showvcard"><input type="checkbox" name="options[showvcard]" value="1" id="cb_showvcard" $checked[showvcard] />$vbphrase[allow_vcard_download]</label><input type="hidden" name="set_options[showvcard]" value="1" /></div>


<br />

<div class="windowbg2">$vbphrase[messaging_notification]</div>

<div><label for="cb_adminemail"><input type="checkbox" name="options[adminemail]" value="1" id="cb_adminemail" $checked[adminemail] />$vbphrase[receive_email_from_bulletin_board_staff]</label><input type="hidden" name="set_options[adminemail]" value="1" /></div>

<if condition="$show['receiveemail']">
<div><label for="cb_showemail"><input type="checkbox" name="options[showemail]" value="1" id="cb_showemail" $checked[showemail] />$vbphrase[receive_email_from_other_members]</label><input type="hidden" name="set_options[showemail]" value="1" /></div>
</if>

<if condition="!$vboptions['enableemail']">
<input type="hidden" name="options[showemail]" value="$bbuserinfo[showemail]" />
</if>

<if condition="$show['pmoptions']">
<div><label for="cb_receivepm"><input type="checkbox" name="options[receivepm]" value="1" id="cb_receivepm" onclick="toggle_disabled(this.checked, 'pmoptions')" $checked[receivepm] />$vbphrase[enable_private_messaging]</label><input type="hidden" name="set_options[receivepm]" value="1" /></div>

<div><label for="cb_receivepmbuddies"><input type="checkbox" name="options[receivepmbuddies]" value="1" id="cb_receivepmbuddies" $checked[receivepmbuddies] />$vbphrase[pm_from_buddies_only]</label><input type="hidden" name="set_options[receivepmbuddies]" value="1" /></div>
<div><label for="cb_emailonpm"><input type="checkbox" name="options[emailonpm]" value="1" id="cb_emailonpm" $checked[emailonpm] />$vbphrase[receive_email_notification_pm]</label><input type="hidden" name="set_options[emailonpm]" value="1" /></div>
<div><label for="cb_pmpopup"><input type="checkbox" name="pmpopup" value="1" id="cb_pmpopup" $checked[pmpopup] />$vbphrase[show_pm_popup]</label></div>
<else />
<input type="hidden" name="options[receivepm]" value="$bbuserinfo[receivepm]" />
<input type="hidden" name="options[emailonpm]" value="$bbuserinfo[emailonpm]" />
<input type="hidden" name="pmpopup" value="$bbuserinfo[pmpopup]" />
</if>

<br />

<div class="windowbg2">$vbphrase[visible_post_elements]</div>
<div><label for="cb_showsignatures"><input type="checkbox" name="options[showsignatures]" value="1" id="cb_showsignatures" $checked[showsignatures] />$vbphrase[show_signatures]</label><input type="hidden" name="set_options[showsignatures]" value="1" /></div>
<div><label for="cb_showavatars"><input type="checkbox" name="options[showavatars]" value="1" id="cb_showavatars" $checked[showavatars] />$vbphrase[show_avatars]</label><input type="hidden" name="set_options[showavatars]" value="1" /></div>
<div><label for="cb_showimages"><input type="checkbox" name="options[showimages]" value="1" id="cb_showimages" $checked[showimages] />$vbphrase[show_images] ($vbphrase[including_attached_and_img_code])</label><input type="hidden" name="set_options[showimages]" value="1" /></div>

<br />

<div class="windowbg2">$vbphrase[thread_display_mode]:</div>
<span>
<input type="radio" name="threadedmode"  value="0" $threaddisplaymode[0]>$vbphrase[linear] - $vbphrase[oldest_first]<br />
<input type="radio" name="threadedmode"  value="3" $threaddisplaymode[3]>$vbphrase[linear] - $vbphrase[newest_first]<br />
<if condition="$vboptions['allowthreadedmode']">
<input type="radio" name="threadedmode"  value="1" $threaddisplaymode[1]>$vbphrase[threaded]<br />
<input type="radio" name="threadedmode"  value="2" $threaddisplaymode[2]>$vbphrase[hybrid]<br />
</if>
</span>
<br />
<if condition="$show['styleoption']">
<div class="windowbg2">$vbphrase[board_skin]</div>
<span>
<label for="sel_newstyleset">$vbphrase[board_skin]:</label>
	<select name="newstyleset" id="sel_newstyleset">
		$stylesetlist
	</select>
</span>			
</if>	

<br />
<div>
<input type="submit" class="button" value="$vbphrase[save_changes]" accesskey="s" />
<input type="reset" class="button" value="$vbphrase[reset_fields]" accesskey="r" />
</div>
</form>

[Smiry Kin's]

what that code do just remove the option from the scroll down?

[dartho]

I'm sorry - I don't quite follow the question?

[Smiry Kin's]

what does the code you provided do..?

[dartho]

It simply adds the option to change styles from with-in the mobi style if you have it installed.

[biglips31]

Great Style, Thank you....

Some Suggestions..

1) Possible to have a search function?

2) is there a way to have each username on the posts link to their profile? in order to send a pm, it looks like we have to manually type in the username.

Thanks

[dartho]

I'll look at incorporating these into the next release - not much free time at the moment though, so could be a while...

[brvheart]

any chance to get it to be able to show attachments in threads?

[wideawake]

I second the above. Surely its a simple fix eh? Any thoughts?
Thanks,
Mike

[dartho]

I should be able to do something with attachments - after a very quick look it seems that it will take a bit of tweaking to get it displaying right.

Consider it also added to the list...