Welcome Guest [Log In] [Register]
Add Reply
BlueLine Mobile
Topic Started: Apr 26 13, 12:33 (16,352 Views)
Helena
No Avatar
wow
[ *  *  *  *  * ]
Posted Image

Name: BlueLine Mobile

By: Helena (with input from Zathyus team). The coding that allows adsense ads to conform to the TOS is attributed to RedBldSandman, who was lead staff coder on the mobile version of ZNR's Cool Mint default theme, still in exclusive use on this board. Thanks to Cory for adapting his method to this application. Until this point, there was not an approved way to reconcile the size of the ZetaBoards ads display to mobile layouts. Mobile themes may now employ this technique in compliance with our advertising TOS. To get the coding necessary, please access Cory's Mobile Themes tutorial.

Date created: April 2013

Preview:
Posted Image



Source: a base theme was generated via Reid's Imageless Custom Color Generator and adapted for mobile use. Originally made for a private board, so some settings may not make sense to you. I did try to rework it somewhat to make it more generic, however, so we'll see how well I did there. :)

Additionally, we plan to update Reid's Custom Color Generator to offer the option for this mobile design, allowing you to quickly recolor it as you like. So before we set that up, I'm hoping that the feedback in this topic will give an idea of what sorts of things might benefit from some tweaking. When reporting problems, please state the model and resolution size of your mobile device.

UPDATED! Mobile Custom Color Generator is now available for recoloring this theme as you like. Use the same image macros codes as provided for Blue Line Mobile.

Notes: Because this is an imageless theme, it should load quickly on all devices. The only images built in are avatars and emoticons. Do not expect full board function from this theme. Because of the space considerations of mobile screen resolutions, some pages and functions will not be available. Icons have been eliminated or reduced to save space. For instance, you can enable the shoutbox if you wish, but the stats category is hidden. If you wish it to show, remove div#stats.category, from the large block of display:none; elements at the bottom of the CSS.

Members on my private board have been testing this theme for a number of weeks now and it seems to be good for most of their devices, so I'm hopeful that network boards will be able to implement this theme with minimal problems. Hopefully, it will also inspire more mobile themes to be created.


Edit Permissions There are no editing restrictions, you may adapt this theme as you like to customize it for your board. Copyright notation will be included in the CSS and is not required to display online with the theme.

Installation:

Portal Set up: Only the portal Latest Posts module is used on the portal page. It is linked in the submenu with the "Latest" link. Be sure Latest topic is enabled and configured to show on the left side of the portal.
Portal Set up for latest posts page: AdminCP > Pref > Board Customizations > Portal
Portal Settings: Show x latest posts [Set to between 1-20]
Portal Layout: Set Recent Topics position to Left Side

Portal Option-show center news section instead


Banner Set up:
Theme Settings: Delete all code here
In Theme Layout: Find this section and type your board name in place of the red text (also edit in your board URL):
Quote:
 
<div id="wrap"><span class="banner"><a href="http://s#.zetaboards.com/YOURBOARDNAME/index/">BlueLine <span style="font-size: 55%; text-shadow: 1px 1pt">mobile</a></span></span><!-- NAV --><!-- BOARD --></div>


Images: For the post view to display properly, you must turn on the default avatar option and use one. Avatars are restrained by the theme to 50x50px. Posted images are restrained to 240px.
Multiquote must be either turned off, or you must use the image codes provided.
Access the image codes on this page:
http://z5.ifrm.com/30287/162/0/p1134059/BlueLineMobileImageMacros.html
( note: warn images are not needed unless you edit the theme to re-enable them.)

BlueLine Mobile features a custom submenu with shortened link names to maximize the small screen space. Please replace the URLs in the submenu links with your own board URL [Example: replace what is in bold with your board address http://s#.zetaboards.com/YOURBOARDNAME/site/ ]

THEME LAYOUT:
Layout


THEME APPEARANCE:
CSS
This is a signature
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · BlueLine Mobile · Next Topic »
Add Reply

New Message From: Helena
Subject: PM Toast Test
Sent: One minute ago
Close
Aggiornamento by IFSZ, converted by Helena of ZN