はてなブログで「デザインテーマコンテスト」が開催されています! オリジナルデザインを投稿して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(
www.cocococococococococococo.com 前の記事で「JSでトップページを開いたら記事一覧ページへ転送する方法」を書いたので、今回はCSSだけでトップページをカスタマイズした方法をご紹介! 私のブログのテーマは「Innocent」を使用させてもらっているので、他のテーマでそのままで出来るかちょっと自信ないです。動作確認はMacのChrome、Safari、Firefoxのみ(IEとか知らないです 笑) Innocent - テーマ ストア CSSでトップページをカスタマイズした手順(ざっくり) ざっくり手順を並べるとおおきく5工程ぐらいの手順で出来ました。 GitHub PagesでCSSを公開できる環境をつくる GulpでSass(Scss)をコンパイルできる環境をつくる Sass(Scss)でデザインをカスタマイズしていく コンパイルしたCSSをGitHubにP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く