WAP / Pocket PC skin: Mobile Alabama

[i-Symbian.Com]

@AshAbed,

Take a look at : http://www.mobileread.com/mobile/
username: test
pass: test

(Original thread here : http://www.vbulletin.org/forum/showt...3&page=1&pp=15)

A guy named AlexanderT have actually did his own mobile version for his forum. If you look carefully, he put some little icons to indicate new postings as well as some nifty functions like viewing counts, Sticky etc. But he missed the navbar

Something like that will be superb!

IMHO, this existing MobileAlabama style + the Quick Reply improvements + navbar add-on, is already great! But can be greater with some small icons

[AshAbed]

@AshAbed,

Take a look at : http://www.mobileread.com/mobile/
username: test
pass: test

(Original thread here : http://www.vbulletin.org/forum/showt...3&page=1&pp=15)

A guy named AlexanderT have actually did his own mobile version for his forum. If you look carefully, he put some little icons to indicate new postings as well as some nifty functions like viewing counts, Sticky etc. But he missed the navbar

Something like that will be superb!

IMHO, this existing MobileAlabama style + the Quick Reply improvements + navbar add-on, is already great! But can be greater with some small icons

So you're looking for new post icons? I'll get them made and put up if that's it.

[i-Symbian.Com]

So you're looking for new post icons? I'll get them made and put up if that's it.

Not only that, it could be nice if the icons also come with the installation instruction

Thanks for your time

[AshAbed]

Oh of course I'd include installation instructions, I'm about to download the skin, I can get started once its downloaded and installed.

[AshAbed]

New post in forum icons
Click Edit templates
Expand the template group 'Forum Home Templates'
Edit the 'forumhome_forumbit_level2_post' template
Delete the current code and replace it with:

<tr>
    <td>
<table width="100%" cellspacing="1" cellpadding="0" border="0">
<tr>
    <td>
        <div class="smallfont" width="5" height="5" style="background-color:#f9f9f9;border: 1px solid #c0c0c0; padding:2px;margin-left:15px;">$forum[statusicon] </div></td>
    <td width="100%">
        <div style="margin-left:2px;">
            <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>

        </div>
        
</td>
</tr>
</table>
    </td>

</tr>
$childforumbits 

Getting rid of post icons on newthread page

Click Edit templates
Expand the template group 'New Posting Templates'
Edit the 'newthread' template
search for "$posticons" and remove the code
and your done. No more post icons to slow loading time down.

[i-Symbian.Com]

AshAbed,

Great stuff mate! !!! A gazillion thanks. I already "hacked" my mobile forum and it displays some nifty indications for new posts (on the left of each forum sections) now.

However, there are some other things that I would like to see in the forum index display page like the following :

1- Lines separating each forum sections.

2- Horizontal navbar instead of vertical

Please refer to my attachments :-

1- forum-index-current.jpg shows my mobile forum at the moment without lines separating forum sections and with a vertical navbar.

2- forum-index-planned.jpg is my planned forum index page with lines separator as well as a horizontal navbar. sorry... my photoshop skill is as bad as my vBulletin skill...

Really admire your works and again, a million thanks....

Rgds

[AshAbed]

Lines Separating each forum category
Click Edit templates
Expand the template group 'Forum Home Templates'
Edit the 'forumhome_forumbit_level1_nopost' template
Delete the current code and replace it with:

<tbody>

    <tr>
        <td><div style="margin-left:5px;"><HR>
<strong>$forum[title]</strong></div></td>
    </tr>
</tbody>
<if condition="$childforumbits">
<tbody>
$childforumbits
</tbody>
</if> 

Vertical Navbar
Click Edit templates
Expand the template group 'Navigation / Breadcrumb Templates'
Edit the 'navbar' template
Delete the current code and replace it with:

<!-- breadcrumb, login, pm info -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
    <td width="100%">
        <div class="smallfont" style="background-color:#f9f9f9;border: 1px solid #c0c0c0; padding:4px;">
            
            <if condition="$navbits['breadcrumb'] OR $navbits['lastelement']">    
             <a href="$vboptions[forumhome].php?$session[sessionurl]">
            </if>
            
            $vboptions[bbtitle]
            
            <if condition="$navbits['breadcrumb'] OR $navbits['lastelement']">    
                </a>
            </if>
            
            <if condition="$navbits['breadcrumb']">                       
             $navbits[breadcrumb]                          
            </if>

            <if condition="$navbits['lastelement']">                      
                > $navbits[lastelement]
            </if>
        </div>
    </td>
</tr>
<tr>
    
    <if condition="$bbuserinfo['userid']">
    
    <td valign="top" nowrap="nowrap">
        <div class="smallfont" style="margin-top:6px;">
         <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong> 
            <if condition="$show['pmstats']"><a href="private.php?$session[sessionurl]">PMs: $bbuserinfo[pmunread] unread, $bbuserinfo[pmtotal] total</a>.</if>
        </div>
    </td>
        
    <else />
        
        <td nowrap="nowrap" style="padding:0px">
            
        <!-- login form -->
        <form action="login.php" method="post" style="margin:0px;margin-top:6px;" onsubmit="md5hash(vb_login_password,vb_login_md5password)">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
        <tr>
            <td class="smallfont">$vbphrase[username]</td>
         <td><input type="text" class="button" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
            <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="smallfont">$vbphrase[password]</td>
         <td><input type="password" class="button" name="vb_login_password" size="10" accesskey="p" tabindex="2" /></td>
         <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="4" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
        </tr>
        </table>
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="do" value="login" />
        <input type="hidden" name="forceredirect" value="1" />         
        <input type="hidden" name="vb_login_md5password" />
        </form>
        <!-- / login form -->
            
        </td>
        
    </if>    
    
</tr>
</table>
<br />

<div align="center">
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
    <tr align="center">    
        <!--<td align="center" class="vbmenu_control"><a href="$vboptions[forumhome].php?$session[sessionurl]">Home</a></td>-->
        </tr>
        <if condition="$show['member']">
<tr>
            <td align="center" class="vbmenu_control"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_cp]</a></td>
</tr>
        </if>
        <if condition="$show['registerbutton']">
<tr>
            <td align="center" class="vbmenu_control"><a href="register.php?$session[sessionurl]">$vbphrase[register]</a></td>
</tr>
        </if>
        <if condition="$show['searchbuttons']">
<tr>
            <td align="center" class="vbmenu_control"><a href="search.php?$session[sessionurl]" accesskey="4">$vbphrase[search]</a></td>
</tr>
            <if condition="$show['member']">
<tr>
             <td align="center" class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
</tr>
            <else />
<tr>
             <td align="center" class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
</tr>
            </if>
        </if>
<tr>
        <td align="center" class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td>
</tr>    
        <if condition="$bbuserinfo['userid']">
<tr>
            <td align="center" class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()">$vbphrase[log_out]</a></td>
</tr>
        </if>
    </table>
</div> 

[i-Symbian.Com]

AshAbed,

Awesome!!! I get the lines correctly but not the horizontal navbar. I copied your codes and paste it in the navbar template but it is still the same as previous one. Please refer to my attachment.

Again, thanks a million !!!

Regards

[AshAbed]

Hm... are you sure you hit save? Try it again - it should look like the attachment you provided.

[i-Symbian.Com]

Hm... are you sure you hit save? Try it again - it should look like the attachment you provided.

Yes, I am very sure . I tried pasting several times (and saved) and it is still the same. It is still looking like the previous version. The navbar elements are still in vertical. Please refer to my attachment below (header only).

Thanks so much for your time AshAbed. You really are one in a million!!!



Rgds

[AshAbed]

Oh my mistake - I thought that's what you wanted. I'll get it fixed once I get to my other computer.

[i-Symbian.Com]

Oh my mistake - I thought that's what you wanted. I'll get it fixed once I get to my other computer.

No problemo mate! Take your time

Well, I am sorry too if my previous attachments kinda confused you. Please refer to my attachments below to see the navbar that I want.

Rgds

[symbian.info]

I-Symbian.com can you share your style it to us?? Thanks!!

[i-Symbian.Com]

I-Symbian.com can you share your style it to us?? Thanks!!

Symbian.Info,

No problemo ...

But before I can do that, I must make sure everything runs smoothly and without problem on my website now. At the moment, I'm satisfied with the result but I believe this Mobile style will be more developed as more and more mobile devices are used nowadays. Especially Symbian powered devices

Can you email me at [email protected] to discuss about this matter?

Thanks ;-)

