現在表示されている記事

ブログデザインを変更しました。

カテゴリ:のほほん日記 | comments(0) | 2013.08.04 Sunday 15:23 |
[admin]
猛暑お見舞い申し上げます。

梅雨に逆戻りしたと思ったら、すっかり夏に突入しちゃいましたよ・・・
ムシムシな不快感は無くなっても、ジリジリな暑さが到来するんじゃ意味ないですよ!

そんな暑さの中、以前から気になっていたブログのデザインを変更しようと、重いお尻をあげてコツコツ作り上げてきました。以前よりは格段に良くなったと思いますが、まだ納得できない部分も残っています。そんなこんなで、変更点や参考にしたサイトなどを書いておきたいと思います。



前のデザインはこれでした↑
スポンサーリンク

主な変更点は、

・table→divでのデザインに
・全体的に文字を大きめに
・トップへ戻るボタンを下からヒョコッと
・サイドバー最後に追尾枠
・CSS/javascriptの圧縮

正直、見た目が2カラムになった程度にしか見えませんね・・・
ベースはJUGEMさんのカスタマイズ用テンプレートを使っていて、弄った部分は色とか幅くらいかな。あくまでも『他力本願」、それが私の生きる道(笑

参考にしたと言いますか、パクらせていただいたサイトはこちら。

■少し下にスクロールすると「トップへ戻るボタン」が現れる

jQueryでスクロールすると表示する系いろいろ / webOpixel



↑これです。
今じゃ当たり前のように使われているので、無駄なような気がするけど導入してみました。ブログの基本の色をオレンジにしたかったので、ボタンの色もド派手にオレンジに。

■スクロールした時に一緒についてくる追尾してくるアレ

[jQuery]画面を一定量スクロールした時にサイドバーなどを固定位置に配置する / OZPAの表4

右サイドバー最後にある「orange pekoe x THE BODY SHOP」の部分です。
私の好きなorange pekoeの情報を"これでもか!"と見せつけてやろうと、導入してみました。ただ、YouTubeの埋め込みって結構ウザいですね・・・私のPCスペックが古すぎるだけならいいのですが、全体的な描写が遅くなっているような気もします。

■CSS / javascriptの圧縮

レンタルブログであまり融通が利かない部分もあるので、少しでも軽く・速くできないかと思い、圧縮にたどり着きました。っと言ってもそこまで圧縮してません。CSSのコメント削除と隙間を埋めた程度なので、読込みが速くなることはあまりないかと。

何と言っても、広告とYouTubeが読み込みを遅くしているのは明白なんですがw


そんな感じでこんなデザインになりました。
これからも少しずつ修正が入ると思いますが、新生songbirdをよろしくお願いいたします。

コメント
コメントする








   

スポンサーリンク
アーカイブ
ブログ内検索

プロフィール / ツイート
名前:そんぐばーど
コテコテの兵庫県民をしております。More...
RSS / twitter:@songbird_orz

1年前の出来事(2018/6/18〜30)
  • 6月の出来事一覧はこちら
  • 6/18 大阪府北部地震
  • 6/19 藤枝 18才少年小4男児襲撃事件
  • 6/20 堺 実弟練炭自殺偽装事件
  • 6/22 女優 松居一代さん書類送検
  • 6/23 タイ 洞窟遭難事故
  • 6/24 サウジアラビア 女性の車運転解禁
  • 6/25 福岡 ITセミナー講師殺傷事件
  • 6/26 富山 奥田交番拳銃強奪事件
  • 6/27 はやぶさ2 小惑星『リュウグウ』到着
  • 6/28 働き方改革関連法 成立
  • 6/29 クレしん声優 矢島晶子さん卒業
  • 6/30 潜伏キリシタン 世界遺産登録決定

ページ先頭へ戻る