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

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

続きを読む

もっと見る