2005年08月05日 - ページ上部にガイド文を記載
Blogの上部に、ガイドになる文章を設置したいのだが。
折角なので一番目につく部分に、様々な案内なりを掲示しておきたいし。いずれ気が向いたらば、自己紹介なり座右の銘などを記載しておこうと考えた。
しかし「上級者向けプラグイン」プラグインのフリーエリア、これはあまりにも見づらく物足りないのだ。
スタイルシートより、このように設定。
div.guide1 {
margin: 5px 50px 10px 40px;
padding: 5px 10px 5px 10px;
border: 1px solid : #0000ff:
}
div.guide2 {
margin: 5px 50px 10px 40px;
text-align:left;
}
「デザインの設定」より、トップページを開き。
<!-- HEADER -->
<div id="content">
<div class="blog">
その直前に、このように記載してみる。
<div class="guide1">
<div class="guide2">
<a href="http://d.hatena.ne.jp/LucaLuca/">はてなのLucablog</a>より移転テスト中。
</div>
<div class="guide2">
<strong>
Luca日記推奨</strong>
<br>
<a href="http://d.hatena.ne.jp/LucaLuca/20050305">ファーミング詐欺とDNS(フィッシング詐欺に非ず)</a>
<br>
<a href="http://d.hatena.ne.jp/LucaLuca/20041030">はてながJWordのアクセスポートと提携
</a>
<br>
<a href="http://d.hatena.ne.jp/LucaLuca/20041024">マルウェア(Malware)の定義(スパイウェアやアドウェア)
</a>
</div>
</div>
成功した。
個別記事ページにては、この直前に上記のdivで囲んだものを挿入したらば、成功。
<div id="content">
<div class="blog">
<$TrackBackAutoDiscovery$>
<h2 class="date"><$ArticleDate$><$ArticleTitle ESCAPE$></h2>
はてなの引用ブロックのような見た目のものが欲しいので。これを応用してテストしてみる。
<div class="guide1">---</div>
guide1
折角なので一番目につく部分に、様々な案内なりを掲示しておきたいし。いずれ気が向いたらば、自己紹介なり座右の銘などを記載しておこうと考えた。
しかし「上級者向けプラグイン」プラグインのフリーエリア、これはあまりにも見づらく物足りないのだ。
スタイルシートより、このように設定。
div.guide1 {
margin: 5px 50px 10px 40px;
padding: 5px 10px 5px 10px;
border: 1px solid : #0000ff:
}
div.guide2 {
margin: 5px 50px 10px 40px;
text-align:left;
}
「デザインの設定」より、トップページを開き。
<!-- HEADER -->
<div id="content">
<div class="blog">
その直前に、このように記載してみる。
<div class="guide1">
<div class="guide2">
<a href="http://d.hatena.ne.jp/LucaLuca/">はてなのLucablog</a>より移転テスト中。
</div>
<div class="guide2">
<strong>
Luca日記推奨</strong>
<br>
<a href="http://d.hatena.ne.jp/LucaLuca/20050305">ファーミング詐欺とDNS(フィッシング詐欺に非ず)</a>
<br>
<a href="http://d.hatena.ne.jp/LucaLuca/20041030">はてながJWordのアクセスポートと提携
</a>
<br>
<a href="http://d.hatena.ne.jp/LucaLuca/20041024">マルウェア(Malware)の定義(スパイウェアやアドウェア)
</a>
</div>
</div>
成功した。
個別記事ページにては、この直前に上記のdivで囲んだものを挿入したらば、成功。
<div id="content">
<div class="blog">
<$TrackBackAutoDiscovery$>
<h2 class="date"><$ArticleDate$><$ArticleTitle ESCAPE$></h2>
囲み記事
はてなの引用ブロックのような見た目のものが欲しいので。これを応用してテストしてみる。
<div class="guide1">---</div>
guide1