おやつ代錬成術blog

おやつ代を稼ごう! と奮闘(?)する日々の記録。

カレンダー

08 | 2017/09 | 10
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

最近の記事

カテゴリー

コメント

最近のトラックバック

リンク

広告

お得なポイント貯まる!ECナビ

プロフィール

ぽんぽこ

  • [ ぽんぽこ ]
  • ネットでささやかなおやつ代を捻り出せたり出せなかったり。
    他所事が忙しく、ただいま更新停滞中。

Search

RSSフィード

        スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

        またテンプレを

作りかけていた星テンプレですが、黒背景に白文字は、コントラストが強すぎて目がちかちかしてきましたので、昔のテンプレに変更……。
スポンサーサイト

        実験中

新しいテンプレートにチェンジしてみました。
作りかけです。

暫く自分一人で使って、様子を見てから、共有テンプレに登録しようと思います。
もっときれいな星画像にしたいんです、本当は。
でも、私の腕と、持ち画像ソフトでは、これが限界……。
キレイな星画像募集中です(笑)。

今回凝った部分は、カレンダーの「書いた日の日付の背後に星が出るよ!」です。
少々暗い画像ですので、目を凝らして御確認下さい。

        ブログの説明がない場合にデザインが崩れてしまう件について

テンプレート「poko_sodaice」では、ブログの説明文が一行あることを前提に作っているため、説明文が入力されていない場合、デザインが崩れます。
これは、説明文の分だけタイトル枠の高さが減り、後ろの水色背景枠とずれが生じるためです。

簡単な修正方法としては、ツールの環境設定の変更で、ブログの説明文を入力する欄に、空白スペースを入力して下さい。

HTMLでも修正できます。
その方法、説明文が二行になってしまう場合のデザイン修正については、続きを読むで。

続きを読む »

        共有テンプレート仲間入り!

7/9に出来上がって申請していた「poko_sodaice」が、本日無事に承認されて共有テンプレートの仲間入りをしました。
早速ダウンロードしてくださった皆さま、ありがとうございます。


テンプレート「poko_sodaice」の下記のカスタマイズ方法については、
続きを読む、で御確認下さい。

「プラグイン対応にするには」
「コメント欄で絵文字を使えるようにするには」

続きを読む »

        夏向き

ここ数日、テンプレ作りに没頭していました。
今日やっと出来上がりましたので、変更しました。
夏向き……涼しそうな感じに仕上がって、御満悦です(笑)。

久し振りのテンプレート作りは、以前と同じく変数の海で溺れそうでしたが、コメントの表示などにも凝ってみました。
……ですが、よくよく考えれば滅多にコメントをもらえない私(遠い目)。

        テンプレトラブル時の対処法

「画像を載せた時、次の段落までのスペースが異常に空き、その横の枠線も消えてしまう」

これは、本来画像横への回り込みを防ぐ<br clear="all">が、float指定まで解除してしまうからのようです。
<br clear="all">を削除することで、この現象は解消します。

        不具合修正

これまでに作ったテンプレートに、同じ不具合があることが発覚しました。
どういう不具合かというと、広い幅でブラウズした場合や、記事文が短い場合に、左右のカラムの隙間が想定以上に開いてしまうというものです。

共有テンプレートには、2006/1/17時点で修正したものを上書き登録してありますので、気になる方は再ダウンロードをお願いします。
CSS部分の問題でしたので、HTML部分をカスタマイズしている場合でも、ダウンロードしたもののCSS部分のみの、コピー&ペーストで解決します。

CSS部分をカスタマイズしている場合は、下記の部分を書き換えて下さい。

同系色の濃淡でメリハリをつけた淡色シリーズの場合
(poko_orange poko_iceblue poko_pink poko_lightgreen)

赤が削除 緑が追加部分です

書き換え前
/* 本文部分ブロック */
div#primary-column {
align :center;
float : right; /* 回り込み指定(右側) */
padding-right : 0px; /* パディング */
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
width : auto; /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
}
html>body div#primary-column {width : 70%; /* Opera用のコンテンツ幅 */
}


書き換え後
/* 本文部分ブロック */
div#primary-column {
align : center;
padding-right : 0px; /* パディング */
padding-left : 250px; /* パディング */
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
width : auto; /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
}


モノクロシリーズの場合
(poko_mono_nega poko_mono_posi)

赤が削除 緑が追加部分です

書き換え前
/* 本文部分ブロック */
div#primary-column {
align :center;
float : right; /* 回り込み指定(右側) */
padding-right : 0px; /* パディング */
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
width : auto; /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
}
html>body div#primary-column {width : 70%; /* Opera用のコンテンツ幅 */
}


書き換え後
/* 本文部分ブロック */
div#primary-column {
align : center;
padding-right : 0px; /* パディング */
padding-left : 207px; /* パディング */
voice-family : "\"}\""; /* おまじない */
voice-family : inherit; /* おまじない */
width : auto; /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
}

備考
記事内に画像を貼り、その画像がブラウザ幅より広く表示しきれない場合、書き換え前だと記事ごと左カラム下に落ち、書き換え後は、画像から左カラム下に落ちて表示されます
(↑IEの場合。ブラウザによって多少反応が変わります)

 | HOME | 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。