vBulletin.org Forum - Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android)

Quote:

Originally Posted by dartho (Post 2153534)

@BadgerDog - could you link me to a page where it's not working. I think I might need admin logo to sort this out, but don't imagine it would take long.

Thank you Sir .. :)

Sent you an email ...

Regards,
Doug

Hi Dartho,

Nice work.

There are 3 hidden files in your zip file ... files name is "OneNote Table Of Contents.onetoc2" I guess we can delete them safely?

Yes you may - I only noticed those yesterday, damned microsoft ...

Brilliant! Tagged and nominated.

John

Again, how do you make the forumlogo appear in this style - it seems defined at one point, but not referenced in the actual page code. Any help, please?

Also, logging in via credentials doesn't seem to always work - it would cycle back to the login screen, and requires trying several times, eventually clicking on the direct link in the login confirmation that appears.

Why are you asking again when I already replied to your original post?

As for logins - different browsers and different platforms behave differently, I've never had an issue when using it via my device on my test site.

Thank for your style

Quote:

Originally Posted by dartho (Post 2154741)

Dartho, sorry for the repeat question - I didn't see your original reply, my bad. Your suggestions worked like a charm.

The login issue is still something I'm chasing - what devices are you using? This is happening on my end on iPhone.

Also, a small suggestion - including an image resize script into the style would be awesome, as that is pretty much all it is missing to deal with posts with images that invariably end up being too large.

Very very nice : http://facebookad.vn/forum
thank you

Dartho,

I'm having the same issue as BadgerDog in post #272 on the images extending out to the right side and I'm also using Seven Skins image resizer. Is there a fix in this style to make it so images stay within screensize?

Also, any update on CMS page compatibility?
How do I get rid of the sidebar in CMS page?
Also, on my CMS page, there is a dark grey background making it hard to read black text. How do I change that color to white?

Thanks for a awesome mobile style!

Well I sort of fixed my CMS page to look a little better. I got rid of the sidebar and widened the article area by editing these settings in the mobile style templates under vbcms.css. I set the r40 to 0px and the 160 to like 98%. I'm sure this is the wrong way to fix this issue but it's a temporary bandaid.

Quote:

.yui-tvb-l25 {float:{vb:stylevar left};clear:{vb:stylevar right};width:25%;padding:0px;margin:0px;}
.yui-tvb-r25 {float:{vb:stylevar right};width:24%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l30 {float:{vb:stylevar left};clear:{vb:stylevar right};width:29%;padding:0px;margin:0px 0.5%;}
.yui-tvb-r30 {float:{vb:stylevar right};clear:{vb:stylevar left};width:30%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-30 {{vb:stylevar left}:30%;width:30%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l40 {width:39%;float:{vb:stylevar left};clear:{vb:stylevar right};padding:0px;margin:0px 0.5%;}
.yui-tvb-r40 {width:0px;float:{vb:stylevar right};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-40 {clear:{vb:stylevar right};{vb:stylevar left}:30%;width:40%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-50 {{vb:stylevar left}:25%;width:40%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-l50 {float:{vb:stylevar left};clear:{vb:stylevar right};width:46%;padding:0px;margin:0px 2%;}
.yui-tvb-l60 {width:97.5%;float:{vb:stylevar left};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-r60 {width:59%;float:{vb:stylevar right};clear:{vb:stylevar right};padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
.yui-tvb-70 {width:70%;float:clear;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

I also covered up the gray background in the article area by changing it from transparent to white (#FFFFFF).

The only thing left would be the images being re-sized smaller.

Quote:

Originally Posted by DaffyDuck (Post 2155737)

As a suggestion, just include this code:

Block Disabled: (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

It will automatically resize images for iPhones.

Also, adding this will automatically hide the toolbar on iPhones:

Block Disabled: (Update License Status)
Suspended or Unlicensed Members Cannot View Code.

(or, can you give me a pointer where to add these myself?)

I tried searching without getting a good post, looked through 39 posts and didn't find the answer.

My users have to scroll through all the pages to get to the last post. I personally just click on the title and it takes me to the last post, and ideas what might be causing it for them?

Quote:

You could try adding a replacement variable in this style as follow:
search for: <img
replace with: <img style="max-width: 200px; max-height: 200px;"
?

Can you please specify where exactly to do this?

Thanks!

EDIT: I would also like to disable this mod in my lightweight style, but I have no idea how to do that. Can you please help me with that? I attach the product xml for it. Thank you so much!

Attachment 126367

vBulletin Mods