今回はプロフィール欄のカスタマイズを紹介したいと思います。 htmlとcssを両方いじる必要が出てきますので、その辺りをいじれる方向けのエントリーです。 でも、そんなに難しくないので興味の有る方は是非挑戦してみてください。 完成品 参考元 CSS htmlの張り方 html カスタマイズの方法 まとめ 完成品 about こちらがボタン部分の完成品です。ちょっとカーソルを持って行きたくなる動きをしてくれますよね。 「読者になるボタン」のコードをはったら表示がおかしくなったので、以下画像で紹介。 モジュールの「プロフィール」と入れ替えるため、最終的にはこれで完成となります。 参考元 coliss.com アニメーションはこちらで紹介されていた↓を改変。 codepen.io CSS まずはCSS、その貼り付け場所はこちら。 デザイン→カスタマイズ→デザインCSSです。 以下コードです。コード
![【CSS】プロフィール欄をちょっとおしゃれにカスタマイズです。【html】 - えむしてっく](https://cdn-ak-scissors.b.st-hatena.com/image/square/b973de87b131b8fcd7b05574ac11a8edec6fcd3e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmshimfujin%2F20161105%2F20161105123232.png)