現在表示されている記事

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

カテゴリ:のほほん日記 | 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/11/1〜15)
  • 11月の出来事一覧はこちら
  • 11/1 日本版GPS「みちびき」運用開始
  • 11/2 秋の褒章 羽生善治さんら797人
  • 11/3 日本シリーズ ソフトバンク連覇
  • 11/4 グアテマラ 20代日本人女性襲われ死亡
  • 11/6 米中間選挙 共和党過半数維持
  • 11/8 結婚 小池徹平さん・永夏子さん
  • 11/9 BTS 原爆Tシャツ着用波紋
  • 11/11 小型回収カプセル 地球に帰還
  • 11/12 大谷翔平 ア・リーグ新人王
  • 11/13 和歌山 イルカいけす切断被害
  • 11/14 GK川口能活選手 引退会見
  • 11/15 竹島沖 日韓漁船衝突

ページ先頭へ戻る