Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.7 > vBulletin 3.7 Styles
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
iPhone / iPod Touch Optimized Skin Details »»
iPhone / iPod Touch Optimized Skin
Version: 1.00, by ElForro ElForro is offline
Developer Last Online: Sep 2013 Show Printable Version Email this Page

Version: 3.7.0 Beta 5 Rating:
Released: 03-02-2008 Last Update: 03-04-2008 Installs: 393
 
No support by the author.

If you use my style, please click "Mark as Installed" in the Mod Information box -->

I made this Skin based on www.elforro.com colors and it has hardcoded CSS; so you would need to change some CSS values to match your forum style.

Many people ask me to share the style, so I did my best to make it as "default" as I could.

I spent a lot of time working on this skin, so if you decide to use it on your forums, PLEASE leave the "Design by:" legend. (it's only at the bottom)

Demo: http://www.elforro.com/index.php?styleid=15

( or go to www.elforro.com from your iPod / iPhone and click on the legend for the Optimized Skin )

-------
To show a message to all your iPod / iPhone users, you just need to add something like this in your navbar template (in your default style)


PHP Code:
<script type="text/javascript">
    if ((
navigator.userAgent.indexOf('iPhone') != -1) || 
    (
navigator.userAgent.indexOf('iPod') != -1)) {
        
document.write("<a href=\"$_SERVER[PHP_SELF]?<if condition="$_SERVER['QUERY_STRING']">$_SERVER[QUERY_STRING]&amp;</if>styleid=[B]XX[/B]\">iPhone Style</a>")
    }
</
script
(Change XX to your iPhone style number and write whatever you want instead of "iPhone Stlye")
--------


Screenshots: (Below the post)

You have to upload (and change the color/hue maybe) 4 PNG images in images/misc/ folder (included in the ZIP).

Please keep all of my copyright info in this style. Please do NOT redistibute this style on any other sites! (It's free!)


Or... Want to donate something? Paypal me at: sarceda@fibertel.com.ar :P

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #72  
Old 06-20-2008, 11:59 AM
dartho dartho is offline
 
Join Date: Sep 2005
Location: Australia
Posts: 2,303
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

That sounds abour right - even just searching on type="submit" should get them all and add <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> above or below it (just needs to be in teh same FORM block)
Reply With Quote
  #73  
Old 06-21-2008, 01:21 AM
BeerLuver's Avatar
BeerLuver BeerLuver is offline
 
Join Date: Mar 2002
Location: Green Bay, WI, US
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Will do. Thanks again dartho
Reply With Quote
  #74  
Old 06-21-2008, 03:17 AM
BeerLuver's Avatar
BeerLuver BeerLuver is offline
 
Join Date: Mar 2002
Location: Green Bay, WI, US
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

OK, I'm a bit stuck on trying to edit this skin's colors & images. Mainly I am trying to get that navbar at the top to display correctly on the forum display, but it looks fine on the homepage and in a thread display. Here's two screenshots I took directly on my iPod Touch so you can see:


This is how it should look. The buttons are nicely inset into the navbar

But when I try to view a forum section, this is how it looks (assuming this is in relation to the forumdisplay template's code):

You can see the buttons are not lined up/overlayed properly and the navbar is too thin.

Does anyone have any clue as to what code I need to alter/fix to correct this display issue? OR what code would I put in to display the forum's title on the navbar maybe? So it says Showcase; like it says Thread on the other? Maybe that would fix the navbar height issue here.
Reply With Quote
  #75  
Old 06-21-2008, 03:50 AM
BeerLuver's Avatar
BeerLuver BeerLuver is offline
 
Join Date: Mar 2002
Location: Green Bay, WI, US
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Also, I noticed there is no button to post a New Thread. Any ideas on how to add that to the forumdisplay? And any associated code in templates?

Kinda makes it difficult for viewers to post new threads then hehe.

And also, is there anyway to add the forum jump menu to the main page, forum display, and thread display layout? It seems the only place I've seen it show up is when you click the New Posts link and it shows up on the results page; which seems to be a search.php output.
Reply With Quote
  #76  
Old 06-21-2008, 04:47 AM
BeerLuver's Avatar
BeerLuver BeerLuver is offline
 
Join Date: Mar 2002
Location: Green Bay, WI, US
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

OK... I figured out how to add the Forum Jump menu to it. Figured I'd post it here for whomever wishes to do the same .

Edit the FORUMHOME, FORUMDISPLAY, & SHOWTHREAD templates:
=================================================
On each templates... scroll down to the bottom. Look for the $footer bit of codes, and just add this code above it:

Code:
<div class="smallfont" align=center style="text-align:$stylevar[center]; white-space:nowrap">
	<form action="forumdisplay.php" method="get">
	<input type="hidden" name="s" value="$session[sessionhash]" />
	<input type="hidden" name="daysprune" value="$daysprune" />
	<strong>$vbphrase[forum_jump]</strong><br />
	<select name="f" class="iphone_jump" onchange="this.form.submit();">
		<optgroup label="$vbphrase[site_areas]">
			<option value="cp" $frmjmpsel[usercp]>$vbphrase[user_control_panel]</option>
			<option value="pm" $frmjmpsel[pm]>$vbphrase[private_messages]</option>
			<option value="subs" $frmjmpsel[subs]>$vbphrase[subscriptions]</option>
			<option value="wol" $frmjmpsel[wol]>$vbphrase[whos_online]</option>
			<option value="search" $frmjmpsel[search]>$vbphrase[search_forums]</option>
			<option value="home" $frmjmpsel[home]>$vbphrase[forums_home]</option>
		</optgroup>
		<optgroup label="$vbphrase[forums]">
		$jumpforumbits
		</optgroup>
	</select>$gobutton
	</form>
</div>
I know it's supposed to work by just adding $forumjump which would pull this code from that template, but for some weird reason... it just would not work. So I simply added the code from the forumjump template; with centering the div as well, so it displays directly above the footer on the main forum page, the forums display page, and each thread display page. Handy for navigating & accessing areas of your forums for iPhone/Touch users then.

I'm gonna try adding a Return to Top link just above the forum jump aligned to the left side then so it's easier for iPhone/Touch users to navigate back to the top of the page without having to scroll all the way up. Saves time when viewing large threads, thread lists, etc.
Reply With Quote
  #77  
Old 06-21-2008, 05:23 AM
BeerLuver's Avatar
BeerLuver BeerLuver is offline
 
Join Date: Mar 2002
Location: Green Bay, WI, US
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by BeerLuver View Post
OK, I'm a bit stuck on trying to edit this skin's colors & images. Mainly I am trying to get that navbar at the top to display correctly on the forum display, but it looks fine on the homepage and in a thread display. Here's two screenshots I took directly on my iPod Touch so you can see:

http://www.mindwiped.com/pics/snap2.jpg
This is how it should look. The buttons are nicely inset into the navbar

But when I try to view a forum section, this is how it looks (assuming this is in relation to the forumdisplay template's code):

http://www.mindwiped.com/pics/snap1.jpg
You can see the buttons are not lined up/overlayed properly and the navbar is too thin.

Does anyone have any clue as to what code I need to alter/fix to correct this display issue? OR what code would I put in to display the forum's title on the navbar maybe? So it says Showcase; like it says Thread on the other? Maybe that would fix the navbar height issue here.
OK, I figured out this problem. If you go into the FORUMDISPLAY template, look for this code:
Code:
<div class="mobiletitle">
And add this code right BELOW it:
Code:
$foruminfo[title_clean]
That will resolve the issue of the thinner navbar issue I had previously.



=======================================
Hmmm... I tried adding a Back to Top link to the FORUMHOME, FORUMDISPLAY, & SHOWTHREAD templates... by adding these two lines of code:

Add this code right ABOVE the $header tag at the top:
Code:
<a name="top"></a>
then

Add this code directly above the $footer code; or directly above the forum jump menu div container if you added that from my above post:
Code:
<div align=right><a href="#top">Top</a></div>
And this works in normal browsers, but when I try to use the Top link in Safari on my iPod Touch, it doesn't work. Anyone have any clues as to why this is? Or if I put in the wrong code or something??

=======================================


I know this stuff is probably simple edits for a lot of your experienced/advanced coders, but for people like me who suck/hate coding hehe.... it's useful info for editing this excellent skin.
Reply With Quote
  #78  
Old 06-30-2008, 03:29 PM
Flugel Flugel is offline
 
Join Date: Jun 2002
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I can't get the Reply button to work. It just takes me to the foot of the page with no entry form
Reply With Quote
  #79  
Old 06-30-2008, 07:20 PM
BeerLuver's Avatar
BeerLuver BeerLuver is offline
 
Join Date: Mar 2002
Location: Green Bay, WI, US
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

There's supposed to be a quick reply box there at the bottom Flugel. It's not there? Make sure your Quick Reply is enabled in the vBulletin Options > Message Posting and Editing Options area.
Reply With Quote
  #80  
Old 06-30-2008, 09:13 PM
Flugel Flugel is offline
 
Join Date: Jun 2002
Posts: 10
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Cool man, thanks. Just need to work on this New Thread button. Has anyone managed that yet?
Reply With Quote
  #81  
Old 07-08-2008, 03:56 PM
vbreal vbreal is offline
 
Join Date: Dec 2005
Posts: 441
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by BeerLuver View Post
OK, I'm a bit stuck on trying to edit this skin's colors & images. Mainly I am trying to get that navbar at the top to display correctly on the forum display, but it looks fine on the homepage and in a thread display. Here's two screenshots I took directly on my iPod Touch so you can see:


This is how it should look. The buttons are nicely inset into the navbar

But when I try to view a forum section, this is how it looks (assuming this is in relation to the forumdisplay template's code):

You can see the buttons are not lined up/overlayed properly and the navbar is too thin.

Does anyone have any clue as to what code I need to alter/fix to correct this display issue? OR what code would I put in to display the forum's title on the navbar maybe? So it says Showcase; like it says Thread on the other? Maybe that would fix the navbar height issue here.
did u figure out how to change the forum colors ok?

Quote:
Originally Posted by Flugel View Post
Cool man, thanks. Just need to work on this New Thread button. Has anyone managed that yet?

Code:
 
<center><if condition="$show['newthreadlink']">
<a class="mobile_button" href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]" rel="nofollow">New Thread</a><else />&nbsp;</if></center>

^^^^thats what i used for new thread.

here is the code for return to top.

Code:
<A NAME="top">
right below
<div class="page-margin">

In the footer add:
<A HREF="#top">Return to Top</A>
right below 
$spacer_close
<!-- /content area table -->
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:32 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.11535 seconds
  • Memory Usage 2,333KB
  • Queries Executed 25 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (7)bbcode_code
  • (1)bbcode_php
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete