Miscellaneous Hacks - Mini-Calendar in Header by BOP5 (VB 4.x.x)

Brought to you by BirdOPrey5
www.Qapla.com




Live Demo: Mini-Calendar at Qapla.com

This mod adds a small "mini-calendar" on the header of every page, next to the logo image.

It uses the built in "ad location" called global_header1. If you use an ad in that spot (most people don't) you will need to move it prior to enabling this mod else it will not show.

If the Calendar doesn't show and you're on a custom style it is likely the style does not have the ad location coded in. See post #15 in this thread for a fix

There are settings but it is setup to work immediately after installing. Most settings should only be adjusted by advanced users. The font sizes and locations are setup for English day and month names- you may need to manually edit the headcalendar_bop5 template manually for it to look right in other languages.

You can use it as a link to the default vBulletin calendar (default behavior) or not. Also you can choose to disable it in specific styles if need be. Finally you can choose whether it displays the date based off the server's timezone or the user's timezone. (Default is user's timezone.)

New in Version 1.1 - Option to disable the display of the mini-calendar by usergroup. (Primary or secondary will work.)

I don't anticipate there will be much further development on this mod, it was just a simple thing I put together for one of my forums I figured like sharing- it already does everything I can think it needs to do, but if you have a suggestion that adds to the value I will consider it.

Each <div> has a unique id so you can use additional.css to make changes as needed.

You can see the default calendar is "blue" on top. Various other alternative color options are included in the download (red, green, yellow, and more...)

Tested as far back as VB 4.0.8 and as recent as 4.2.0 and expected to work on all 4.x versions.

Please "Mark as Installed" if you use this.
Donations Always Appreciated. :up:

[BirdOPrey5]

Originally Posted by Mr_Running

User Group Permissions


I am drooling :up: with every passing day.

LOL... Here you go, version 1.1 released. :up:

[Mr_Running]

Thank You for release 1.1
Works but maybe one slight adjustment if a user is part of more than one usergroup who does not have permission it will not display.

How about using the Primary Users group?

[BirdOPrey5]

To switch it to use primary groups go to Admin CP -> Plugin Manager

Edit the TWO plugins Calendar Setup and Cache Header Calendar...

In BOTH find the line:

!is_member_of($vbulletin->userinfo, explode(",", $vbulletin->options['bop5hc_groups'])) AND

and change them to:

!in_array($vbulletin->userinfo['usergroupid'], explode(",", $vbulletin->options['bop5hc_groups'])) AND

Then save the plugins.

[Mr_Running]

Cheers,

[WendM]

this is excellent, Joe!

How can I enlarge it , please?

[BirdOPrey5]

The calendar background image is 60 x 60 pixels so enlarging it will show distortions in the image- and this was never designed to be enlarged.

But if you want to try it can all be done by adding code to additional.css - for example add this:

#bop5headcalmain {
  height:90px !important;
  width:90px !important;
  background-size: 100%;
}

That will make the calendar background image 90x90 instead of 60x60, but you will still need to do custom code for each of the text lines including the new custom widths and new font sizes, and new spacing in pixels (top values in CSS.)

[BirdOPrey5]

Here is the complete code to go to 80x80... you can customize the font sizes as you want.

#bop5headcalmain {
  height:80px !important;
  width:80px !important;
  background-size: 100%;
}
#bop5headcalmonth {
  top:18px !important;
  width:80px !important;
  font-size: 8pt !important;
}
#bop5headcalweek {
  top:33px !important;
  width:80px !important;
  font-size: 8pt !important;
}
#bop5headcalday {
  top:45px !important;
  width:80px !important;
}

[WendM]

many thanks, Joe! One more thing...how can I move it down a notch, please?

[WendM]

OK, for those who want to know how to push the image down to their own height, then do this:

Open Template: headcalendar_bop5

find: position:relative;

then next to it place this: top:20px;

adjust the number to suit your own position!

demo here:
http://www.hottopowners.co.uk/forum.php

[BirdOPrey5]

Originally Posted by WendM

OK, for those who want to know how to push the image down to their own height, then do this:

Open Template: headcalendar_bop5

find: position:relative;

then next to it place this: top:20px;

adjust the number to suit your own position!

demo here:
http://www.hottopowners.co.uk/forum.php

You can also add it to additional.css so you don't have to edit the template if you want:

#bop5headcalmain {
  top:20px;
}

In general it's good to avoid editing templates because they will need to be reverted if the mod is ever upgraded and changes made to the template.