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

[Ryloth]

Installed it and love it.

Although I've had to make some minor tweeks here and there......

[mebrahimi]

Hi, Thank you for all the hard work that's gone into this skin.

One problem I'm having is that after the first post on each page, the rest of the posts appear right-justified on my iPhone. Any ideas?

[Kamakazy]

any help at all?

[CR_TurboGuy]

Originally Posted by Kamakazy

I just install this style with darthos mobile detection hack my site works fine with most phones except iPhone where I don't seem to get any forum viewed...

link to my iPhone style http://www.englishsabla.com/forum/index.php?styleid=10

I read that it was something to do with the display order or type of forum i still couldnt figure it out...

any help would be appreciated

Originally Posted by shallow bay

I set the style as parent, as a child, changed the display order to numerous things, no subforums are showing up for me.

I think I figured out the problem for forums not showing up on the main page. There were some templates that didn't have any code in them that is relied upon to show the forums. Try using this new version I'm posting now. I also fixed the missing 'sticky' icons on sticky posts in the forum view.

Originally Posted by mebrahimi

Hi, Thank you for all the hard work that's gone into this skin.

One problem I'm having is that after the first post on each page, the rest of the posts appear right-justified on my iPhone. Any ideas?

No ideas. Can you post your URL for me to take a look at?

--JOsh

[Kamakazy]

Thanks CR TurboGuy, works like a charm

[SnapOff Racing]

CR_TurboGuy,

Not sure if you meant to do this or if it was an accident but in your threadbit template you have...

<a href="showthread.php?$session[sessionurl]goto=newpost&amp;t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']">

Which makes it so that when someone clicks on a thread it will take them to the last post of the thread rather than the first post.

Where IMO it should be

<a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']">

This way when someone clicks on a thread link it will take them to the first post of the thread, or if they click on the username: Today 01:24AM that shows below the thread title, it will take you to the last post of the thread.

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

Another thing I noticed in the threadbit template that is causing an issue with the the font size on the fourmdisplay



Your code which causes the text size to appear as you see in the red box on the right

<li style="text-align:left" class="inline">

Older code which causes the text size to appear as you see in the red box on the left

<li>

Unfortunately though when you change your code to just <li> this causes the text to wrap instead of appear inline.

Any idea how to solve this?

[CR_TurboGuy]

Originally Posted by SnapOff Racing

CR_TurboGuy,

Not sure if you meant to do this or if it was an accident but in your threadbit template you have...

<a href="showthread.php?$session[sessionurl]goto=newpost&amp;t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']">

Which makes it so that when someone clicks on a thread it will take them to the last post of the thread rather than the first post.

Where IMO it should be

<a href="showthread.php?$session[sessionurl]t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']">

This way when someone clicks on a thread link it will take them to the first post of the thread, or if they click on the username: Today 01:24AM that shows below the thread title, it will take you to the last post of the thread.

I purposefully did this, as I wanted to be taken to the newest post when there was one, instead of the option of just going to the last post. You are right though, there is a bug, in that it should only happen when there are new posts, not for every single post/link as it is currently. I fixed the conditional so that that is only there for new posts. The updated code is:

<span style="align:left"><a href="showthread.php?$session[sessionurl]<if condition="$show['gotonewpost']">goto=newpost&amp;</if>t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']"> style="font-weight:bold"</if>>$thread[threadtitle] ($thread[replycount])</a>
</span>

if you want to update your board to use the corrected stuff.

Originally Posted by SnapOff Racing

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

Another thing I noticed in the threadbit template that is causing an issue with the the font size on the fourmdisplay



Your code which causes the text size to appear as you see in the red box on the right

<li style="text-align:left" class="inline">

Older code which causes the text size to appear as you see in the red box on the left

<li>

Unfortunately though when you change your code to just <li> this causes the text to wrap instead of appear inline.

Any idea how to solve this?

I guess I'm not understanding the problem. I don't see any weird font size issues on my board. The screen shots you posted, it doesn't appear there's much difference in size. Am I missing something?

FYI - to anyone having issues w/ the mods I've done to this skin, if you can post a link to your board for me to take a look at, that helps a ton for me to try to figure out problems. If you don't want to post your link in the thread, feel free to PM me the link to take a look at.

Thanks,

--JOsh

[SnapOff Racing]

Originally Posted by CR_TurboGuy

I purposefully did this, as I wanted to be taken to the newest post when there was one, instead of the option of just going to the last post. You are right though, there is a bug, in that it should only happen when there are new posts, not for every single post/link as it is currently. I fixed the conditional so that that is only there for new posts. The updated code is:

<span style="align:left"><a href="showthread.php?$session[sessionurl]<if condition="$show['gotonewpost']">goto=newpost&amp;</if>t=$thread[threadid]$thread[highlight]" id="thread_title_$thread[realthreadid]"<if condition="$show['gotonewpost']"> style="font-weight:bold"</if>>$thread[threadtitle] ($thread[replycount])</a>
</span>

if you want to update your board to use the corrected stuff.

I guess I'm not understanding the problem. I don't see any weird font size issues on my board. The screen shots you posted, it doesn't appear there's much difference in size. Am I missing something?

FYI - to anyone having issues w/ the mods I've done to this skin, if you can post a link to your board for me to take a look at, that helps a ton for me to try to figure out problems. If you don't want to post your link in the thread, feel free to PM me the link to take a look at.

Thanks,

--JOsh

Cool Thanks for the updated code for the first issue.

As for the text size issue I'm not sure HOW you can't see the difference as it's quite noticeable hence the reason I even posted screen shots. Just take a look at the difference in size of the date, the date and time is MUCH LARGER in the right picture than it is in the LEFT.

Still not convinced then go change the code around in your threadbit template from


THIS

<li style="text-align:left" class="inline">

TO THIS

<li>

And note the changes in your font size on your date and time.

[CR_TurboGuy]

Ok, I guess I see the difference, I guess I meant, I don't see where it makes a difference? It's not a 'bug' in the code, but more of a preference in the style. It's actually handled in the css for the board.
Here's a screen shot of my board, with the original inline code on the left, the li only code on the right.



If you really want to change the font size, go into the Style Manager & edit the 'Main CSS' file. At the very bottom, in the 2nd text box, change the attributes on the following items:

li.inline {
text-align:center;
font-size:15px;
}
li.inline a {
display:inline;
font-size:15px;
}

The default style that's applied when you are using just the li code is:

.smallfont
{
	font: 10pt Helvetica;
}

so you could use that if you wish.

--JOsh

[SnapOff Racing]

Thanks Josh that worked but I noticed that it changes both the username/date/times section AND the thread title link. Is there a way to make just the thread title link bigger than the username/date/time part? Also there is no way to use just the <li> code because then that screws up the format. So definitely gonna stick with your code but I just wanna know if there is a way to change ONLY the username/date/time text size and not the thread title AND the username/date/time size.

Thanks!