ぽこログの説明

ぽこログにアクセスいただきありがとうございます。このブログの主なトピックは、↓です。

趣味


物欲


情報

| | コメント (0) | トラックバック (0)

Let's note CF-MX3の重大な2つの欠点

キーピッチ

Cfmx3_2 写真で分かる通り、「,./\(<>?_)」のキーピッチが異様に狭いです。
バックスラッシュ入力しようとして上矢印を押していたなんて日常茶飯事です。
HTMLやPHPを書いている時は「/>」「?>」を押すのに気が狂ってきます。

» 続きを読む

| | コメント (0) | トラックバック (0)

206にナビとレーダー探知機付けた

Photo 新車時に付けたDVDナビで、今年は名二環も新名神もできたことだし、ナビDVDを最新のものにしようかなとディーラーに電話かけたら、「お客様のナビのDVDは2007年までの発売です。」と言われてしまった。

それなら新しいナビを買うかと、ディーラーと相談。

206は1DINなので搭載できるナビはかなり限られる。
パイオニアから1DIN+1DINのものがあって、ダッシュボードにモニタを取り付け、本体はグローブボックスなどなどに置ける。
これなら「いける!」と考えてディーラーに発注してもらったら、メーカーからの回答が「206はダッシュボードの奥行きが狭いので、取り付けられません。」と。

» 続きを読む

| | コメント (0) | トラックバック (0)

ココログをスタイルシートだけでクールなデザインにする方法 その7 - 完成版のスタイルシート

完成版のスタイルシートは以下のようになります。

» 続きを読む

| | コメント (0) | トラックバック (0)

ココログをスタイルシートだけでクールなデザインにする方法 その6 - 本文の各要素

本文の各要素の編集

記事で使うであろう要素の設定をします。
これらは自分の好みで設定すればいいと思います。

» 続きを読む

| | コメント (0) | トラックバック (0)

ココログをスタイルシートだけでクールなデザインにする方法 その5 - 本文

本文の編集

各記事のソースを見てみます。

<div id="center">
<div class="content-top"></div>
<div class="content">
(省略)
<div class="entry-top"></div>
<div class="entry">
<a id="entry-54492351"></a>

<h3><a href="http://pocolog.cocolog-nifty.com/mt/2008/10/post-f213.html">ぽこログの説明</a></h3>

<div class="entry-body-top"></div>
<div class="entry-body">
<div class="entry-body-text">
<p>
ぽこログにアクセスいただきありがとうございます。このブログの主なトピックは、↓です。
</p>
(省略)
</div>
</div>
<div class="entry-body-bottom"></div>

<p class="posted">
(省略)
</div>
<div class="entry-bottom"></div>

「entry-top」「entry」「entry-bottom」を編集すればいいことが分かります。

» 続きを読む

| | コメント (0) | トラックバック (0)

ココログをスタイルシートだけでクールなデザインにする方法その4 - サイドバー#2

div.module-content, div.module-widget

sidebarの中身を見ていきます。

<div class="sidebar">
<div id="profile" class="module-about module">
<div class="module-content link-note">
<a href="http://pocolog.cocolog-nifty.com/about.html">プロフィール</a>
</div>
</div>
<div id="syndicate" class="module-syndicate module">
<div class="module-content link-note">
<a href="http://pocolog.cocolog-nifty.com/mt/index.rdf">RSSを表示する</a>
</div>
</div>
(以降省略)

「module-content」を編集すればいいことがわかります。また、省略しましたが、「module-widget」も一緒に編集します。

» 続きを読む

| | コメント (0) | トラックバック (0)

ココログをスタイルシートだけでクールなデザインにする方法 その3 - サイドバー#1

サイドバーの編集

サイドバーの編集をしていきましょう。ソースが複雑ですが、がんばっていきましょう。

まず、2カラムの初期設定をしている個所を編集します。

#left{
  width: 228px;
  background-color: #f1f1ed;
}

#center{
  width: 732px;
  background-color: #f1f1ed;
}

次にサイドバーの編集をしていきます。ソースが複雑ですが、

<div id="left">
<div class="sidebar-top"></div>
<div class="sidebar">
(省略)
<div class="sidebar-bottom"></div>

の構造になっています。

ここにスタイルシートを設定していきます。

» 続きを読む

| | コメント (0) | トラックバック (0)

ココログをスタイルシートだけでクールなデザインにする方法 その2 - ヘッダ

ブログのソースコードの取得

ココログがどんなソースを吐いているか知るためにも重要です。というか、ソースコードなしでは何もできません。

トップページを表示させて、マウスの右クリック「ソースコードの表示(ブラウザによって表記が違います)」させます。
これをテキストエディタにコピーして、大事に持っていてください。

ヘッダの編集

さて、ここから実際に手を動かして作っていきます。

» 続きを読む

| | コメント (0) | トラックバック (0)

ココログをスタイルシートだけでクールなデザインにする方法 その1 - 準備編

ココログ・ベーシックではテンプレートのカスタマイズができません。
しかし、スタイルシート(と画像)の編集だけで、かなりクールなデザインにできます。

Cocologdefault

このデザインが、

Violin

このようになります。

» 続きを読む

| | コメント (0) | トラックバック (0)

ナビ取り付けの代車でプジョー308乗った

308_1024x700

プジョー206に新しいナビを付けるために代車を借りました。
正直代車にはなにも期待してなかったけど、借りれた代車がなんとプジョー308

簡単にインプレッションしたいと思います。

» 続きを読む

| | コメント (0) | トラックバック (0)

«「WORDPRESSガイドブック」レビュー