旧システムテンプレートをレスポンシブデザインに改造できないものか

2017/03/07
追記あり こことは別の旧デザインシステムで運用しているブログがあるのですが、そこでちょっと実験的に試していることがあります。 今日は、壁にぶつかっている嘆きを聞いてください~。 うまくいかないときもあるんです~。 旧システムのスマホテンプレートの困るところ 旧デザインシステムだと、PCはPC用テンプレートで表示され、スマホはスマホテンプレートで表示されます。 スマホテンプレートはCSSもHTMLもカスタマイズできないようになっています。まったく..

続きを読む

コピペでトップへ戻るボタンを導入する

2016/03/13
このブログにもようやく、ページトップへ戻るボタンを導入しました。 少し下へスクロールすると、画面の右下の隅に▲の印が表示されます。これがボタン。ボタンをクリックすると、するするとページのトップに戻ります。 ※今までも「このページの先頭へ」というリンクを一番下に表示していました。でも、ボタンを導入すると、ページのどの位置からでも戻れるようになります。 やり方やデザインはいろいろあります。 このブログで導入した方法は…半透明のボタンなので、文字が被..

続きを読む

画像の横にも文章を(4) CSSで指定

2008/04/24
画像回り込みシリーズも今回が4回目となりました。 画像の横にも文章を(1) 画像の横にも文章を(2) 余白を調整 画像の横にも文章を(3) 崩れた?! 一応、前回で完結しているんですけど、今回は他の方法を紹介します。 CSS(スタイルシート)で指定する方法です。 CSSの設定するページは、「文字の設定(7)ちょっと動くリンク」などで説明しているので参考にしてください。 開きました? それでは、いきましょう。(^-^)ノ 場所はどこでもいいんじゃない..

続きを読む

文字の設定(7)ちょっと動くリンク

2007/11/10
ホームページでもブログでも、リンクスタイルの初期設定は下線付きです。 これを消す方法は以前にこちら↓でご紹介しました。   文字の設定(6)リンク下の下線を消す 今回は、マウスを乗せるとちょっと動く設定をご紹介します。 では、CSSを設定するページを開きます。   マイ・ブログ > デザイン > デザイン一覧 ページの真ん中より下の表に現在登録しているCSSの一覧が表示されています。 例えば、「light pole(右サイドバー)」というデザイ..

続きを読む

無料写真素材から簡単にテンプレート作成!

2007/06/22
本日、2007年6月22日、Seesaaブログに素敵な機能が追加されました! 写真素材フォトライブラリーの素敵な写真をヘッダーに使って、簡単にテンプレートを作成することができるようになったんです。   Seesaaからのお知らせ:   無料写真素材からブログデザインを作成しよう! これは良さそうです。しかも、簡単そう。o(^-^o)(o^-^)o 美しい写真をヘッダーに持ってくるだけで、オシャレ度がググっと増しますし、オリジナル感も季節感も簡単に表現できます..

続きを読む

見出しのデザイン

2007/04/13
前回の引用の書式を書いたときに、「これは見出しの書式にも共通することだな」と思いました。 ブログでも、ホームページでも使えると思うので、参考にしてみてくださいね。勉強中の身なので、絶対正しくシンプルなタグかって言われると、自信はありませんけど…。 見出し…という言葉は今まで使ってませんでした。 タイトルというと、ブログのタイトルとか、記事のタイトルみたいなので、あえて違う言葉を使いました。 デザインによっては記事のタイトルみたいになりますし、記事タイトルの..

続きを読む

引用(blockquote)の書式

2007/03/25
引用の書式は、スタイルシートで設定しています。  マイ・ブログ > デザイン > デザイン一覧 と進んで、タイトルから現在使用しているスタイルシートを選びます。 スタイルシートを開いたら、blockquoteを探します。ここが引用の書式を指定しているところです。 次の例を見てください。 ▼例1 blockquote{ margin:10px; padding:5px; border:1px solid #c0eaff; } 囲み罫(bor..

続きを読む

文字の設定(4) 文字の種類

2006/12/10
[修正あり(2007/2/22)] 今回は、フォトの種類のお話です。 まず、スタイルシートの設定を見てみましょう。     マイ・ブログ > デザイン と進むと、「おすすめデザイン」の下に、自分が使用または登録しているデザインのリストがあります。 現在使用しているデザインのタイトルをクリックして、スタイルシートを開きます。 ※2007年2月6日のリニューアルでスタイルシートの場所が変更になりました。 スタイルシートの「#container」のなかの「..

続きを読む

文字の設定(2) 色

2006/09/23
[修正あり(2007/2/22)]今日は、文字の色について考えてみます。 ブログのデザインは実に豊富で、一概には言えないんですよね。 背景色もまちまち。背景に色を敷かないで画像にしてある場合もあるんだし。 だから、ここでは、このテンプレートのように背景の色が白の場合ってことで捉えてください。 色のコントラスト(強弱)は、読みやすさを大きく左右すると思うんですよ。 もっともコントラストが強いのが白×黒。 紙の媒体、つまり本とか雑誌とかは、白×黒が基本だと..

続きを読む

文字の設定(1) 本文のサイズ

2006/09/15
[修正あり(2007/2/22)]ブログの文字のサイズって、いろいろですね。 私の印象では、デザイン系のサイトや雑貨系のブログは「おいおい、文章を読ませる気があんるんですか~?」とツッ込みたくなるほど文字が小さいものが結構ありますね。 不思議なもので、その手の系統のものって、Webコンテンツに限らず雑誌でも文字が小さいんですよね。 しかし、文章を読んでほしかったら、あまりに小さいのは良くないと思いますよ~。 新聞を見てごらんなさいな。ン十年の歳月をかけて次第に..

続きを読む

カテゴリの一覧表示

2006/08/18
[修正あり(2007/2/22)]カテゴリ(左上の欄)をクリックすると、該当するカテゴリの記事が表示される。 初期状態では、ただ、ずら~っと記事が並ぶだけ。 「このカテゴリの記事はどんなものがあるんだろう?」と思ってクリックしてくれた人に、最後まで見ないとどんなタイトルがあるのかさえわからないのは不親切だと思うんだよね。 そこまで付き合って見てくれない可能性のほうが大きいと思うし。 本だって、まず目次のタイトルをパラパラと見てから中身を読むかどうか決めたりする。 ..

続きを読む