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!

MotMann 02-11-2008 09:58 AM

<a href="https://vborg.vbsupport.ru/showthread.php?t=130983" target="_blank">This</a> hack dont works correct on the iPhone.
Only the normal Style will be displayed.

dartho 02-11-2008 10:29 AM

Did you download the 2.1.3b version?

MotMann 02-12-2008 08:39 PM

Yes.....

oldfan 02-12-2008 11:05 PM

Quote:

Originally Posted by Chris-777 (Post 1437782)
That did it! Thanks for the quick response man! :)

http://www.sevenstring.org/chris/wapq3.jpg

I just tested your site via mobile and I get "File Not Found" errors, when I try to enter your index.php

Would you mind sharing your css. with me please?
I like your coloring better than the default, thanks

Jase2 02-13-2008 01:07 AM

This work with vB 3.7?

Please keep this going, it's such a great hack.

Regards Jason :)

dartho 02-13-2008 10:54 AM

it should work with 3.7 for the forums, but you won;t have any new features such as social and albums etc...

Eagle Creek 02-13-2008 11:57 AM

Sweet!

oldfan 02-13-2008 08:17 PM

dartho, do you have a color style more like Chris-777?
my colors looked all mixed up http://www.metallifukinca.com/?styleid=70

thanks great mod :)

GuaRRand 02-13-2008 08:51 PM

Quote:

Originally Posted by oldfan (Post 1442489)
dartho, do you have a color style more like Chris-777?
my colors looked all mixed up http://www.metallifukinca.com/?styleid=70

thanks great mod :)

I'd be happy with that colorscheme also :D
Great one to begin with though :)

dartho 02-13-2008 10:09 PM

Chris went through and modified the wireless.css file - there were some extra fields that needed to be added to it which I missed also....

I'll post up a complete wireless.css and try and throw some comments in there, but ultimately it's trial and error. View your page, look at the source and change the CSS to how you want it.

Jase2 02-13-2008 10:33 PM

Hi dartho,

do you plan on releasing this for vb 3.7?

I tried to install the product and got the xml error.

Well, I got the xml error with this hack you released - https://vborg.vbsupport.ru/showthrea...ghlight=mobile

I'm running vB 3.7 BETA 4.

Regards Jason :)

Lee A Burnett 02-18-2008 02:41 AM

Any ideas on how one could incorporate ads from Google Adsense for Mobile?

EDIT: NM, figured it out.

To do it, create a php page say "googlead.php" and insert the php code from Google Adsense. Then load it to your server. Next create a plug-in for vbulletin with hook location at 'global_start' with this code:

Code:

ob_start();
include('/path/to/file/googlead.php');
$mobileads = ob_get_contents();
ob_end_clean();

Then insert

$mobileads

into the header template, or wherever you want the ad to appear.

dartho 02-25-2008 03:08 AM

Thanks for this.

I'd guess you could put the contents of the '/path/to/file/googlead.php' file in place of the include('/path/to/file/googlead.php'); line, but by using an include you reduce memory overheads.

RedGTiVR6 02-27-2008 05:44 PM

Quote:

Originally Posted by Jase2 (Post 1442564)
Hi dartho,

do you plan on releasing this for vb 3.7?

I tried to install the product and got the xml error.

Well, I got the xml error with this hack you released - https://vborg.vbsupport.ru/showthrea...ghlight=mobile

I'm running vB 3.7 BETA 4.

Regards Jason :)

I'd be interested in knowing if this will be supported in 3.7 as well.

dartho 02-27-2008 08:29 PM

current version works under 3.7B4 for teh forums, just choose to ignore the version. It does however have no support for all the new stuff such as photos and social groups

ricker 02-29-2008 06:04 PM

I've tried to read through these 13 pages carefully, but perhaps I missed it.

If you take a look here at the thread display and want to go back to the thread list via the forum link at the top, (in this case it's "Your Rockin' Jeep"), clicking it takes you back one level too far I think. I was expecting to see the thread list, not the forum link. Is this happening for anyone else, and/or is there a fix?

Thanks so much.

dartho 03-01-2008 02:49 AM

I'll look into - remind me in a week if I haven't done something by then :)

ricker 03-03-2008 04:07 PM

dartho - I just gotta say, YOU ROCK! This style is very clever in many ways, and I appreciate all the work you've put into it. Thank you!

NavS 03-04-2008 01:55 AM

I keep getting invalid file specified when I upload the xml file through the plugin manager....

dartho 03-04-2008 02:30 AM

This isn't a plugin or product, it's a style. To install you need to expand "Styles and Templates", then go into the "Download / Upload Styles" option.

Then in the "Import Style XML File" section, browse for the XML file, Click the "Yes" radio button for "Ignore Style Version" and then click on the "Import" Button...

This style is best used in conjunction with the Mobile Device Style Assignment or Different Domain Different Style addon

swissbob 03-06-2008 05:31 PM

This may sound a bit stupid, but if you select the mobile style in a normal PC web browser how do you unselect it? There doesn't appear to be a style choice in the style...?

