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
Mottie (MVP) 10/22/2010 2:13 AM EST : Add a FFXIV Lunar Clock
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Thanks to Kidariel Silverleaf for giving me this idea...

Basically she asked for a count down clock similar to the one on the Yellow Gremlin site. So I looked around but there aren't any timers I could find that would do exactly the same thing. And I wouldn't know exactly when to start the countdown timer... So, I decided to do the next best thing. I extracted out the script from that site and saved it to a page in my GP files.

Setup


With the modified clock page, you have two choices:
  1. Add an Embedded page type widget (this may not be the best option as you can't set the width)

  2. Add a Free Form Text/HTML type widget, then add the following while the editor is in <>HTML mode:

    <iframe width="215" height="190" src="http://www.axiomfiles.com/Files/258012/lunar-clock.htm" scrolling="auto" frameborder="0" align="top" allowtransparency="true"></iframe>
The page is set to be transparent. So with that transparency and the iframe "allowtransparency" option, the content should show your site background behind it.

Customizing Colors
  • If you have a site that is lighter in color and the white text is unreadable, then save this file to your computer,
  • Open the file in a plain text editor and modify the CSS at the very bottom of the page.
 /**** Change colors to match your site here ****/
 body { background: transparent; color: #ddd; font-size: 85%; } /* transparent should allow color behind iframe to show through */
 .calendar { background: transparent; color: #ddd; margin-top: 10px; } /* the margin top adds space between the top line and calendar */
 #calendar .title { border-bottom: 1px dotted #333; }
 #calendar .line{ border-bottom: 1px dotted #333; }
 .lunar .label, #calendar .label { color: #bbb; }
  • Once done, save the page then upload it to your site using the File Manager.
  • Copy the URL to that page.
  • Modify the URL of the page in the embedded page/iframe as described at the beginning, but replace the URL in orange.
TopBottom

Kifariel Silverleaf (New Admin) 10/25/2010 10:32 PM EST : RE: Add a FFXIV Lunar Clock
Kifariel Silverleaf
Posts: 9
Getting Started!

It works great!
TopBottom

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