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

[dartho]

this style has been rehashed over here: https://vborg.vbsupport.ru/showthread.php?t=211438 and it is marked as 'Supported'

Oops - they've since removed the download and marked it as a "Paid Style"

[paulf10]

I have never done any work installing or working with VB skins, all my work is done within the admincp.
Excuse my "noob" questions, but i'd really appreciate the help!
I just installed this skin using the xml file, and its working fine. I've been looking around the server to try and find the folder which contains its resources (to modify and add images and such) and I can't find it. Could you guys tell me where is the skin installed and what is the folder called?

Also, in which templates are the parameters for the colour and general look and settings of the skin stored?

Thanks very much in advance!

[JJ the Fox]

n/m

[CR_TurboGuy]

Originally Posted by dancue

I would like to know from you Turboguy how do I change that orange color you've got at the bottom of the forum? I'm thinking it's a background color because when I refresh the header is showing that same color before it gets to the green color it's supposed to have.

That's a attribute in one of the css sections. I don't remember exactly where, but you want to find the HTML color code for that orange. Unfortunately, I don't know the specific color code off the top of my head to search for to replace.

Originally Posted by paulf10

I have never done any work installing or working with VB skins, all my work is done within the admincp.
Excuse my "noob" questions, but i'd really appreciate the help!
I just installed this skin using the xml file, and its working fine. I've been looking around the server to try and find the folder which contains its resources (to modify and add images and such) and I can't find it. Could you guys tell me where is the skin installed and what is the folder called?

Also, in which templates are the parameters for the colour and general look and settings of the skin stored?

Thanks very much in advance!

This skin doesn't install into a 'folder' per se. It becomes another style. To change most of the items, you'll need to go the edit template portion of the AdminCP and edit the templates for this style.

--JOsh

[CR_TurboGuy]

Ok, after diffing my version w/ the original, it looks like it's color #FF6600 you need to search for in the XML. Or you should be able to go into the 'Main CSS' editor option for the style, scroll to the bottom, and they are defined in the 'Additional CSS Definitions' area. You're looking for the '.mobiletitle', and '.mobiletitlebottom' sections. You should see the color definition there. Change that to be what you want. The other place that color is defined is in the 'Buttons' section of the CSS style, you'll probably want to change it there as well. Hope that helps.

--JOsh

[dancue]

Thank you TurboGuy. I had figured it out shortly afterwards.

[paulf10]

Originally Posted by CR_TurboGuy

This skin doesn't install into a 'folder' per se. It becomes another style. To change most of the items, you'll need to go the edit template portion of the AdminCP and edit the templates for this style.

Thanks


-i can't figure out how to change the background colour of the area pictured above. I haven't found it in the same spot where i changed the font colour and such.


thanks!

[Torsie24]

Great style!

[dead_killer]

i got a quick question is there a way to make it automatically switch to this skin without having to select it when someone logs on from a mobile or an iphone

[MSC James]

Originally Posted by dead_killer

i got a quick question is there a way to make it automatically switch to this skin without having to select it when someone logs on from a mobile or an iphone

Assuming the iPhone supports JavaScript redirects (hopefully it does but I dont have one to test), this should help

Edit the template of your normal navbar template with the following (if you already have his detector javascript in there, remove it).

<script type="text/javascript">
    if ((navigator.userAgent.indexOf('iPhone') != -1) || 
    (navigator.userAgent.indexOf('iPod') != -1)) {
        window.location.href = "$_SERVER[PHP_SELF]?<if condition="$_SERVER['QUERY_STRING']">$_SERVER[QUERY_STRING]&</if>styleid=XX";
    }
</script>

Replace XX with the iPhone styleID