vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=195)
-   -   Mobile/Cell Phone Style (https://vborg.vbsupport.ru/showthread.php?t=151186)

dartho 02-07-2008 12:19 AM

I think you'll have to edit the CSS file and add a body section at the top to define font and background colours... untested.

eg.
Code:

body
{
        background: #000000;
        color: #ffffff;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        margin: 0px;
        padding: 0px;
}


Guest210212002 02-07-2008 12:47 AM

That did it! Thanks for the quick response man! :)

https://vborg.vbsupport.ru/

Guest210212002 02-07-2008 12:52 AM

One last quick nag - how do I change the link color? I don't see any blues in the CSS.

dartho 02-07-2008 01:21 AM

Looks like you'll need to add some more CSS definitions - it may take a bit of tinkering to get it right.

Edit these sections of teh CSS:
Code:

.windowbg
{
        background-color: #FFFFCC;
        color: #000000;
        size:1;
}
.newwindowbg
{
        background-color: #99FF66;
        color: #000000;
        size:1;
}
.windowbg2, .thread
{
        background-color: #99CCCC;
        color: #000000;
        size:1;
}

and change to
Code:

.windowbg, .windowbg a, .windowbg a:link, .windowbg a:visited

{
        background-color: #FFFFCC;
        color: #000000;
        size:1;
}
.newwindowbg, .newwindowbg a, .newwindowbg a:link, .newwindowbg a:visited
{
        background-color: #99FF66;
        color: #000000;
        size:1;
}
.windowbg2, .thread, .windowbg2 a, .windowbg2 a:link, .windowbg2 a:visited
{
        background-color: #99CCCC;
        color: #000000;
        size:1;
}

and then change the color to what you want and that may be enough.

Sorry it's so messy. It started off simple and got added onto many times when really I should have started again. One day (yeah right) I'll have time to tidy it all up!

If you view this style on a PC - you can view the source and look for the class definitions and see which bits of the CSS file you need to clean up.

Keep the questions coming if you have more, it will help others too!

dartho 02-07-2008 01:23 AM

BTW - your style is looking pretty sweet :up:

MotMann 02-09-2008 08:03 AM

The Style dont be displayed autom. if a side load over a Mobilephone.


Is there a way?

dartho 02-09-2008 09:00 AM

No. this add-on will do it: https://vborg.vbsupport.ru/showthread.php?t=130983

Chadi 02-09-2008 06:06 PM

I used this skin and browsed via mobile web on my Motorola cell phone (Krazr) which is small as most of you know. However, the font size is no where provided in the style's css and the font is somewhat a bit too big when viewing via mobile. What font size (and which css fields of the style sheet) should I use and edit to appear normal and fit nicely on mobile phones?

Tearstone 02-11-2008 03:31 AM

Maybe I missed this somewhere, but testing this style with my profile on a PC, I can't figure out how to revert my style back to the default style. I wanted to offer this style as an option for users to switch to when they are on the go, but be able to switch back when they get to a regular PC.

dartho 02-11-2008 05:09 AM

It's designed to be used in conjunction with THIS hack which autodetects a mobile device and assignes the style accordingly. Alternatively THIS hack will allow you to assign a style to a (sub)domain so you could say have "wap.domainname.com" for mobile browsers.

Otherwise, if you look back through this thread you will see some modifications people have made to add a link back to your main style.

Chadi - I've not encountered your problem before, although having a quick look at the CSS I can see how this would happen.

If you edit the wireless.css file and add the following code to teh top it will allow you to set a text size which teh rest will be relative to:

Code:

body
{
        background: #000000;
        color: #ffffff;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        margin: 0px;
        padding: 0px;
}

Change the "font: 10pt" to a size thats suits your device

I did all the work on this when I was on holiday and haven;t had the time to update much since. I'm looking at re-doing it from the ground up for VB3.7 - time will tell whether I manage to do this or not!


All times are GMT. The time now is 03:13 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.01261 seconds
  • Memory Usage 1,745KB
  • 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
  • (4)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (2)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