HomeMottie's Help SiteResourcesSupport Tickets
Sign Up! • Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Adding Icons to your Calendar
Prev 1 2 3 4 5 6 7 8Next
Dajinxxx (New Admin) 3/18/2009 1:59 PM EST : RE: Calendar Icons v1.2 link
Dajinxxx
Posts: 2
Getting Started!
Hi Mottie,

I think im a little new at this but i get the basics. Tell me what im doing wrong here. I copied the script and put it in a freeform/html box on my calendar page, but all i get is is my regular calendar page with the freeform/html box content under the calendar displaying the script code..  Is there somewhere else i should be copying the code to? Im lost please help me if u can
Top • Bottom

Mottie (MVP) 3/19/2009 12:35 PM EST : RE: Calendar Icons v1.2 link
GuildPortal MVP
Mottie
Posts: 3873
Zomgawsh Poster
Hi Dajinxxx!

It sounds like you pasted the code while in design mode (). Click on the HTML mode button () in the bottom left of the editor, then paste the code. Alternatively, you can right click on the editor window and use "Paste Plain Text" - I used to tell people to use "Paste As Html" which I found out recently was wrong! Try that and see if it works, if not, please share a link to your website so I can help.
>>help-site<<
Top • Bottom

Kennymack007 (Guild Admin) 3/21/2009 2:59 PM EST : RE: Calendar Icons v1.2 link
Kennymack007
Posts: 68
Posts With Wolves
Hey Mottie! Thanks for all your code, ive used some of it on my site. Your awesome.

But i Can't get the Calendar to work! Also is there other designs i can use so it will match my site style?

Heavenly Flame
Top • Bottom

Mottie (MVP) 3/22/2009 1:02 PM EST : RE: Calendar Icons v1.2 link
GuildPortal MVP
Mottie
Posts: 3873
Zomgawsh Poster
Hi Kennymack007!

Actually your calendar is working, you're missing the tooltip script and some styling. Add this line to your Banner HTML or Footer HTML:
<script src="http://www.axiomfiles.com/Files/243007/dtips.js" type="text/javascript"></script>
And you need to replace your Calendar CSS to make everything more visible... I've modified the background images and CSS to match your site. Copy the CSS below and replace the CSS on your site.
<style type="text/CSS">
.sideCalendar { border: #a9a9a9 1px solid; }
.sideCalendarMySignups { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell2.gif); height:15px; font-size:8pt; cursor: pointer; }
.sideCalendarMonthTitleContainer { background: url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell2.gif); height:10px; font-size:7pt; }
.sideCalendarMonthTitle, .sideCalendarMonthTitle a { padding: 5px; }
.sideCalendarDaysofWeek { background: #f0ede6; border: #a9a9a9 1px solid; border-collapse: collapse; }
.sideCalendarDaysofMonth { background: #f0ede6 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell2.gif); min-width:22px; font-size:8pt; border:#a9a9a9 1px solid; padding:2px;}
.sideCalendarDaysOutsideThisMonth { background: #c6baa5 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell2-out.gif); color: #444444; }
.sideCalendarEvent { background: #d6cbde url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell2-evt.gif); font-weight:bold; cursor: pointer; }
.sideCalendarToday { background: #cedfce url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/cell2-today.gif); font-weight:bold; }
.sideCalendarTooltipTitle { color: #8c0d0d; }

.toolTipHeader{ color:#8c0d0d; font-weight:700; }
#dhtmltooltip { position: absolute; width: 150px; border: #a9a9a9 1px solid; padding: 3px; background: #f0ede6; color: #000000; visibility: hidden; z-index: 100; }

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

.mainCalendar .MoGridRow { background: #f0ede6; min-height: 40px; }
.mainCalendar .NormGridRow { background: transparent; min-height: 40px }
.mainCalendar .AltGridRow { background: #f0ede6; min-height: 40px }

/*
.mainCalendarWeek, .mainCalendarNextWeek, .mainCalendarPrevMonth, .mainCalendarNextMonth {display:none;}
*/
</style>
>>help-site<<
Top • Bottom

Kennymack007 (Guild Admin) 3/22/2009 8:44 PM EST : RE: Calendar Icons v1.2 link
Kennymack007
Posts: 68
Posts With Wolves
hmmm... I tired the code in my banner, no dice. I alrdy had the code in my footer to make my Home Tab tool tips work. I tried even putting the tooltip code in with the calendar code.  Still doesnt want to work. 

Any sugestions?

Top • Bottom

Mottie (MVP) 3/23/2009 12:26 AM EST : RE: Calendar Icons v1.2 link
GuildPortal MVP
Mottie
Posts: 3873
Zomgawsh Poster
Hi Kennymack007!

Ok, I looked at your site and I noticed that you replaced everything with the CSS I posted above. You only needed to replace the stuff between the <style>.... </style> part of the code.

I don't want to repost the whole code, so go back and look at the post here... copy everything below the closing style tag "</style>" - basically everything between (and including) the <script>.... </script>.
>>help-site<<
Top • Bottom

Kennymack007 (Guild Admin) 3/23/2009 6:13 PM EST : RE: Calendar Icons v1.2 link
Kennymack007
Posts: 68
Posts With Wolves
Ok thanks ill mess with it, Im going to change the color scheme of my site cause a alot of guildys are having trouble it.

Top • Bottom

Kennymack007 (Guild Admin) 3/23/2009 8:38 PM EST : RE: Calendar Icons v1.2 link
Kennymack007
Posts: 68
Posts With Wolves
OK so i put ur tool tip script in my Footer

This makes my Tooltips work on my homepage. Thanks for the recruiting status Icons BTW. Works great.

And i put your Calendar Icons 1.2 Code in a Free Form text/html box Right under my Calendar Box.

Still No dice, I even Tried putting the tooltip code in my Banner, and free form calendar box.


BTW- i apprietiate the design change you made for me, But i had 3 guildys tell me today the site was hard to read.  So i changed the whole color Scheme.


My Site Heavenly Flame
Top • Bottom

Mottie (MVP) 3/27/2009 12:20 AM EST : RE: Calendar Icons v1.2 link
GuildPortal MVP
Mottie
Posts: 3873
Zomgawsh Poster
Hey Kennymack007!

Ok, now you have me confused. When I go to your calendar page, it looks like it's working perfectly to me. What is it you are thinking that it should be doing?
>>help-site<<
Top • Bottom

Kennymack007 (Guild Admin) 3/31/2009 2:34 AM EST : RE: Calendar Icons v1.2 link
Kennymack007
Posts: 68
Posts With Wolves
im sorry if im confusing you mottie!

On your page i see icons for the events when you enter key words.  I don't see any icons on my calendar.
Top • Bottom

Prev 1 2 3 4 5 6 7 8Next
Admins Online
There are   members online.
GuildPortal Home • Frequently Asked Questions • Videos • Recent Updates • Support • Terms of Use • Privacy Policy
GuildPortal™ Axiom Shift, LLC.  All Rights Reserved. All game-related trademarks are properties of their respective owners. Several adorable monkeys were harmed during the creation of this site, and for that, we are wholly unapologetic.
So-and-so has logged on!
%title%
%message%