Cheers!!!

[AshAbed]

Horizontal Navbar with separators between links
Click Edit templates
Expand the template group 'Navigation / Breadcrumb Templates'
Edit the 'navbar' template
Delete the current code and replace it with:

<!-- breadcrumb, login, pm info -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
    <td width="100%">
        <div class="smallfont" style="background-color:#f9f9f9;border: 1px solid #c0c0c0; padding:4px;">
            
            <if condition="$navbits['breadcrumb'] OR $navbits['lastelement']">    
                <a href="$vboptions[forumhome].php?$session[sessionurl]">
            </if>
            
            $vboptions[bbtitle]
            
            <if condition="$navbits['breadcrumb'] OR $navbits['lastelement']">    
                </a>
            </if>
            
            <if condition="$navbits['breadcrumb']">                                
                $navbits[breadcrumb]                             
            </if>

            <if condition="$navbits['lastelement']">                            
                > $navbits[lastelement]
            </if>
        </div>
    </td>
</tr>
<tr>
    
    <if condition="$bbuserinfo['userid']">
    
    <td valign="top" nowrap="nowrap">
        <div class="smallfont" style="margin-top:6px;">
            <strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong> 
            <if condition="$show['pmstats']"><a href="private.php?$session[sessionurl]">PMs: $bbuserinfo[pmunread] unread, $bbuserinfo[pmtotal] total</a>.</if>
        </div>
    </td>
        
    <else />
        
        <td nowrap="nowrap" style="padding:0px">
            
        <!-- login form -->
        <form action="login.php" method="post" style="margin:0px;margin-top:6px;" onsubmit="md5hash(vb_login_password,vb_login_md5password)">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
        <table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
        <tr>
            <td class="smallfont">$vbphrase[username]</td>
            <td><input type="text" class="button" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
            <td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
        </tr>
        <tr>
            <td class="smallfont">$vbphrase[password]</td>
            <td><input type="password" class="button" name="vb_login_password" size="10" accesskey="p" tabindex="2" /></td>
            <td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="4" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
        </tr>
        </table>
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="do" value="login" />
        <input type="hidden" name="forceredirect" value="1" />            
        <input type="hidden" name="vb_login_md5password" />
        </form>
        <!-- / login form -->
            
        </td>
        
    </if>    
    
