vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=247)
-   -   Forum Style - Lightweight Style for Small Screen Devices (cell phone, iphone, mobile, android) (https://vborg.vbsupport.ru/showthread.php?t=249277)

jerde 01-29-2011 11:33 PM

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!

jerde 01-30-2011 12:52 AM

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.

DaffyDuck 01-30-2011 04:42 PM

Quote:

Originally Posted by DaffyDuck (Post 2155737)
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.

As a suggestion, just include this code:

Code:

@media screen and (max-device-width: 480px){
  img{
          max-width:100%;
          height:auto;
          }
}

It will automatically resize images for iPhones.

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

Code:

window.addEventListener('load', function() {
      setTimeout(scrollTo, 0, 0, 1);
 }, false);



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

oddmud 02-02-2011 09:22 PM

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?

Taurus1 02-03-2011 02:52 AM

1 Attachment(s)
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

dartho 02-03-2011 04:39 AM

Try entering in the code:

Code:

$vbulletin->options['modsettings_global_modsystem']=0;
in teh disable add-ons section

Taurus1 02-03-2011 06:00 AM

Quote:

Originally Posted by dartho (Post 2158117)
Try entering in the code:

Code:

$vbulletin->options['modsettings_global_modsystem']=0;
in teh disable add-ons section

Thank you so much. That did it! :up:

The only other issue is that my image thumbnails are really way too big for this style. Is there a way I can re-size them forum-wide for this style only?

Robbed 02-19-2011 02:59 AM

dartho - after upgrading to 4.12

Can you fix the online users. It just shows array, changes were made to forumhome whos online.

Also when i click on a thread it redirects to a www instead of m. link. Anyway to fix that. (i uses assign a style to m.domain.com?

edit: Looks like if this is set to yes it causes the problem. I try No and it works fine but then some of my addons don't display correctly.

Always use Forum URL as Base Path yes or no

(any way to bypass this in your style)

Robbed 02-20-2011 05:41 PM

dartho

I ended up setting Always use Forum URL as Base Path to no

then opening headerinclude for my main skins and change this code

Code:

<base href="{vb:raw basepath}" />
I set it manually to mydomain/forums

This worked, let me know if you have any better way of doing this.

Just need the who is online fixed if possible.

cisoprogressivo 03-01-2011 11:53 AM

I installed both the theme and the options plugin, but nothing happens.
http://img806.imageshack.us/img806/2...lezione001.png

If i change the mobile theme from vB panel it works but thank the "desktop" link wont open the desktop theme.


All times are GMT. The time now is 08:46 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01902 seconds
  • Memory Usage 1,751KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (5)bbcode_code_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (3)pagenav_pagelinkrel
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete