Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Adding a small calendar to home page
Fironus (Guild Admin) 5/23/2009 2:10 AM EST : Adding a small calendar to home page
Fironus
Posts: 17
Becoming Adept!

Let me start off by saying hello, and that I am very new to html and all that good stuff and as such I seem to be having some issues.
I am trying to add a small calendar to my guilds home page that would just show this weeks events that members have signed up for ie. Sunday through Saturday.
I have tried several times however it keeps adding the large calendar for the whole month and that is well just insanely large lol. Is this something that cant be added via the free form text/html boxes? If it is if anyone could post the html that is needed it would be greatly appreciated by both myself and my keyboard as I keep beating my head on the latter.
Again, any help would be greatly appreciated. ty
Let their words fall on deaf ears.....
And burn their icons to the ground....


TopBottom

Mottie (MVP) 5/23/2009 8:42 AM EST : RE: Adding a small calendar to home page
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Fironus!

Check out this post.
TopBottom

Fironus (Guild Admin) 5/23/2009 10:17 AM EST : RE: Adding a small calendar to home page
Fironus
Posts: 17
Becoming Adept!

That is close however on the homepage of the testsite 3 is exactly what I was looking for. The one that shows just the current week and sign ups etc. so....umm...how is that one done? I looked at the page source code and found the code for the calendar however I am not sure how to get it working.
btw tyvm for your assistance.
Brian
Let their words fall on deaf ears.....
And burn their icons to the ground....


TopBottom

Fironus (Guild Admin) 5/23/2009 4:19 PM EST : RE: Adding a small calendar to home page
Fironus
Posts: 17
Becoming Adept!

ok...I am blind I see where it is at the bottom ty
Let their words fall on deaf ears.....
And burn their icons to the ground....


TopBottom

Fironus (Guild Admin) 5/23/2009 4:47 PM EST : RE: Adding a small calendar to home page
Fironus
Posts: 17
Becoming Adept!

OK so I think I am doing something wrong here...
I added the following script to a free form text/html box on my homepage and all I get is a box with the name and nothing else....
Also I am not so much worried about the icons however those are a nice bonus i was just interested in the box that shows active events for a single week.
I am sorry if I am missing something simple I have never touched html before this though and I am a slow learner lol...

