$title:standard (sample)
{{-- 副題・日記の概要などの文 --}}
Index
|
Top
|
Past
|
Will
{{-- 短い文章などあればお書き下さい --}}
No.01:standard
2018年06月16日(土)
サンプル 01:standard
いちばんシンプルで基本的にエンピツのデザインに近い感じに。
注意
201X年0X月XX日(土)
もともとスマホやタブレットから自分の日記を読んだりチェックしたりするために作っていたので、気が向いたら更新するくらいです。「豊富なスキンを取り揃えてあります」とか「リクエストがあれば、お望みのスキンを作ります」みたいな配布メインのサイトでもないから、期待はしないでw
「エンピツ」のEXタグとは?
201X年0X月XX日(火)
EXデザイン編集で利用する日記のレイアウトを決める上で必要な特殊なタグです。例えば $timeタグを挿入するとそこに日記の日付が表示されます。
EXタグマニュアル
もご参考ください。
EXデザイン編集用ソース
201X年0X月XX日(土)
エンピツの
EXタグマニュアル
などを参考にしながら、それぞれ該当ソースを貼って下さい。
■もくじページのデザイン編集
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=x-euc-jp"> <title>$title</title> <meta name="viewport" content="width=device-width,initial-scale=1" /> <style type="text/css"> <!-- body { color: #000; font-size: 100%; line-height: 150%; background: #E8ECEF; padding: 0; margin: 0;} #wrapper { width: 100%; max-width: 640px; background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); margin: 0 auto;} #header { margin: 0;} h2 { color: #000; text-shadow: 1px 1px 1px #ccc; padding: 10px; margin: 0;} #desc { color: #666; font-size: 0.8em; padding: 0 10px; margin: 0 0 60px 0;} a:link { text-decoration: none; color: #394cc7;} a:visited { text-decoration: none; color: #666;} a:hover { text-decoration: none; color: #FC9;} #link { color: #666; font-size: 0.8em; letter-spacing: 0.2em; padding: 5px 10px; margin: 0;} #link a{ padding: 4px; margin: 0;} #content_top { color: #666; font-size: 0.8em; text-align: center; background: #fff; border-top: 2px dotted #ccc; padding: .4em; margin-bottom: 3em;} #box { width: 100%; background: #E8ECEF; padding: 0; margin: 0;} #content { width: 100%; background-color: #fff; margin: 0 auto;} #list { font-size: 0.8em; padding: 10px; margin: 0 auto;} #footer { color: #333; background: #efefef; padding: 0; margin: 0;} .footerlink { font-size: 0.8em; text-align: right; padding: 0 10px 10px 10px; margin: 0;} --> </style> </head> <body> <div id="wrapper"> <div id="header"> <h2>$title</h2> <div id="desc">{{-- 副題・日記の概要などの文 --}}</div> <div id="link"> <a href="../../usr$dir/$id/diary.html" title="top">Top</a> </div> </div><!-- // header // --> <div id="box"> <div id="content"> <div id="content_top"> {{-- 短い文章などあればお書き下さい --}} </div> <div id="list"> $mokuji </div> </div><!--// div content end //--> </div><!--// div box end //--> <div id="footer"> <div class="footerlink"> <div>$name<exdel>|<a href="$url">Site</a></exdel><exdel>|<a href="$mail" title="mail">Mail</a></exdel></div> $count $enpitu </div> </div> </div><!--// div wrapper //--> </body> </html>
copy
■日記のデザイン編集
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=x-euc-jp"> <title>$title</title> <meta name="viewport" content="width=device-width,initial-scale=1" /> <style type="text/css"> <!-- body { color: #000; font-size: 100%; line-height: 150%; background: #E8ECEF; padding: 0; margin: 0;} #wrapper { width: 100%; max-width: 640px; background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .4); margin: 0 auto;} #header { margin: 0;} h2 { color: #000; text-shadow: 1px 1px 1px #ccc; padding: 10px; margin: 0;} #desc { color: #666; font-size: 0.8em; padding: 0 10px; margin: 0 0 60px 0;} a:link { text-decoration: none; color: #394cc7;} a:visited { text-decoration: none; color: #666;} a:hover { text-decoration: none; color: #FC9;} #link { color: #666; font-size: 0.8em; letter-spacing: 0.2em; padding: 5px 10px; margin: 0;} #link a{ padding: 4px; margin: 0;} #content_top { color: #666; font-size: 0.8em; text-align: center; background: #fff; border-top: 2px dotted #ccc; padding: .4em; margin-bottom: 3em;} #box { width: 100%; background: #E8ECEF; padding: 0; margin: 0;} #content { width: 100%; background: #fff; margin: 0 auto;} .diary{ border-bottom: 2px dotted #ccc; padding: 1em; margin: 0;} #box h3{ font-size: 1.1em; color: #003; text-shadow: 1px 1px 1px #ccc; border-left: 4px solid #c6d0e7; /*border-top: 1px solid #c6d0e7;*/ border-bottom: 2px solid #c6d0e7; background-color: #f0f6fc; padding: 4px; margin: 0;} .date { text-align: right; font-size: .8em; color: #808c8c; padding-right: 4px; margin: 0;} .text { color: #4c4c4c; line-height: 180%; padding: 0; margin: 2em 0;} .text2 { color: #9CC;} #footer { color: #333; background: #efefef; padding: 0; margin: 0;} .footerlink { font-size: 0.8em; text-align: right; padding: 0 10px 10px 10px; margin: 0;} --> </style> </head> <body> <div id="wrapper"> <div id="header"> <h2>$title</h2> <div id="desc">{{-- 副題・日記の概要などの文 --}}</div> <div id="link"> <a href="../../usr$dir/$id/" title="index">Index</a> |<a href="../../usr$dir/$id/diary.html" title="top">Top</a> <exdel>|<a href="$kako" title="past">Past</a></exdel> <exdel>|<a href="$mirai" title="will">Will</a></exdel> </div> </div><!-- // header // --> <div id="box"> <div id="content"> <div id="content_top"> {{-- 短い文章などあればお書き下さい --}} </div> $loop </div><!--// div content end //--> </div><!--// div box end //--> <div id="footer"> <div class="footerlink"> <div>$name<exdel>|<a href="$url">Site</a></exdel><exdel>|<a href="$mail" title="mail">Mail</a></exdel></div> <exdel>$vote</exdel> $count $enpitu </div> </div> </div><!--// div wrapper //--> </body> </html>
copy
■日記のLOOP部分
<div class="diary"> <h3>$daimei</h3> <div class="date">$time</div> <div class="text">$honbun</div> </div>
copy
マイエンピツのボタンをつける
201X年0X月XX日(水)
■マイエンピツ
<a href="http://www.enpitu.ne.jp/tool/myadd?あなたのID番号">マイエンピツに追加</a>
■マイエンピツ(ボタン)
<form action="http://www.enpitu.ne.jp/tool/myadd" method="POST" target="add"> <input type="submit" name="あなたのID番号" value="My追加" onclick='subWin = window.open("","add","scrollbars=1,resizable=1,width=240,height=200,toolbar=0,location=0,directories=0,menubar=0")'> </form>
※あなたのID番号を書き換えてください
またエンピツ使う事にしたから
2018年06月20日(土)
今更、しばらく放置していたエンピツのデザインをリニューアルするというのもなんだか変な感じだが、これもずっとエンピツが続いているからこその話。エンピツより後発の日記やブログを利用していた事もあったが、いくつもサービス終了の告知を読むことになったりして、その度に引っ越し先を探したり苦労した記憶がある。
ハカナコナクナ
201X年0X月XX日(土)
■「ハカナコナクナ」のご案内。