/* テンプレート名：　ac-green-3c-js 製作者：　斎七　（さいしち） http://rainbowmaterial.blog59.fc2.com/ （2006年5月12日） ************************** コメントを展開するには ************************** 管理者ページの左メニューから「環境設定の変更」を選び、次の画面で「ブログ設定」を選びます。ページの一番下に「アドバンス設定（上級者用）」という項目があるので、「<%topentry_comment_list>を有効にする」を有効にしてください。これでコメントが展開できるようになります。 ******************************** 画像ポップアップを「　解除　」するには ******************************** htmlのの上のほうにある次の行を修正します。 window.onload=myfunc; ↓ //window.onload=myfunc; （ブラウザによって意図しない動作をすることがあります。ご了承下さい。）（画像にリンクしているものは、サムネイル画像・文章などすべてポップアップします。ご注意下さい。） ************************** 参考にしたもの ************************** テンプレート再配布可能だったのでaki様（LOVE YOU SOMETHING）の「autumn_color_750」をベースに使用しました。敬意を表して autumn colorの頭文字を頂戴し、「ac」をテンプレート名につけさせて頂きました。ありがとうございます。 http://loveyousomething.blog10.fc2.com/blog-entry-258.html 追記・コメントの開閉スクリプトは下記を参考にしました。 http://artifact-jp.com/mt/archives/200401/mtmemo0122.html ARTIFACT ―人工事実― : Movable Type作業メモポップアップイメージは下記を参考にしました。 http://web.paulownia.jp/script/sample/popup.html オブジェクト指向JavaScript - 大きな画像をポップアップ（Paulownia's Web Studio）ポップアップイメージのサポートスクリプトは下記を参考にしました。 http://pc8.2ch.net/test/read.cgi/hp/1141800978/483 Web制作 / 手とり足とり教えるJavaScriptスレpart2 ************************** 使用した素材 ************************** 水珠 (MIZUTAMA) 写真屋＋音葉。 http://shirayuki.saiin.net/~sora/ ************************** このテンプレートのご使用は、同人を除くアダルト・商用ではご遠慮下さい。また、テンプレートのカスタマイズ後の再配布もご遠慮下さい。カスタマイズは自由です。そのほか、何かありましたら僕のブログまでご連絡下さい。よろしくお願いします。あと、ソースが見づらくてすいません<(_ _)> */ /************************************/ /*コメント欄のアイコンポップアップ位置調整*/ #table_icon{ z-index:9!important; left:0px; margin-top:20px; } /************************************/ /************************************/ /*JavaScript有効のとき、対象を隠す*/ .sidehide{display:none;} /*コメントリストのスタイル*/ .com_open { line-height: 150%; display: block; padding: 5px 0px 5px 5px; } .com_open_name { line-height: 150%; display: block; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } /************************************/ /* ページ構成 */ body{ text-align : center; font-family:"Verdana","ＭＳＰゴシック","OSAKA","ヒラギノ角ゴ Pro W3"; margin:0px; padding:0px; background-color: white; background-image: url(); /* 背景画像 */ } #container{ position:relative; width:800px; /* ブログの幅 */ margin-left:auto; margin-right:auto; text-align:left; background-color:; background-image: url(); /* コンテナの背景画像 */ } #wrapper { background-color:; margin-left:185px; width:410px; margin-bottom:0px; } #main-column{ position: relative; z-index:5; /****半透明設定。重いかもしれないので消しても可。****/ /****半透明設定****/ text-align:left; background-color: ; margin-left:0px; width:400px; /* メインカラムの幅 */ } div#left_column{ position:absolute; top:10px; left:0px; width:170px; /* 左メニューの幅 */ padding-left:0px; border-width:0px; border-color: YellowGreen; border-style:solid; font-size: 95%; color: black; margin:0.4em; } div#right-column{ position:absolute; top:10px; right:0px; width:200px; /* 右メニューの幅 */ padding-right:0px; border-width:0px; border-color: YellowGreen; border-style:solid; font-size: 95%; color: black; margin:0.4em; } /************************************/ /* リンクの色 */ a:link { color: #333399; text-decoration: underline;} a:active { color: CornflowerBlue; text-decoration: underline;} a:visited { color: #666600; text-decoration: underline;} a:hover { color: YellowGreen; text-decoration: underline;} #BlogName a{ color: #333399; text-decoration: underline; } #BlogName a:HOVER{ color: CornflowerBlue; text-decoration: underline; } #headIntroduction a{ color: #333399; text-decoration: underline; } #headIntroduction a:HOVER{ color: CornflowerBlue; text-decoration: underline; } .EntryTitle a{ font-weight:bold; color: #333399; text-decoration: underline; } .EntryTitle A:HOVER{ font-weight:bold; color: CornflowerBlue; text-decoration: underline; } /*フッター部分のリンクの色 .fc2ad a{ color: navy; text-decoration: underline; } .fc2ad A:HOVER{ color: royalblue; text-decoration: underline; } */ .calender td a:link { background: Honeydew!important; color: #333399; text-decoration: underline; font-weight:bold; } .calender td a:visited { background: Honeydew!important; color: DarkOliveGreen; text-decoration: underline; font-weight:bold; } .calender td a:hover { background: Honeydew!important; color: CornflowerBlue; text-decoration: underline; font-weight:bold; } /************************************/ /* 引用 */ blockquote{ margin:0px 10px; padding:0px 15px; background-color: ; border:4px dotted YellowGreen; } hr{ border: YellowGreen 1px dotted; } /************************************/ /*head要素 */ #header{ height:150px; width:800px; margin-left:auto; margin-right:auto; margin-top:10px; background-image: url(http://blog-imgs-14-origin.fc2.com/r/a/i/rainbowmaterial/ac-green-kuki15.jpg); /*******ブログ上部の画像*******/ background-color: ; border-width:0px; border-color: gray; border-style:solid; } .header2{ position:relative; width:800px; height:150px; text-align:left; background-color: ; background: url() no-repeat; } /*******画面右上********/ div#topright{ position:absolute; top:0px; right:0px; width:360px; height:120px; padding-right:5px; background-color: ; background-image: url(); /*******画面右上の画像********/ } #BlogName{ font-family:"Arial Black","Impact","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","Hiragino Kaku Gothic Pro","\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka"; font-size:100%; padding:10px 0px 5px 20px; font-weight:bold; letter-spacing:5px; color: black; } #headIntroduction{ color: black; font-size:95%; line-height:140%; padding:5px 300px 15px 20px; } /************************************/ /* menu 要素 */ .menuBlock{ margin:10px 0px 30px 0px; border-width: 0px; border-color:black; border-style:solid; line-height:140%; } .menuTitle1{ padding:5px 0px 1px 5px; font-weight:bold; font-size:95%; color: black; background-color: ; background-image: url(http://blog-imgs-14-origin.fc2.com/r/a/i/rainbowmaterial/ac-green-kuki19.jpg); border-width: 0px; border-color:whitesmoke; border-style:solid; } /*******リスト*******/ ul { text-align:left; margin-left: 5px; padding-left: 15px; list-style-type: circle; list-style-position : outside; /* list-style-type: none; */ text-decoration: none; } li { text-align: left; font-size: 95%; color: black; line-height: 150%; padding: 0px 0px 5px 0px; text-decoration: none; /* background: url() no-repeat; */ } .menuText li{ margin:0px 5px 10px 0px; padding-bottom:0px; } /* form 要素 */ form{ padding:0px; margin:0px; } .search{ width:100px; border:1px solid black; margin-top:15px; } /************************************/ /* プラグインのカレンダー */ table.calender{ margin-left:10px; border-top:1px double black; width:90%; border-collapse:separate/*collapse*/; border-spacing:0; } th#sun { color:firebrick; } th#sat { color: navy; } .calender caption{ width:90%; } /************************************/ /* main要素 */ .EntryTableBlock{ margin:20px 0px 10px 0px; /* padding:10px;*/ border-width:1px; border-color: YellowGreen; border-style:solid; background-image: url(); /* 記事部分の背景画像 */ background-color: white; } .EntryBlock{ margin:10px 10px 0px 10px; border-width:1px; border-color:black; border-style:solid; } .EntryTitle{ background-color: ; background: url(http://blog-imgs-14-origin.fc2.com/r/a/i/rainbowmaterial/ac-green-kuki19.jpg) no-repeat; padding:5px 10px 5px 10px; font-size:100%; border-bottom-width:0px; border-bottom-style:solid; border-bottom-color:black; color: black; font-weight:bold; line-height:140%; } .EntryBody{ padding:20px 10px 10px 10px; font-size:95%; line-height:160%; } .EntryMore{ padding:1em 10px; font-size:95%; line-height:140%; } .EntryBlock ul{ padding:0px; margin-left:18px; list-style-type:circle; } .EntryBlock ol{ padding:0px; margin-left:26px; list-style-type:decimal; } .EntryBlock li{ margin:0px; } .com001{ padding-bottom: px; font-size:95%; line-height:140%; } .com{ padding-bottom: 10px; font-size:95%; line-height:140%; } .EntryDate{ padding:1em 10px 10px 10px; font-size:95%; line-height:140%; text-align:left; } .pageLink{ font-size:95%; text-align:center; padding:10px; } .LinkBlock{ margin:10px 0px 10px 0px; border-width:0px; border-color: gray; border-style:solid; background-image: url(); background-color: ; } /************************************/ /* Comment要素 */ .Bold{ padding:10px; font-size:95%; font-weight:bold; } .CommentTitle{ font-weight:bold; font-size:95%; padding:20px 10px 1em 10px; } .CTBody{ font-size:95%; line-height:140%; padding:0px 10px 5px 10px; } .Date{ font-size:95%; padding:1em 10px 20px 10px; } /************************************/ /* maintForm要素 */ .mainForm{ border:1px dotted gray; margin:10px; } .mainFormText{ width:220px; border:1px solid black; } /*****コメント投稿：本文の幅*****/ .mainFormTextarea{ width:310px; border:1px solid black; } .mainFormPass{ width:100px; border:1px solid black; } .mainFormCheck{ border:1px solid black; } .mainFormButton{ width:100px; } /************************************/ /* Traba要素 */ .TrabaTitle{ font-weight:bold; font-size:95%; padding:10px 10px 1em 10px; } .TrabaUrl{ font-size:95%; padding:10px; } .TrabaForm{ width:300px; border:1px solid black; } /************************************/ /* footer要素 */ #footer{ width:400px; /* clear:both;*/ padding:0px; margin:10px 0px 0px 180px; background-color: ; border-width:0px; border-color: gray; border-style:solid; background-image: url(http://blog-imgs-14-origin.fc2.com/r/a/i/rainbowmaterial/ac-green-kuki15.jpg); } .fc2ad{ color: black; font-size:95%; /* text-align:right;*/ padding:15px 5px; line-height:140%; } img.emoji{ padding:0px; margin:0px; background:none; vertical-align:middle; border:0; }