Go Back   vBulletin.org Forum / vBulletin Modifications / vBulletin 4.x Modifications / vBulletin 4.x Add-ons
Reload this Page

Mini Mods - Innovative Mobile Style CSS Overwrite

Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Innovative Mobile Style CSS Overwrite Details »
Innovative Mobile Style CSS Overwrite
Mod Information
The Developer
Last Online: May 2023
 
Mod Version: 1.00, by TheLastSuperman (Senior Moderator) TheLastSuperman is offline
Developer Last Online: May 2023 I like it Show Printable Version Email this Page
vB Version: 4.1.2 Rating: (2 votes - 5.00 average) Installs: 20
Released: 09 Mar 2011 Last Update: 09 Mar 2011 Downloads: 254
Supported Uses Plugins Auto-Template Translations  

This modification will call a template that overwrites the default css your mobile style uses, since none of the CSS is the same for the default style then no worries on it overwriting something else and it includes a new layout of the CSS instead of left to right making it easier on novices to edit.

For those who are unaware, with the release of vBulletin 4.1.2, we have available a Mobile Style! You can read more about that here:
http://www.vbulletin.com/forum/conte...t-Mobile-Style

Currently it's only compatible with the forum, meaning that no matter if you own the vBulletin Suite or vBulletin Forum Classic you can only use this for the forum at the moment however CMS and Blog versions are in development.

Now I've seen some posts already asking how to customize?

Example:
http://www.vbulletin.org/forum/showthread.php?t=258994

Now what have I figured out?
  • The mobile style uses it's own css file, jquery.mobile-1.0a2.min.css
  • The .css file is located in: clientscript/jquery
  • Example path to file: clientscript/jquery/jquery.mobile-1.0a2.min.css
  • The CSS file reads left to right and it's all crammed together, making it hard to edit for novices.

Preferred CSS Layout?

Personally, I hate it when CSS is typed out as it is in the file, it's all crammed together and hard to read and edit imo! So I've taken the liberty and cleaned it up quite a bit, check it out below and remember it's an exact copy only in a more traditional style.

Example:

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


Optional
Using the article here: http://www.vbulletin.org/forum/showthread.php?p=2171624
You can include the additional.css template and/or remove the css file being called to avoid overwriting the css, please see my notes in the article for more detailed instructions and reasons etc.

*Article is pending, please stand by and it should be viewable shortly.

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 19 Jul 2011, 19:25
8thos's Avatar
8thos 8thos is offline
Member
  
Join Date: Aug 2010
Real name: DRE
Just what I was looking for.
__________________
www.8thos.com
www.qapla.com
Reply With Quote
  #3  
Old 19 Jul 2011, 19:40
8thos's Avatar
8thos 8thos is offline
Member
  
Join Date: Aug 2010
Real name: DRE
I downloaded this product but what exactly does it do?
__________________
www.8thos.com
www.qapla.com
Reply With Quote
  #4  
Old 19 Jul 2011, 21:39
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
Senior Moderator
  
Join Date: Sep 2008
Real name: Michael Miller Jr
Cool
Originally Posted by Octavius. View Post
I downloaded this product but what exactly does it do?
Creates a new css template, within is the mobile css however it's layout is similar to what I posted a sample of in the mods description. Now edit that css which is much easier to "follow" and you are no longer required to edit the css file related to the mobile style.

So all the mobile style css is no longer crammedaltogetherlikethiswithallthecssbeingbacktobacktoback and you no longer need to edit and upload a file when making changes simply edit the css template.



Edit: There is a method allowing you to simply use the additional.css in the article I linked to here: http://www.vbulletin.org/forum/showthread.php?p=2171624
__________________
Daddy Does Dios and Figs!
*I no longer provide vBulletin Services (No PM's, please).

Search - Use the search feature to find similar issues/answers.
Information - Include screenshots, copy/pasted error codes, url etc.
Fixed - Please return to your thread/post and let us know how it was fixed!
Thanks - For participating! Click the "Like" ♥ on a post if someone helped you!
Reply With Quote
  #5  
Old 31 Dec 2011, 18:27
Filgga's Avatar
Filgga Filgga is offline
Member
  
Join Date: Jul 2007
An update for this mod is needed urgently
__________________
I'm back, hell was full
Reply With Quote
  #6  
Old 20 Apr 2012, 14:42
S_E_A S_E_A is offline
Member
  
Join Date: Nov 2010
Does this mod require an update?
Reply With Quote
  #7  
Old 21 Apr 2013, 16:47
furnival furnival is offline
Member
  
Join Date: Mar 2008
No longer works. Do not use on VB 4.2.1
Reply With Quote
  #8  
Old 12 Jul 2014, 08:15
DemOnstar's Avatar
DemOnstar DemOnstar is offline
Member
  
Join Date: Dec 2012
Has this been abandoned?
Reply With Quote
Reply

« Previous Mod | Next Mod »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 07:50.

Layout Options | Width: Wide Color:
- vBulletin Main Site
Powered by vBulletin® Version 3.8.14
Copyright © 2023, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Design by Princeton
Copyright ©2001 - , vbulletin.org. All rights reserved.
vBulletin® is a registered trademark.