Am I going to end up with lots of users selecting it to see what it looks like then getting stuck with it?

voter 03-06-2008 06:38 PM

Sorry Dartho I post in wrong place, as of I installed only the lite style and not the pluging that detects the Mobile phones.

The situation is that mobile emulators checkers show only the main page of forum http://viparmenia.com/vb/index.php?styleid=17 but when I am trying to open a forum say http://viparmenia.com/vb/forumdispla...=41&styleid=17 or a topic it says the page is too big.

Is there a way to limit the number of topicsper page for this style?

dartho 03-06-2008 08:01 PM

@Voter: That's a limitation of the emulator and is unlikely to actually affect your site but I will look at limiting topics/page. It may have to be hard coded into the style

@Swissbob: If you allow users to change styles, I'd suggest adding the following at the very end of the footer template (replace x with the styleid number of your preferred style):
Code:

<div class="navbar">
<a href="/index.php?$session[sessionurl]styleid=x>Full Version</a>
</div>


swissbob 03-06-2008 08:05 PM

Quote:

Originally Posted by dartho (Post 1458766)
@Swissbob: If you allow users to change styles, I'd suggest adding the following at the very end of the footer template (replace x with the styleid number of your preferred style):
Code:

<div class="navbar">
<a href="/index.php?$session[sessionurl]styleid=x>Full Version</a>
</div>


That's great, thank you.

It didn't seem to work without allowing users to change styles.

dartho 03-07-2008 12:02 AM

It will work if you use this style in conjunction with the Mobile AUtodetect add-on. You need to have the style ticked as user selectable in your Style Manager, but set teh options to not allow users to change styles in vBulletin options.

dartho 03-07-2008 12:24 AM

Quote:

Originally Posted by voter (Post 1458689)
Sorry Dartho I post in wrong place, as of I installed only the lite style and not the pluging that detects the Mobile phones.

The situation is that mobile emulators checkers show only the main page of forum http://viparmenia.com/vb/index.php?styleid=17 but when I am trying to open a forum say http://viparmenia.com/vb/forumdispla...=41&styleid=17 or a topic it says the page is too big.

Is there a way to limit the number of topicsper page for this style?

It will require adding a plugin. Edit the following code and change the "XX" for the styleid number of your mobile style and also change teh maxposts and maxthreads values to what you need, copy and save it as a file called maxposts-plugin.xml and then import the plugin in your AdminCP "Plugins & Products", Download / Upload Plugins" GO to the end of the page and browse for the file you just saved then click Import.
Code:

<?xml version="1.0" encoding="ISO-8859-1"?>

<plugins>
        <plugin active="1" executionorder="5" product="vbulletin">
                <title>Set Max Posts per Thread</title>
                <hookname>style_fetch</hookname>
                <phpcode><![CDATA[if ($styleid == xx){
    $vbulletin->options['maxposts'] = 5;
    $vbulletin->options['maxthreads'] = 5;
}]]></phpcode>
        </plugin>
</plugins>

I've also attached the plugin file so you can save and then edit.

Thanks to Kirk Y for the help.

voter 03-07-2008 02:09 PM

Quote:

Originally Posted by dartho (Post 1458941)
It will require adding a plugin. Edit the following code and change the "XX" for the styleid number of your mobile style and also change teh maxposts and maxthreads values to what you need, copy and save it as a file called maxposts-plugin.xml and then import the plugin in your AdminCP "Plugins & Products", Download / Upload Plugins" GO to the end of the page and browse for the file you just saved then click Import.
Code:

<?xml version="1.0" encoding="ISO-8859-1"?>

<plugins>
        <plugin active="1" executionorder="5" product="vbulletin">
                <title>Set Max Posts per Thread</title>
                <hookname>style_fetch</hookname>
                <phpcode><![CDATA[if ($styleid == xx){
    $vbulletin->options['maxposts'] = 5;
    $vbulletin->options['maxthreads'] = 5;
}]]></phpcode>
        </plugin>
</plugins>

I've also attached the plugin file so you can save and then edit.

Thanks to Kirk Y for the help.

Great job, simple and working. From BAD I could have FAIR for all my pages even having the HEAVY unicode character set like Armenian.

I would suggest you to releas this as a mod "Limiting Number of threads and posts per Stlye"

dartho 03-07-2008 10:13 PM

I wouldn;t be too concerned with the http://ready.mobi ratings - simply changing your DOC TYPE can take you up 2 full points!

This style has been tested by many people on many devices and seems to do its job well. If you actually have a mobi domain name and require compliance, let me know - I think the tweaks are in this thread somewhere on how to get a 5/5 on ready.mobi

mariocaz 03-08-2008 07:56 PM

Very nice style

mariocaz 03-09-2008 07:23 PM

Dartho, if you need here I put your great style translated in spanish ok.

Only please help me to put the top Tittle of my forum centered and with bold, maybe will take a nice look with this little modification.

Thank you again!


All times are GMT. The time now is 09:33 PM.

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.01431 seconds
  • Memory Usage 1,839KB
  • 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
  • (9)bbcode_code_printable
  • (6)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)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