M o v a b l e T y p e text/template & css design : visual design : layout adjustment : http://www.b-architects.com/ http://internet.impress.co.jp/im/200311mt/ 98 +++ internet magazine 2003.11 +++
1 Part.1 +++ internet magazine 2003.11 +++ 99
html head body div id=banner h1 span class=description div id=content div class=blog h2 div class=blogbody h3 p div id=links div class=calendar table span class=extended div class=posted div class=syndicate div class=powered 100 +++ internet magazine 2003.11 +++
div id=banner div class=calendar div class=syndicate div class=powered div id=links h1 div id=content h2 h3 span class=description span class=extended div class=posted div class=blogbody div class=blog +++ internet magazine 2003.11 +++ 101
2 Part.2 html head body div class=div1 h1 p div id=footer div id=entries div class=div2 h2 div id=utilities div class=div3 h3 p 102 +++ internet magazine 2003.11 +++
<?xml version="1.0" encoding="<$mtpublishcharset$>"?> <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr"> <head profile="http://purl.org/net/uriprofile/"> Content-Type <title><$mtblogname$></title> RSS JavaScriptCC </head> <body> <div class="mtdiv1"> <h1><$mtblogname$></h1> <p><$mtblogdescription$></p> <div id="mtentries"> <MTEntries><$MTEntryTrackbackData$> <MTDateHeader> <div class="mtdiv2"> <h2><$mtentrydate format="%x"$></h2> </MTDateHeader> <div class="mtdiv3"> <h3><a name="blog<$mtentryid pad="1"$>" id="blog<$mtentryid pad="1"$>"><$mtentrytitle$></a></h3> <div class="mtentrybody"> <$MTEntryBody$> <MTEntryIfExtended></MTEntryIfExtended> <!--/mtentrybody--></div> <div class="mtentryfooter"> <ul> <li class="mtposted">posted by at </li> <MTEntryIfAllowComments> <li class="mtcomments">comments </li> </MTEntryIfAllowComments> <MTEntryIfAllowPings> <li class="mttrackback">trackback </li> </MTEntryIfAllowPings> </ul> <!--/mtentryfooter--></div> <!--/mtdiv3--></div> <MTDateFooter> <!--/mtdiv2--></div> </MTDateFooter> </MTEntries> <!--/mtentries--></div> <div id="mtutilities"> <table class="mttablecalendar"> <form action="<$mtcgipath$><$mtsearchscript$>" method="get"> </form> <dl> <dt>archives</dt> <dd><ul><mtarchivelist archive_type="monthly"> <li><a href="<$mtarchivelink$>"><$mtarchivetitle$></a></li> </MTArchiveList></ul></dd> </dl> dlul <!--/mtutilities--></div> <!--/mtdiv1--></div> <div id="mtfooter"> <p>powered by <a href="http://www.movabletype.org/">movable Type <$MTVersion$></a></p> <!--/mtfooter--></div> </body> </html> http://internet.impress.co.jp/im/200311mt/ +++ internet magazine 2003.11 +++ 103
<div align="center" class="calendar"> <table border="0" cellspacing="4" cellpadding="0" summary="monthly calendar with links to each day's posts"> <caption class="calendarhead"><$mtdate format="%b %Y"$></caption> <tr> <th abbr="sunday" align="center"><span class="calendar">sun</span></th> <th abbr="monday" align="center"><span class="calendar">mon</span></th> <th abbr="tuesday" align="center"><span class="calendar">tue</span></th> <th abbr="wednesday" align="center"><span class="calendar">wed</span></th> <th abbr="thursday" align="center"><span class="calendar">thu</span></th> <th abbr="friday" align="center"><span class="calendar">fri</span></th> <th abbr="saturday" align="center"><span class="calendar">sat</span></th> </tr> <MTCalendar> <MTCalendarWeekHeader><tr></MTCalendarWeekHeader> <td align="center"><span class="calendar"> <MTCalendarIfEntries><MTEntries lastn="1"><a href="<$mtentrypermalink$>"><$mtcalendarday$></a></mtentries></mtcalendarifentries> <MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries> <MTCalendarIfBlank> </MTCalendarIfBlank> </span></td> <MTCalendarWeekFooter></tr></MTCalendarWeekFooter></MTCalendar> </table> </div> 104 +++ internet magazine 2003.11 +++
3 Part.3 http://internet.impress.co.jp/im/200311mt/ +++ internet magazine 2003.11 +++ 105
right:auto; bottom:auto; left:20px; width:168px; padding-top:90px; background:transparent url(ptn1utilbg.gif) top left no-repeat; } div id=mtutilities table form dldtdd dldtdd dldtdd h1 P h2 h3 div class=mtentrybody div.mtdiv3 div.mtentrybody { padding-right:5px; margin-left:3px; padding-bottom:20px; width:330px; float:left; } ulli div id=links div class=mtdiv1 div class=mtdiv2 div class=mtdiv3 div#mtentries { margin-left:200px; margin-right:18px; padding-top:1px; backgroundcolor:#f0f0f0 } div#mtutilities { position:absolute; top:81px; div id=mtentries div id=mtfooter 106 +++ internet magazine 2003.11 +++
<link rel=stylesheet type=text/css src=styles-site.css media=screen,tv /> <!--4.x --> /* MacIE5 */ letter-spacing:5px; /* */ http://internet.impress.co.jp/im/200311mt/ +++ internet magazine 2003.11 +++ 107
div id=mtutilities dldtdd dldtdd form ul li h2 h3 div class=mtentrybody dl dt dd div class=mtfooter div class=mtdiv1 div class=mtdiv2 div class=mtdiv3 div#mtentries { padding-left:294px; background:transparent url(ptn2h2bg.gif) top left repeat-y; } div#mtcalendar { position:absolute; top:270px; left:198px; width:80px; } div#mtutilities { position:absolute; top:270px; left:20px; width:168px; } div id=mtcalendar dl dt dd div id=mtentries div id=mtfooter 108 +++ internet magazine 2003.11 +++
sprintf qq(<blockquote><p><cite><a title=%s href=%s >%s</a></cite></p><div>%s</ div></blockquote>) <script type="text/javascript"> <![CDATA[ ]]> </script> <script type="text/javascript" src="script.js"></script> +++ internet magazine 2003.11 +++ 109
[ インターネットマガジンバックナンバーアーカイブ ] ご利用上の注意 この PDF ファイルは 株式会社インプレス R&D( 株式会社インプレスから分割 ) が 1994 年 ~2006 年まで発行した月刊誌 インターネットマガジン の誌面を PDF 化し インターネットマガジンバックナンバーアーカイブ として以下のウェブサイト All-in-One INTERNET magazine 2.0 で公開しているものです http://i.impressrd.jp/bn このファイルをご利用いただくにあたり 下記の注意事項を必ずお読みください 記載されている内容 ( 技術解説 URL 団体 企業名 商品名 価格 プレゼント募集 アンケートなど) は発行当時のものです 収録されている内容は著作権法上の保護を受けています 著作権はそれぞれの記事の著作者 ( 執筆者 写真の撮影者 イラストの作成者 編集部など ) が保持しています 著作者から許諾が得られなかった著作物は収録されていない場合があります このファイルやその内容を改変したり 商用を目的として再利用することはできません あくまで個人や企業の非商用利用での閲覧 複製 送信に限られます 収録されている内容を何らかの媒体に引用としてご利用する際は 出典として媒体名および月号 該当ページ番号 発行元 ( 株式会社インプレス R&D) コピーライトなどの情報をご明記ください オリジナルの雑誌の発行時点では 株式会社インプレス R&D( 当時は株式会社インプレス ) と著作権者は内容が正確なものであるように最大限に努めましたが すべての情報が完全に正確であることは保証できません このファイルの内容に起因する直接的および間接的な損害に対して 一切の責任を負いません お客様個人の責任においてご利用ください このファイルに関するお問い合わせ先 All-in-One INTERNET magazine 編集部 im-info@impress.co.jp Copyright 1994-2007 Impress R&D, an Impress Group company. All rights reserved.