iPhone / iPod Touch Optimized Skin

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

[SemperFideles]

Should this theme really be listed as a vBulletin 3.7 style? None of the templates have the security token information in them and have to be added manually.

[MissKalunji]

mine is i've been using it for nearly a week on 3.7.2. Patch Level 1

[SemperFideles]

I shouldn't complain, it is very good work.

I have an iteration of this that I have modified that you can see here: http://www.puritanboard.com/index.php?styleid=27

I have added the security tokens back into the style. I've also put the New Thread button back in the FORUMDISPLAY template, added the Quote back into the postbit template, and added the Reply button back into the SHOWTHREAD template.

It uses the default buttons for display so you can modify that if you want.

I've also changed the Spanish controls into English.

Finally, I've removed the custom image in the header template so the header image may be customized in the Style Options.

EDIT: Style updated to fix postbit issues to allow user to jump to post.
EDIT 2: options template reverted. Resolves security token issue and some other odd edits in the template.

[crest]

Where do I change the font size of the posts?

[andreamarucci]

Originally Posted by SemperFideles

I shouldn't complain, it is very good work.

I have an iteration of this that I have modified that you can see here: http://www.puritanboard.com/index.php?styleid=27

Fantastic!!! But I've noticed that there are some differences between the version I've downloaded and the one on your forum.

This is your forum and it looks very good

Attachment 84505

and this is mine with the xml downloaded here

Attachment 84506

could you please post here the right style to obtain your forum look?

Thanks in advance...

[andreamarucci]

Ok I've understood tha problem. I'm using the Legacy (Vertical) Postbit Template and you're not using it.

In this case can you post the instructions to make the Legacy (Vertical) Postbit Template like yours? I'm not too techie but if you tell me where to look at I'll try...

[MissKalunji]

1. did you install the mobile detection or do the edit to add codes to get you forwarded to the proper style when on your iphone?

2. You would have to copy the postbit to put it in postbit_legacy if you are using it. Elferro only did the edit to postbit since he isnt using postbit_legacy

Originally Posted by filippodei

yes. thanks!!! and of course if u can give also the buttons...will be more great! thanks

@ filippodei

i've attached the buttons to the previous thread here : https://vborg.vbsupport.ru/showpost....2&postcount=97

[andreamarucci]

Thanks, I've switched to postbit and now it's ok. Question now is how to disable or hide some mod I've installed (cyb_chatbox and cyb_advanced forum statistics) when someone is browsing the forum through the iphone. Any idea?

[MissKalunji]

in the main plugin of the hack you can try

this : https://vborg.vbsupport.ru/showpost....3&postcount=37

[msu2k]

Originally Posted by SemperFideles

I shouldn't complain, it is very good work.

I have an iteration of this that I have modified that you can see here: http://www.puritanboard.com/index.php?styleid=27

I have added the security tokens back into the style. I've also put the New Thread button back in the FORUMDISPLAY template, added the Quote back into the postbit template, and added the Reply button back into the SHOWTHREAD template.

It uses the default buttons for display so you can modify that if you want.

I've also changed the Spanish controls into English.

Finally, I've removed the custom image in the header template so the header image may be customized in the Style Options.

Just installed this on my site and it looks great! One problem I'm encountering on my iPhone, and this happens when I visit your site as well, the jump to last post button isn't working correctly. It just takes me to the last page, but not down to an anchor for the last post itself. Any idea why this is happening?

In fact, the same thing is happening on Elforro's site with his style. It will jump me to the last page of a thread, but not down to the last post. If I test it on Firefox or IE it will work just fine and go down to the anchor, but on the iPhone it's not jumping down to the anchor like it should.

UPDATE: Ok, I figured out why this was happening. This javascript in headinclude causes iPhones to jump back up to the top of the screen. Commenting that out makes the anchors work correctly.

<script type="application/x-javascript">

    if (!!navigator.userAgent.match(/.*Mobile.*Safari/))
    {
	addEventListener("load", function()
		{
		setTimeout(hideURLbar, 0);
		}, false);
	}

    function hideURLbar()
    {
        window.scrollTo(0, 1);
    }
</script>