</tr>
</table>
<br />

<div align="center">
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
    <tr align="center">    
        <td style="padding:0px" class="vbmenu_control">|</td>
        <!--<td class="vbmenu_control"><a href="$vboptions[forumhome].php?$session[sessionurl]">Home</a></td>
        <td style="padding:0px" class="vbmenu_control">|</td>-->
        <if condition="$show['member']">
            <td class="vbmenu_control"><a href="usercp.php?$session[sessionurl]">$vbphrase[user_cp]</a></td>
        <td style="padding:0px" class="vbmenu_control">|</td>
        </if>
        <if condition="$show['registerbutton']">
            <td class="vbmenu_control"><a href="register.php?$session[sessionurl]">$vbphrase[register]</a></td>
        <td style="padding:0px" class="vbmenu_control">|</td>
        </if>
        <if condition="$show['searchbuttons']">
            <td class="vbmenu_control"><a href="search.php?$session[sessionurl]" accesskey="4">$vbphrase[search]</a></td>
        <td style="padding:0px" class="vbmenu_control">|</td>
            <if condition="$show['member']">
                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
        <td style="padding:0px" class="vbmenu_control">|</td>
            <else />
                <td class="vbmenu_control"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
        <td style="padding:0px" class="vbmenu_control">|</td>
            </if>
        </if>
        <td class="vbmenu_control"><a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a></td>        <td style="padding:0px" class="vbmenu_control">|</td>
        <if condition="$bbuserinfo['userid']">
            <td class="vbmenu_control"><a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()">$vbphrase[log_out]</a></td>
        <td style="padding:0px" class="vbmenu_control">|</td>
        </if>

    </tr>
    </table>
</div>