はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（

はてなブログでデザインテーマコンテストが開催中なので ひとつ前の記事ではブログを構成するidやclassの紹介をしました。 今回はブログテーマデザインのらくちん制作環境の紹介を。 はてなブログに限らず、ブログのテーマデザインを念入りにつくろうと思うと 慣れたエディタでCSSファイルを編集する 全て選択してコピー ブログの管理画面にペースト 変更をブログに反映 ブログページの表示を更新 の繰り返しになると思います。 カリカリカリ、コマンドエー、コピー、ペースト、コマンドアール。うーん。 カカリカ、コマンドエー、コピー、ペースト、コマンドアール。う、うーん。 うーん。。。 なかなか大変ですよね。 エディタで保存するのを忘れてデータが先祖返りなんてのもしばしば。。。 そこで！もっとらくちんにテーマのデザインをつくる方法を紹介します。 Dropboxのパブリックフォルダを使うとらくちん Dropb