Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Add additional_css.css to all your pages Details »
Add additional_css.css to all your pages
Mod Version: 1.00, by Lynne (Coder/Designer) Lynne is offline
Developer Last Online: Aug 2019 I like it Show Printable Version Email this Page

vB Version: 4.0.0 Rating: (14 votes - 5.00 average) Installs: 173
Released: 22 Nov 2009 Last Update: 08 Dec 2009 Downloads: 764
Not Supported Uses Plugins Auto-Template Re-usable Code Translations  

Instead of finding the template.css file to edit the .css properties for your pages, just put them all in this additional_css.css template. The additional_css.css file is linked right before the </head> in your page. This is for use until this is made standard in the vb product (I put in a bug report requesting this be included - Please consider adding user defined Additional CSS to pages).


Version History:
1.0 2009-11-22: - initial release by Lynne at vbulletin.org
1.1 2009-12-08: - fixed issue with style dateline not showing up. Fixed & issue (changes to &amp. added additional2_css.css file so the first additional_css file can be used in the parent style and then additional2_css used in the child styles.

Notes - if you only want this included on certain pages, then you may open the plugin "Add addition_css.css file to pages" and put a condition around it, such as (this is for just the index page and the showthread page):

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

.
.
To install:

1. Import product-product-lynne_add_css.xml
2. Add any additional css you want to add to the page in your additional_css.css template.

To uninstall:

1. Uninstall "Add additional css to your style"

Please mark Installed if you use this.

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.
Similar Mod
Mod Developer Type Replies Last Post
GTCustom Pages - Create Custom Pages With Ease Princeton vBulletin 3.5 Add-ons 160 18 Jun 2010 00:40
BB Code Enhancements Custom User Pages - Users make pages using html/bbcode on any template safely carcomp vBulletin 3.8 Add-ons 25 06 Sep 2009 23:54
Password protect non vb pages (e.g. for admin pages) Rafe vBulletin 3.0 Beta Releases 33 16 Sep 2006 18:11

  #31  
Old 08 Dec 2009, 20:38
mtha's Avatar
mtha mtha is offline
 
Join Date: Jul 2002
Real name: Ha Mai
now the new version 1.1 doesnt have that problem anymore. it works great now, with langid. thanks
__________________
Selected Hacks:
[APM] Advanced Product Management [for vb4][for vb3.6] [for 3.7.x/3.8.x] -- [YAAS] Yet Another Awards System [for vB 3.5] [for vB 3.0] -- [YAPMS] Yet Another Private Message System 1.0.1
Reply With Quote
  #32  
Old 08 Dec 2009, 20:41
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
Originally Posted by mtha View Post
when i install this, and my default language is 2, i have

/forum/css.php?styleid=24&langid=2&d=&sheet=additional_css.css
And yet the other stylesheets in the page also have langid=2 and they are fine?

I can't think of why it wouldn't work. I checked my file and the template is set to templatetype="template" just like the other .css templates in the style. I really don't know anything about the language system in vbulletin since I've never used it before. If someone has any suggestions on what to look at here, I'm welcome to listen.

edit: Oh, just read your last comment that it is now working fine. Perhaps it was the missing style date that was causing the problems? Not really sure, but if it's working, then I'm glad.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #33  
Old 08 Dec 2009, 21:46
anthony parsons anthony parsons is offline
 
Join Date: Apr 2005
It seems that a custom css is actually not needed, because you can enter custom css directly into the existing css templates, and when you upgrade between versions, the merge system takes any custom coding and merges it into the newer template being replaced with, hence why no current custom CSS solution is available within the templating / stylevars system.
Reply With Quote
  #34  
Old 08 Dec 2009, 22:18
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
Yes, you can do that, but I find it easier to have all my changes in one place instead of having to search out the template to change things there.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #35  
Old 09 Dec 2009, 05:37
anthony parsons anthony parsons is offline
 
Join Date: Apr 2005
Hmmm... thanks Lynne. I asked Wayne about this also and he suggested to stick with this concept as well... being all custom css in the one place and not relying upon the merge ability of the system to get it right.
Reply With Quote
  #36  
Old 09 Dec 2009, 21:50
Deniz AKCANTAŞ Deniz AKCANTAŞ is offline
 
Join Date: Dec 2009
thanks
Reply With Quote
  #37  
Old 10 Dec 2009, 13:36
sam12345 sam12345 is offline
 
Join Date: Dec 2009
Lynne you are genius..
Reply With Quote
  #38  
Old 10 Dec 2009, 16:52
pneo pneo is offline
 
Join Date: Mar 2008
Thank you for the fantastic (and much needed!) Mod Lynne.

Please could you clarify the syntax needed in the additional CSS please?

If for example I want to edit width of the search area that is under the '.navbar_search' selector in vbulletin.css...

Originally Posted by vbulletin-chrome.css
.navbar_search {
position:relative;
width:180px;
bottom: 1px;
{vb:stylevar right}: -{vb:math {vb:stylevar padding}*2};
display:block;
}
Do I need to 'call' the specific css file to overwrite it in additional.css or simply place...

Originally Posted by additional.css
.navbar_search {
position:relative;
width:200px;
bottom: 1px;
{vb:stylevar right}: -{vb:math {vb:stylevar padding}*2};
display:block;
}
...and it should automatically overwrite the original (when I inspect the page after making this alteration there is no change it is only using vbulletin-chrome.css)?

This clarification may help others so I look forward to hearing your response - perhaps you could provide an example of the structure of the additional.css?

Thank you in advance.

Last edited by pneo; 10 Dec 2009 at 17:40.
Reply With Quote
  #39  
Old 10 Dec 2009, 17:00
Darkimmortal Darkimmortal is offline
 
Join Date: Apr 2009
As long as you use the same or a higher priority selector (more specific) than the original then you can simply overwrite properties.
Reply With Quote
  #40  
Old 10 Dec 2009, 18:31
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
Originally Posted by pneo View Post
Do I need to 'call' the specific css file to overwrite it in additional.css or simply place...

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


...and it should automatically overwrite the original (when I inspect the page after making this alteration there is no change it is only using vbulletin-chrome.css)?
You do not need to 'call' the file, just place the css in the template. In this particular case, since all you want to do is override the width property and leave the others alone, just add this to the .css template:

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

__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #41  
Old 11 Dec 2009, 04:00
wacnstac wacnstac is offline
 
Join Date: Nov 2001
Can you use this as an alternative to editing variables in StyleVars in the Style Variable Editor which sucks because you can't see what you edited and I don't know of any way to save it.
Reply With Quote
  #42  
Old 11 Dec 2009, 05:46
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Real name: Lynne
You can use it for whatever you want. It's just for adding css. If you want to hard code a color in there for something, then you can use thing to do that.
__________________
Former vBulletin.org Staff Member

Try a search before posting for help. Many users won't, and don't, help if the question has been answered several times before.
W3Schools -
Online vBulletin Manual
If I post some CSS and don't say where it goes, put it in the additional.css template.
I will NOT help via PM (you will be directed to post in the forums for help.)
Reply With Quote
  #43  
Old 24 Dec 2009, 22:29
fourat's Avatar
fourat fourat is offline
 
Join Date: Mar 2008
How i use this product ?
__________________
لا إله إلا الله .... محمد رسول الله
Reply With Quote
  #44  
Old 26 Dec 2009, 20:55
Charlie98902 Charlie98902 is offline
 
Join Date: Dec 2006
Thanks Lynne used this mod to change my header instead of table codes.
Reply With Quote
  #45  
Old 26 Dec 2009, 20:57
Charlie98902 Charlie98902 is offline
 
Join Date: Dec 2006
Originally Posted by fourat View Post
How i use this product ?
You have to call up the template that you want the CSS code to modify. Like I used this for my header and used #header so it would replace the defualt vbulleting header as I have 3 parts to my header. So you need to know CSS or get someone to help you or give you the CSS code needed.
Reply With Quote
Reply


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 03:56.

Layout Options | Width: Wide Color: