Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
  #61  
Old 01 Feb 2014, 15:23
final kaoss final kaoss is offline
 
Join Date: Apr 2006
Thanks, this thread should be stickied.
Reply With Quote
  #62  
Old 12 Mar 2014, 22:46
JacquiiDesigns's Avatar
JacquiiDesigns JacquiiDesigns is offline
 
Join Date: Dec 2008
Location: Tennessee
Real name: Jacquii Cooke
Wow! Great tutorial. This should prove an invaluable resource in the coming weeks.
Thanks so much for the info share!

J.
__________________
Call For Submissions. Come share your poetry & writing at JPiC Forum.
JPiC Forum For Writers | Celebrating Diversity With The Typed Word
Reply With Quote
  #63  
Old 18 Mar 2014, 12:32
londoner londoner is offline
 
Join Date: Feb 2011
wow great post , thanks for all ur effort mate
Reply With Quote
  #64  
Old 18 Mar 2014, 20:40
RichieBoy67's Avatar
RichieBoy67 RichieBoy67 is offline
 
Join Date: Apr 2004
Real name: Richie
Really helpful thread! Thanks dude!
__________________

Let us take care of your forum, seo, seo reports, maintenance, what ever you need.

Reply With Quote
  #65  
Old 20 Mar 2014, 02:07
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
 
Join Date: Sep 2008
Real name: Michael Miller Jr
Cool

Originally Posted by TheLastSuperman View Post
Well the bottom half can be easily modified via adding this to additional.css:


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

If we try this version to also snag the title, this is when it changes on all pages:


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


It's the top half i.e. the page title that is the issue, if you modify that via css per the bottom example above it changes on all pages not simply forumhome (which we will assume you do not want to do, only make the change on forumhome naturally) so you can at this point either:

1) Modify the template and specify the css via style="css here;" example:

Edit the FORUMHOME template and find:

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


Change to:


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


OR

2) Make a plugin for this:

AdminCP > Plugins & Products > Add New Plugin

Product: vBulletin
Hook location: parse_templates
Title: Custom Style Changes
Execution Order: 5

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


Change the STYLEID == 1 i.e. change the 1 to the styleid # of the style you are changing this in otherwise it will change in all styles not just the one in question you're working on .


So it's either option 1 or 2, option one means one less plugin on your site, option two is not technically css correct in a sense i.e. they say its best to use id="cssid" or class="cssclass" instead of style="css code here directly" but imho that's better than a plugin parsing/checking etc but the choice is up to you .
Finally got around to making this into an article and edited the Useful Links section of this one to include it - http://www.vbulletin.org/forum/showthread.php?t=307739
__________________
Daddy Does Dios and Figs!
https://www.linkedin.com/in/thelastsuperman - Custom vBulletin Modifications, Styles, and Services.
Need a Host? I recommend URLJet.

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
  #66  
Old 22 Dec 2014, 06:12
Kirkus Kirkus is offline
 
Join Date: Feb 2007
OK, I know this is an old(er) thread. But I had to post a big fat Thank You for the original post and the rest of this thread. It's inclusive and the only thing I could find that had so much information on creating/editing vBulleting Styles. So...

Thank you!!
Reply With Quote
  #67  
Old 29 Dec 2014, 20:19
belkassem belkassem is offline
 
Join Date: Jan 2013
After few years I think this article is a reference. Time won't get rid of the content. Still helpful. Thank You.
Reply With Quote
  #68  
Old 24 Mar 2015, 01:59
nolimitreef nolimitreef is offline
 
Join Date: Mar 2015
I am going nuts and losing so much sleep over this issue.

We have 2 logos so rather than using a logo at all we are trying to make the header background image an image map. There are 2 places in this image I'd like to make hot links if you will. How exactly would I go about this and where? Is it even possible? Well actually I know it is because I sort of did it but it covered the toplinks. Your help would be GREATLY appreciated. I have included the locations of each and our url in case you need it.

Thank you!


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

http://www.nolimitreef.com
Reply With Quote
  #69  
Old 24 Mar 2015, 03:46
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
 
Join Date: Sep 2008
Real name: Michael Miller Jr
I would use a fluid three part div area... example:


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

It looks like you're using some program to make an image map, those will work but some get confused making/using them here's a guide by Mozilla to help you grap them better - https://developer.mozilla.org/en-US/...ML/Element/map so you can still use your map and insert it into the header template and remove the default logo OR you can tinker around with div classes and use something similar to the snippet I posted above where placeholder is the width+height of the area and first and secondlogo div classes are the two logo div's that hold the logo ahref+image code.
__________________
Daddy Does Dios and Figs!
https://www.linkedin.com/in/thelastsuperman - Custom vBulletin Modifications, Styles, and Services.
Need a Host? I recommend URLJet.

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
  #70  
Old 24 Mar 2015, 18:22
nolimitreef nolimitreef is offline
 
Join Date: Mar 2015
Talking

Originally Posted by TheLastSuperman View Post
I would use a fluid three part div area... example:


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

It looks like you're using some program to make an image map, those will work but some get confused making/using them here's a guide by Mozilla to help you grap them better - https://developer.mozilla.org/en-US/...ML/Element/map so you can still use your map and insert it into the header template and remove the default logo OR you can tinker around with div classes and use something similar to the snippet I posted above where placeholder is the width+height of the area and first and secondlogo div classes are the two logo div's that hold the logo ahref+image code.
Thank you! I'll give that a shot. Yes it is an image map app from Ulead Smart Saver Pro v3.0 (very old but basic). I needed to place absolute positioning to the 2 embedded logos clear image to link them. It did work however. But I don't know if what I did has anything to do with my other header issue or not though.

In Advertising; header1 and header2 locations do not work. The other locations do work for the same code. I used a JS simple banner rotator script in header2 and it didn't show. but when I tried it in other other locations it worked perfect. We'd really like header2 to work for our advertisers. Actually we'd love to have header1 and header2 stacked on the right and have seen it but can't find the code. If you could help with this issue or point me in the right direction I would appreciate it
Reply With Quote
  #71  
Old 24 Mar 2015, 20:48
TheLastSuperman's Avatar
TheLastSuperman TheLastSuperman is offline
 
Join Date: Sep 2008
Real name: Michael Miller Jr
^ Try this - http://www.vbulletin.org/forum/showthread.php?t=228319

I forgot to find that link yesterday and share so here it is today lol! Needless to say.. tinker with that three part header until you get the gist of how it works then you can adjust it to make your logos appear . You can position them using css only UNLESS one little part of the banner is clickable OR for example if you had a banner ad... it was for advertising a repair shop and only the wrench in the mechanics hand was clickable then you would use an image map or another way to go about it but if the entire rectangular banner is supposed to be a link to their site or a page in question then its easier to make the entire banner clickable and you can position them where you want using css only and not even mess with all that map stuff or even need to open your program.

*Don't forget, you can make a "child" style of another, then make changes there so the main style is not affected.
__________________
Daddy Does Dios and Figs!
https://www.linkedin.com/in/thelastsuperman - Custom vBulletin Modifications, Styles, and Services.
Need a Host? I recommend URLJet.

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
  #72  
Old 24 Mar 2015, 22:35
nolimitreef nolimitreef is offline
 
Join Date: Mar 2015
Thank you, much appreciated!
Reply With Quote
  #73  
Old 21 Jul 2015, 18:35
friendlymela's Avatar
friendlymela friendlymela is offline
 
Join Date: Dec 2012
Real name: Zeeshan Shams
very very useful thanks for share this all information
Reply With Quote
  #74  
Old 30 Jan 2016, 19:44
Wmteknik Wmteknik is offline
 
Join Date: Dec 2015
Thank you.
Reply With Quote
  #75  
Old 03 Nov 2017, 17:52
rbc's Avatar
rbc rbc is offline
 
Join Date: Jul 2007
Real name: Peter
Thumbs up

Still a fantastic article.
Unfortunately never seen before. Thank you
__________________
rbc
Reply With Quote
Reply

Similar Article
Article Author Type Replies Last Post
1923Turk DefRed Style (based on vB Default Style) staff80 vBulletin 3.6 Styles 7 21 Jan 2008 04:04



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Article 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
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 10:15.

Layout Options | Width: Wide Color: