January 04, 2024

Full-screen calendars in Movable Type

How to make:-
1:- Make "Archive-Related Template" called "Full Screen Calendar" (or something like that), and copy Code from below.
2:- Upload "Calendar CSS" and "Black2.gif" from below.
3:- Go to Blog Config/Archiving and click on "Add New"
4:- Select "Archive Type" "Monthly" and "Template" "Full Screen Calendar"
5:- Change Monthly Archive Type from "Date-Based Archive" to "Full Screen Calendar"
6:- Save and "Rebuild" your Blog (at least the "Monthly Archive")

Hopefully you should the have a full screen calendar rather than a long list of all that months entries, and Good Luck!

Quote from DiveIntoMark:-

Sample: August 2002. Stylesheet: calendar.css. Bullet: black2.gif. (Expected in /images/; change the stylesheet if you put it somewhere else.) Inspiration: Mena Trott. Relevant excerpt from Movable Type monthly template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<title><$MTBlogName$>: <$MTArchiveTitle$> Archives</title>

<link rel="stylesheet" href="<$MTBlogURL$>calendar.css" type="text/css">

</head>

<body>

<div class="largecalendar"><br>
<table cellpadding="0" cellspacing="0" summary="Monthly calendar with links to each day’s posts"><br>
<caption><span class="prevmonth"><MTArchivePrevious><a href="<$MTArchiveLink$>" title="<$MTArchiveTitle$>"><<</a></MTArchivePrevious></span><br>
<$MTEntryDate format="%B %Y"$><br>
<span class="nextmonth"><MTArchiveNext><a href="<$MTArchiveLink$>" title="<$MTArchiveTitle$>">>></a></MTArchiveNext></span><br>
</caption><br>
<thead><br>
<tr><br>
<th class="sun">Sunday</th><br>
<th class="mon">Monday</th><br>
<th class="tue">Tuesday</th><br>
<th class="wed">Wednesday</th><br>
<th class="thu">Thursday</th><br>
<th class="fri">Friday</th><br>
<th class="sat">Saturday</th><br>
</tr><br>
</thead><br>
<tbody><br>
<MTCalendar month="this"><br>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader><br>
<td class="d<$MTCalendarCellNumber$>"><br>
<MTCalendarIfEntries><br>
<a class="daytitle" href="<MTEntries lastn="1"><$MTEntryLink$></MTEntries>"><$MTCalendarDay$></a><br>
<ul><br>
<MTEntries lastn="1"><br>
<li class="first"><a href="<$MTEntryLink$>"><$MTEntryTitle$></a></li><br>
</MTEntries><br>
<MTEntries lastn="999" offset="1"><br>
<li><a href="<$MTEntryLink$>"><$MTEntryTitle$></a></li><br>
</MTEntries><br>
</ul><br>
</MTCalendarIfEntries><br>
<MTCalendarIfNoEntries><br>
<div class="daytitle"><$MTCalendarDay$></div><br>
</MTCalendarIfNoEntries><br>
<MTCalendarIfBlank> </MTCalendarIfBlank><br>
</td><br>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter><br>
</MTCalendar><br>
</tbody><br>
</table><br>
</div> <!--calendar-->


</body>
</html>

Posted by Gadget17 at January 4, 2024 06:06 PM | 2024 Entries | TrackBack
Comments
Post a comment









Remember personal info?