WAP / Pocket PC skin: Mobile Alabama

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • AshAbed
    Senior Member
    • Nov 2003
    • 137
    • 3.0.3

    Threaded Mode, Latest post diplayed ontop of links
    Click Edit templates
    Expand the template group 'Show Thread Templates'
    Step 1
    Edit the 'SHOWTHREAD' template
    Replace ALL of the current code with:
    PHP Code:
    $stylevar[htmldoctype]
    <
    html dir="$stylevar[textdirection]lang="$stylevar[languagecode]">
    <
    head>
        <
    title>$thread[title]</title>
    $headinclude

    </head>
    <
    body onload="$onload">
    $header
    $navbar

    $poll

    <a name="poststop" id="poststop"></a>

    <!-- 
    controls above postbits -->
    <
    table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
    <
    tr valign="bottom">
        <if 
    condition="$show['largereplybutton']">
            <
    td<if condition="$show['pagenav']"width="33%"</if> class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$FIRSTPOSTID"><if condition="$show['closethread']">Post Reply<else />Topic Closed</if></a></td>
        <else />
            <
    td class="smallfont">&nbsp;</td>
        </if>
    <!-- 
    thread display mode menu -->
            <
    td<if condition="$show['pagenav']"width="34%"</if> align="<if condition="$show['pagenav']">center<else />right</if>" class="smallfont">
        <if 
    condition="$show['linearmode']">$vbphrase[linear_mode] |
        <else /><
    a href="showthread.php?$session[sessionurl]p=$FIRSTPOSTID&amp;mode=linear$highlightwords#post$FIRSTPOSTID">$vbphrase[switch_to_linear_mode]</a> |
        </if>
        <if 
    condition="$show['threadedmode']">
    &
    nbsp;$vbphrase[threaded_mode]
        <else />
    &
    nbsp;<a href="showthread.php?$session[sessionurl]p=$FIRSTPOSTID&amp;mode=threaded$highlightwords#post$FIRSTPOSTID">$vbphrase[switch_to_threaded_mode]</a>
        </if>
    </
    td>
    <!-- / 
    thread display mode menu -->
        <if 
    condition="$show['pagenav']"><td align="right" width="33%">$pagenav</td></if>
    </
    tr>
    </
    table>
    <!-- / 
    controls above postbits -->

    <!-- 
    end content table -->
    $spacer_close
    <!-- / end content table -->
    <
    div id="posts">$postbits</div>
     <if 
    condition="$show['threadedmode']">
     <!-- 
    thread posts list -->
     
    $threadlist
     
    <!-- /thread posts list -->
     </if>
    <!-- 
    start content table -->
    $spacer_open
    <!-- / start content table -->

    <!-- 
    controls below postbits -->
    <
    table cellpadding="0" cellspacing="0" border="0" width="100%">
    <
    tr valign="top">
        <if 
    condition="$show['largereplybutton']">
            <
    td class="smallfont"><a href="newreply.php?$session[sessionurl]do=newreply&amp;noquote=1&amp;p=$LASTPOSTID"><if condition="$show['closethread']">Post Reply<else />Topic Closed</if></a></td>
        <else />
            <
    td class="smallfont">&nbsp;</td>
        </if>    
        <if 
    condition="$show['pagenav']"><td align="$stylevar[right]">$pagenav</td></if>
    </
    tr>
    </
    table>
    <!-- / 
    controls below postbits -->

    <
    br />

    <
    div class="smallfont" align="center">
        <
    strong>&laquo;</strong>
            <
    a href="showthread.php?$session[sessionurl]t=$threadid&amp;goto=nextoldest">$vbphrase[prev_thread]</a>
            |
            <
    a href="showthread.php?$session[sessionurl]t=$threadid&amp;goto=nextnewest">$vbphrase[next_thread]</a>
        <
    strong>&raquo;</strong>
    </
    div>

    $footer
    </body>
    </
    html
    Step 2
    Edit the 'showthread_list' template
    Replace ALL of the current code with:
    PHP Code:
    <script type="text/javascript">
    <!--
    var 
    imgdir_statusicon "$stylevar[imgdir_statusicon]";
    var 
    imgdir_misc "$stylevar[imgdir_misc]";
    var 
    cleargifurl "$vboptions[cleargifurl]";
    var 
    guestphrase "$vbphrase[guest]";
    var 
    morephrase "$vbphrase[more_replies_below]";
    var 
    highlightwords "$highlightwords";
    //-->
    </script>
    <
    script type="text/javascript" src="clientscript/vbulletin_thrdpostlist.js"></script>
    <
    script type="text/javascript">
    <!--
    // initialize some variables
    var curpostid $curpostid;
    var 
    quickreply = <if condition="$SHOWQUICKREPLY">true<else />false</if>;

    // cached posts (no page reload required to view)
    $jspostbits
    // next/previous post info
    $navjs
    // cached usernames
    pu[0] = guestphrase;
    $userjs
    // -->
    </script>
    <
    style type="text/css">
    <!--
        
    #links div { white-space: nowrap; }
        #links img { vertical-align: middle; }
        #links .x { behavior: url(clientscript/branchcollapse.htc); }
        #links a.ieB { behavior: url(clientscript/postlink.htc); }
    -->
    </
    style>

    <
    div style="background-color:#ffffff;padding:1px;border: 1px solid #c0c0c0;margin-top:8px;margin-bottom:8px;">
    <
    table cellpadding="1" cellspacing="0" border="0" width="100%" align="center">
    <
    tr>
        <
    td class="alt2">
            <
    div class="smallfont" style="text-align:$stylevar[center];">
            <!-- 
    start post links -->
    <
    script type="text/javascript">
    <!--
    $links
    //-->
    </script>
            <!-- 
    end post links -->
            </
    div>
        </
    td>
    </
    tr>
    <if 
    condition="$threadedmode==1">
    <
    tr>
        <
    td class="alt2" align="center"><div class="smallfont">
            <
    a href="javascript:showPrevNextPost(0)">$vbphrase[prev]</a>
            &
    nbsp;|&nbsp;
            <
    a href="javascript:showPrevNextPost(1)">$vbphrase[next]</a>
        </
    div></td>
    </
    tr>
    </if>
    </
    table>
    </
    div
    I didn't try this out - Blind coding you could say, I'm pretty sure its right though.

    Comment

    • i-Symbian.Com
      New Member
      • Jan 2005
      • 24
      • 3.0.5

      AshAbed

      Thanks...

      I installed the code and it displayed correctly now. The ThreadMode is at the bottom and the Quick Reply is there (I added it myself...)

      Here is another enhancement that I think would make the style better. I've tried to find the code myself but I couldnt do it... :

      1- Edit post

      It could be great if registered users can edit their own post in this mobile style...

      Rgds

      Cheers!!!!

      Comment

      • AshAbed
        Senior Member
        • Nov 2003
        • 137
        • 3.0.3

        Sure, I'll get that implemented tomorrow, I'm out for the night .

        Comment

        • Gri
          Senior Member
          • Feb 2004
          • 232
          • 4.2.5

          I have installed and tried it, it's really good.

          Comment

          • AshAbed
            Senior Member
            • Nov 2003
            • 137
            • 3.0.3

            Edit Post
            Click Edit templates Step 1
            Edit the 'editpost' template
            Replace ALL of the current code with:
            PHP Code:
            $stylevar[htmldoctype]
             <
            html dir="$stylevar[textdirection]lang="$stylevar[languagecode]">
             <
            head>
             <
            title>$vboptions[bbtitle] - $vbphrase[edit_post]</title>
             
            $headinclude
             
            </head>
             <
            body$onload>
             
            $header
             $navbar
             
             
            <if condition="$show['deletepostoption']">
             <
            form action="editpost.php" method="post">
             <
            input type="hidden" name="s" value="$session[sessionhash]/>
             <
            input type="hidden" name="p" value="$postid/>
             <
            input type="hidden" name="do" value="deletepost" />
             <
            table class="tborder" cellpadding="$stylevar[cellpadding]cellspacing="$stylevar[cellspacing]border="0" width="100%" align="center">
             <
            tr>
                 <
            td class="smallfont">
                     
            $vbphrase[delete_this_message]
                 </
            td>
             </
            tr>
                 <
            tr>
                     <
            td class="panelsurround" align="center">
                     <
            div class="panel">
                         <
            div style="100%" align="$stylevar[left]">
                         
                         <
            div class="fieldset">
             
                             <if 
            condition="$show['firstpostnote']">
                                <
            div>$vbphrase[deleting_message_deletion_of_thread]</div>
                             </if>
                         </
            div>
                         
                         <
            fieldset class="fieldset">
                            <
            legend>$vbphrase[delete_options]</legend>
                             <
            div style="padding:$stylevar[formspacer]px">
                                 <
            div>
                                    <
            label for="rb_del_leave"><input type="radio" name="deletepost" value="" id="rb_del_leave" tabindex="1" checked="checked" />$vbphrase[do_not_delete_message]</label>
                                 </
            div>
                                 <
            div>
                                    <
            label for="rb_del_soft"><input type="radio" name="deletepost" value="delete" id="rb_del_soft" tabindex="1" />$vbphrase[delete_message]</label>
                                    <if 
            condition="$show['physicaldeleteoption'] AND $show['keepattachmentsoption']">(<label for="cb_keepattachments"><input type="checkbox" name="keepattachments" value="1" id="cb_keepattachments" tabindex="1" />$vbphrase[keep_attachments]</label>)</if>
                                 </
            div>
                                <if 
            condition="$show['physicaldeleteoption']">
                                 <
            div>
                                    <
            label for="rb_del_hard"><input type="radio" name="deletepost" value="remove" id="rb_del_hard" tabindex="1" />$vbphrase[physically_remove_message]</label>
                                 </
            div>
                                 </if>
                             </
            div>
                         </
            fieldset>
                         
                         </
            div>
                     </
            div>
                     
                     <
            div style="margin-top:$stylevar[cellpadding]px">
                        <
            input type="submit" class="button" value="$vbphrase[delete_this_message]tabindex="1" accesskey="s" />
                     </
            div>
                     
                     </
            td>
                 </
            tr>
             </
            table>
             </
            form>
             <
            br />
             </if>
             
             <
            form name="vbform" action="editpost.php" method="post"<if condition="!is_browser('webtv')"onsubmit="return validatePost(this, 0, $vboptions[postminchars]$vboptions[postmaxchars]);" onreset="vB_RESET(this);"</if>>
             
             
            $postpreview
             
             
            <table class="tborder" cellpadding="$stylevar[cellpadding]cellspacing="$stylevar[cellspacing]border="0" width="100%" align="center">
             <
            tr>
                 <
            td class="tcat">
                     <
            span class="smallfont" style="float:$stylevar[right]"><strong>$vbphrase[thread]</strong>: <a href="showthread.php?$session[sessionurl]t=$threadinfo[threadid]">$threadinfo[title]</a></span>
                     
            $vbphrase[edit_post]
                 </
            td>
             </
            tr>
             <
            tr>
                 <
            td class="panelsurround" align="center">
                 <
            div class="panel" >
                     <
            div style="100%" align="$stylevar[center]">
                 
                     
            $usernamecode
                     
                     
                     
            <!-- subject field -->
                    <
            table cellpadding="0" cellspacing="0" border="0" style="margin-bottom:$stylevar[formspacer]px">
                     <
            tr>
                         <
            td class="smallfont" colspan="3">$vbphrase[title]:</td>
                     </
            tr>
                     <
            tr>
                         <
            td><input type="text" class="bginput" name="title" value="$titlesize="50" maxlength="85" tabindex="1" title="$vbphrase[optional]/></td>
                         <
            td>&nbsp;&nbsp;</td>
                        <
            td><img id="display_posticon" src="$selectedicon[src]alt="$selectedicon[alt]/></td>
                     </
            tr>
                     </
            table>
                     <!-- / 
            subject field -->
             
                     <
            table cellpadding="0" cellspacing="0" border="0">
                     <
            tr>
                         <
            td>
                         
                     <!-- 
            message area -->
                     <
            div class="smallfont"><phrase 1="member.php?$session[sessionurl]u=$postinfo[userid]2="$postinfo[username]3="$postinfo[postdate]4="$postinfo[posttime]">$vbphrase[message_by_x_on_y_at_z]</phrase>:</div>
                     
            $messagearea
                     
            <!-- / message area -->
                     
                         </
            td>
                     </
            tr>
                     </
            table>
                     
                     </
            div>
                 </
            div>
                 
                 <
            div style="margin-top:$stylevar[cellpadding]px">
                     <
            input type="hidden" name="s" value="$session[sessionhash]/>
                     <
            input type="hidden" name="do" value="updatepost" />
                     <
            input type="hidden" name="p" value="$postid/>
                     <
            input type="hidden" name="posthash" value="$posthash/>
                     <
            input type="hidden" name="poststarttime" value="$poststarttime/>
                    <
            input type="submit" class="button" name="sbutton" value="$vbphrase[save_changes]accesskey="s" tabindex="1" />
                     <
            input type="submit" class="button" name="preview" value="$vbphrase[preview_changes]accesskey="p" tabindex="1" />
                 </
            div>
                 
                 </
            td>
             </
            tr>
             </
            table>
             
             <
            br />
             
             
             
             </
            form>
             
             
            $footer
             
             
            </body>
             </
            html
            Step 2
            Expand the template group 'Postbit Templates'
            Edit the 'postbit' template
            Search for:
            PHP Code:
            <if condition="$post['replylink']"><div class="smallfont"><br />
                         <
            a href="$post[replylink]">Reply to this Message</a></div>
                         </if> 
            And replace it with:
            PHP Code:
            <if condition="$post['replylink']"><if condition="$post['editlink']"><div class="smallfont"><br />
                         <
            a href="$post[replylink]">Reply to this Message</a> |
             <
            a href="$post[editlink]">$vbphrase[edit_delete_message]</a></div>
                         </if></if> 
            Step 3
            Expand the template group 'Editor Templates'
            Edit the 'editor_toolbar_wysiwyg' template
            Replace ALL of the current code with:
            PHP Code:
            <!-- load scripts -->
            $vBeditTemplate[clientscript]

            <!-- 
            start message area --><div id="vBulletin_editor" style="text-align:$stylevar[left]"><!-- / start message area -->

            <!-- 
            start control bar --><div id="controlbar"><!-- / start control bar -->
                

                
            <!-- 
            end control bar --></div><!-- / end control bar -->

            <
            table cellpadding="0" cellspacing="0" border="0">
            <
            tr valign="top">
                <
            td>
                <!-- 
            hidden field to contain html -->
                <
            input type="hidden" name="WYSIWYG_HTML" id="html_hidden_field" value="$newpost[message_html]/>
                
                <!-- 
            edit text area -->
                <if 
            condition="is_browser('ie')">
                
                    <!-- 
            internet explorer text area -->
                    <
            div id="htmlbox" tabindex="0" style="width:$stylevar[messagewidth]; height:250px; padding:8px">$newpost[message]</div>
                    
                <else />
                
                    <!-- 
            mozilla text area -->
                    <
            iframe id="htmlbox" tabindex="0" style="width:$stylevar[messagewidth]; height:250px"></iframe>
                    
                </if>
                <!-- / 
            edit text area -->
                
                

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




            <!-- 
            end message area --></div><!-- / end message area -->




            <if 
            condition="is_browser('ie')">
                <!-- 
            initialization script -->
                <
            script type="text/javascript">
                <!--
                
            editInit();
                
            //-->
                
            </script>
            </if> 
            Last edited by AshAbed; Sun 6 Mar '05, 7:08am.

            Comment

            • i-Symbian.Com
              New Member
              • Jan 2005
              • 24
              • 3.0.5

              AshAbed,

              again, great stuff. However, after installing it, I noticed that whenever I clicked on the Edit/Delete Message, it goes to the editpost page but the box is empty. I tried this on several devices, on PC, laptop, Nokia N-Gage, Nokia 6670, Nokia 9500, all the same. the edit box doesnt have the text that we suppose to edit.Please refer to attachment Editpost.jpg

              Another thing, the QuickReply box is quite complicated (refer to attachment CurrentQuickReply.jpg) . It could be great if the quickreply is simpler as in attachment SimpleQuickReply.jpg.

              Thanks a million my friend ;-)

              Rgds
              Attached Files
              Last edited by i-Symbian.Com; Sat 19 Feb '05, 8:37am.

              Comment

              • AshAbed
                Senior Member
                • Nov 2003
                • 137
                • 3.0.3

                Ah my mistake - when I have it show the current message it shows the more complex editor so I had switched it and forgot that it was editing a message and not a new reply . I'll get that fixed.
                And I'll get the quickreply simplified.

                Comment

                • Phil Lee
                  New Member
                  • Jul 2002
                  • 10
                  • 3.0.3

                  I've been following this thread at the same time as modifying the style for use on my own forum. There are a couple of things it would be great to have:

                  1. Ability for admins/mods to close a thread.
                  2. A very basic admin control panel, basically an emergency off button , in case the forum need to be switched off remotely. We have had need of that in the past when our forum was attacked by some kiddies posting all sorts of obscene images.

                  I'm currently working on simplifying the User Control Panel. At the moment I need to work out how to simplify the Edit Signature page.

                  Edit: Got the signature editor sorted out.
                  Attached Files
                  Last edited by Phil Lee; Mon 21 Feb '05, 6:06am.

                  Comment

                  • MikaK
                    Member
                    • Oct 2004
                    • 32

                    Threads don´t show in forum display

                    This is not a valid question anymore as I decided to remove the style and try to build a custom one.
                    Does anybody have anuy idea why this might be happening:
                    Threads dont show in forumdisplay - for example:
                    style was removed
                    while the full default style shows all pretty like:
                    Protect your assets and even leave a larger inheritance for your loved ones with professional estate planning services by our dedicated, experienced Tucson probate & estate planning lawyers.

                    Looking at a thread works totally ok even with the light to be version, like:
                    style was removed
                    (nevermind the current layout)

                    Thanks for any info!
                    -Mika
                    Last edited by MikaK; Mon 21 Feb '05, 9:45pm. Reason: style removed
                    www.SoundChilds.net

                    Comment

                    • one.
                      New Member
                      • May 2004
                      • 10

                      I am doing something TOTALLY wrong I guess. :/ I keep getting an error when I try to go to my site. "413 : page cannot be displayed."

                      Any ideas? Thanks!

                      Comment

                      • AshAbed
                        Senior Member
                        • Nov 2003
                        • 137
                        • 3.0.3

                        Mika - Feel free to PM me with your admin information and I'll get it fixed for you in a few minutes, I'll have to look at the templates to see what's wrong.

                        one. - Can you post a link to your site? I don't think thats a problem with the skin, probably the board itself. Just incase.

                        Comment

                        • MikaK
                          Member
                          • Oct 2004
                          • 32

                          Thanks

                          Originally posted by AshAbed
                          Mika - Feel free to PM me with your admin information and I'll get it fixed for you in a few minutes, I'll have to look at the templates to see what's wrong.
                          Thanks, AshAbed. I think it is related to the threaded view which I have disabled all together after it begun showing same symptoms with my default style - probably has to do with other hacks installed.

                          What I´ll do is I´ll replicate my current used style and mod that into a mobile skin. I think it´s easier at the end since I know the templates used at that one.

                          If ít looks like a pain I´ll try re-installing this style and get back to you.

                          Thanks once more,
                          -Mika
                          www.SoundChilds.net

                          Comment

                          • one.
                            New Member
                            • May 2004
                            • 10

                            Originally posted by AshAbed
                            one. - Can you post a link to your site? I don't think thats a problem with the skin, probably the board itself. Just incase.
                            www.d-series.org/forums

                            There it is.. I haven't made that style choosable... let me know what you find. I really appreciate your help!

                            Thanks!

                            Comment

                            • AshAbed
                              Senior Member
                              • Nov 2003
                              • 137
                              • 3.0.3

                              Originally posted by one.
                              www.d-series.org/forums

                              There it is.. I haven't made that style choosable... let me know what you find. I really appreciate your help!

                              Thanks!
                              Oh so the error only happens on that skin? In that case I'll have to have that skin be selectable so I can take a look at it... right now I don't see any problems

                              - And Mika, changing your current skin into a mobile skin would take a very long time compared to allowing me to fix the error, it probably is related to disabling threaded view but I can most likely get it to work.

                              Comment

                              • crepo
                                Member
                                • Jun 2004
                                • 32
                                • 3.7.x

                                I love this thread with the postings of AshAbed. But I see a lot of code and so one.

                                I was thinking, can someone post a recent xml file with the mobile template / skin?

                                I'm thinking to used it on our dutch forum of digital photography http://forum.belgiumdigital.com

                                thanks,
                                peter

                                Comment

                                widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                                Working...