<style type="text/CSS">
.sideCalendar { border: #333333 1px solid; }
.sideCalendarMySignups { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell.gif); height: 15px; font-size: 8pt; cursor: pointer; }
.sideCalendarMonthTitleContainer { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell.gif); height: 10px; font-size: 7pt; }
.sideCalendarMonthTitle, .sideCalendarMonthTitle a { font-weight: bold; padding: 5px; }
.sideCalendarDaysofWeek { background: #000000; border: #333333 1px solid; border-collapse: collapse; }
.sideCalendarDaysofMonth { background: #111111 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell.gif); min-width: 22px; font-size: 8pt; border: #333333 1px solid; padding: 2px;}
.sideCalendarDaysOutsideThisMonth { background: #070707 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell-out.gif); color: #444444; }
.sideCalendarEvent { background: #000022 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell-evt.gif); font-weight: bold; cursor: pointer; }
.sideCalendarToday { background: #002200 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell-today.gif); color: #ffffff; font-weight:bold; }
.sideCalendarTooltipTitle { color: #00f000; }

#dhtmltooltip { position: absolute; width: 150px; border: #777777 1px solid; padding: 3px; background: #000000; color: #ffffff; visibility: hidden; z-index: 100; }

.mainCalendar { border: #333333 1px solid; }
.mainCalendarMySignups { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell.gif); height: 20px; font-size: 8pt; cursor:pointer; }
.mainCalendarMonthTitleContainer { background:url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell.gif); height: 20px; font-size: 8pt; }
.mainCalendarMonthTitle, .mainCalendarMonthTitle a { font-weight: bold; padding: 5px; }
.mainCalendarDaysofWeek { background: #000000; border: #333333 1px solid; border-collapse: collapse; }
.mainCalendarDaysofMonth { background: #111111 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell-big.gif) top center repeat-x; min-width:50px; font-size:10pt; border:#333333 1px solid; padding:2px; }
.mainCalendarDaysOutsideThisMonth { background: #070707 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell-out-big.gif) top center repeat-x; color: #444444; }
.mainCalendarEvent { background: #080c21 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell-evt-big.gif) top center repeat-x; }
.mainCalendarToday { background: #002200 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell-today-big.gif) top center repeat-x; color: #ffffff; font-weight:bold; }

.mainCalendar .MoGridRow { background: #004566; min-height: 40px; }
.mainCalendar .NormGridRow { background: transparent; min-height: 40px }
.mainCalendar .AltGridRow { background: #000011; min-height: 40px }
</style>
<script src="http://www.axiomfiles.com/Files/243007/calendarstyle1-2.js" type="text/javascript"></script>
<div style="display:none;" id="tempvar"/>
<script type="text/javascript">
 var events = new Array();

 events.push(["Karazhan|Kara","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Kar.gif"]);
 events.push(["Zul'Aman|ZA","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/ZA.gif"]);
 events.push(["Gruul","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GL.gif"]);
 events.push(["Mag|Magtheridon","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Mag.gif"]);
 events.push(["Tempest|The Eye|TK","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/TK.gif"]);
 events.push(["Serpentshrine|SSC","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SSC.gif"]);
 events.push(["Hyjal|MH","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/MH.gif"]);
 events.push(["Kazzak|DLK","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DLK.gif"]);
 events.push(["Doomwalker|DW","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DW.gif"]);
 events.push(["Black|BT","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/BT.gif"]);
 events.push(["Sunwell|SW|SP","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SP.gif"]);

 events.push(["Naxx","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Nax2.gif"]);
 events.push(["VoA|Archavon","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/VoA.gif"]);
 events.push(["CoA|OS|Obsidian|Sartharion","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/OS.gif"]);
 events.push(["EoE|Malygos|Eye of Eternity","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/EoE.gif"]);
 events.push(["Ulduar","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Uld.gif"]);

 events.push(["birthday|Birthday","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/birthday.gif"]);
 events.push(["Fun event|fun event","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/fun.gif"]);
 events.push(["quest|Quest","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/quest.gif"]);
 events.push(["Unk|unk","http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/unknown.gif"]);

 var viewMySignUps = "My Sign-ups";
 
$(document).ready(function() {

 // Main Calendar
 $(".CenterContentZone").find("#tblMonthlyCalendarTable").find(".NormGridRow,.AltGridRow").each(function() {
  addIcons($(this),"right","32","32");
 });
 // Events Box
 $("a").each(function() {
  if ($(this).attr("title").match("details of this event on the Calendar")) {
   addIcons($(this).parent(),"right","32","32");
  }
 });
 // Calendar Styling
 styleCalendar ("side",27);
 styleCalendar ("main",100);
});
</script>




Let their words fall on deaf ears.....
And burn their icons to the ground....


TopBottom

Eph (MVP) 5/23/2009 5:09 PM EST : RE: Adding a small calendar to home page
GuildPortal MVP
Eph
Posts: 596
Zomgawsh Poster

do you have the enhanced calendar on the page with the code?
TopBottom

Fironus (Guild Admin) 5/23/2009 7:23 PM EST : RE: Adding a small calendar to home page
Fironus
Posts: 17
Becoming Adept!

No does it have to be on the same page?

Let their words fall on deaf ears.....
And burn their icons to the ground....


TopBottom

Mottie (MVP) 5/23/2009 7:43 PM EST : RE: Adding a small calendar to home page
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Fironus!

Yes, Eph is right. You need to add the enhanced calendar on the same page as the code. The code can actually go into any free form text/HTML content box on that page. And the way the script is set up, if you want the calendar to show just the current week, it must be in the center column. And it also appears that you are missing the CSS to hide the other weeks:
.mainCalendarWeek, .mainCalendarNextWeek, .mainCalendarPrevMonth, .mainCalendarNextMonth {display:none;}
TopBottom

Fironus (Guild Admin) 5/24/2009 11:08 AM EST : RE: Adding a small calendar to home page
Fironus
Posts: 17
Becoming Adept!

OK ty I will mess around with this and see what i can come up with

Let their words fall on deaf ears.....
And burn their icons to the ground....


TopBottom

Fironus (Guild Admin) 5/24/2009 11:16 AM EST : RE: Adding a small calendar to home page
Fironus
Posts: 17
Becoming Adept!

YAY got it ty very much for all your help
Let their words fall on deaf ears.....
And burn their icons to the ground....


TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%