ブログ\フォロー!/HatenaTwitterFeedlyFacebook\シェア!/Pocketこんにちは、えむしです。今回はプロフィール欄のカスタマイズを紹介したいと思います。お昼に投稿するつもりがすっかり深夜の投稿に...クルクル動く新しいカスタマイズ法をこちらで公開しました。mshitech.hatenablog.com以下、旧記事です。blog.sukecom.net今回はこの辺りを参考にさせていただきました。させたかったんですよ、プロフィール。!と思ったのはプロフィールをカスタマイズって考えるんじゃなくて全部htmlで書いちゃえばいいって事だったんですね。例によって、素人なもので、何か間違いなど有りましたらコメント欄にてご指摘お願いします...。完成図まずはCSSに貼り付け!htmlを細工します完成図こんな感じに仕上げるのが目標です。今回は、ブラウザからhtmlの中身が覗ける事が前提です。その辺りがクリアできる方向けの説明になっちゃいます。CSSに貼り付け!貼り付け場所はこちら。デザイン→カスタマイズ→デザインCSSです。}使用する画像は正方形の物を用意して下さい。こんな風にエッジを効かせたい場合はborder-radiusの一行を丸々削除、四角い画像の角だけを少し丸めたいって方は"50%"の代わりに6pxとか5px位を入れられるといい感じに角丸の画像になると思います。htmlを細工しますブラウザから現在の「プロフィール」部分のhtmlを抜き出して、適当なメモ帳に貼り付けて下さい。必要な値はそこから取ると作業がしやすいかと思います。htmlを参照するには、chromeだと「表示」→「開発/管理」→「ソースを表示」です。サイドバーからモジュールの「プロフィール」を消して、モジュール「html」を代わりに入れます。その「html」の中にある以下のhtmlをコピーして、任意の数値や文章を入力してカスタマイズして下さい。target="_blank"><b>表示させたいお名前</b>(id:idをここに載せます。src="プロフィールのアイコンにしたい画像のURLをここにはります。</div>少しわかりにくいかも知れませんが、作業としてはこんな感じ終了です。わかりにくかったかなぁ...なかなかうまく説明できなくてごめんなさい。...CSSに詳しいブロガーさんがよく紹介されているオススメ解説本。»おすすめプロフィールaboutえむしとえむふじん(id:mshimfujin)三人子持ちの夫婦が書く雑記ブログ。Formイラスト・写真・文章の転載を禁じます。(1)えむふじんがあらわれた月別アーカイブスポンサーリンクその他はてなブログをはじめよう!mshimfujinさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。