2017-08-14から1日間の記事一覧

着せ替え用CSSコード

yumekawaテーマのメインカラーを変更する着せ替え用CSSコードを用意しました。 以下のコードを参考にアレンジしてみて下さい。そのまま貼ると現在のこのブログのように水色メインになります。(色はお好みのカラーコードに変えて下さい。) www.colordic.org …

トップページをカード型レイアウトにする(はてなブログPro向け)

はてなブログProの方はトップページをはてなブログ管理画面→設定→詳細設定から記事一覧表示にしていただければ、カード型の表示になります。 staff.hatenablog.com

記事下へのオリジナルシェアボタンの付け方

デザインはテーマの方で記述済みです。 FontAwesomeの呼び出し headに貼り付けて下さい。既にどこかに記述済みの場合は必要ありません。管理画面→設定→詳細設定→「headに要素を追加に」以下のコード記述。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 記事下HTML <div class="sns-share"> <p>シェアする</p> <ul class="sns-area"> <li> </li></ul></div></link>

グローバルメニューの設置方法

タイトル下HTML&JSコード デザイン→カスタマイズ→タイトル下に以下を貼り付けて下さい。リンク先URLの#やメニュー項目のTOPなどは各自変えて下さい。 <div class="menu-trigger"><span><i class="blogicon-reorder lg"></i></span></div> <nav id="slide-menu"> <ul> <li><a href="#">Top</a></li> <li><a href="#">About</a></li> <li><a href="#">Profile</a></li> …</ul></nav>