モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。Cretorインストールデバッグ環境チュートリアルNode.jsBlenderはてなカスタマイズ2016-04-10はてなブログにメニューバーを付ける!はてなカスタマイズはてなブログのタイトルの下にメニューバーを表示する方法です。ブログのヘッダ部分にページのリンクを追加して、デザインCSSでその見た目を設定します。CSSのコードの設定値が見た目のどの部分に反映されるかについても説明しています。私が使用している環境です。編集はChromeだけです。SafariとFirefoxは確認のみ。45.0.1作業の流れについてメニューバーを表示するには、次の2箇所の設定が必要です。下記のサイトを参考にしました。『ブログの管理画面』で左側にある『デザイン』をクリック左上の『工具のアイコン』をクリックし、『ヘッダ』をクリックヘッダの設定項目が表示されるので、その中の『タイトル下』の下にある枠内をクリックコード編集が出来るようになります。貼り付けるコード『タイトル下』に下記のコードを貼り付けます。メニューごとに次の3箇所を変更してください。メニューをクリックした時に飛ばすURLです。例)はてなブログのカテゴリをクリックした時に表示されるURL等。メニューの上にマウスカーソルをのせた時に表示される文字です。メニューに表示される文字です。これだけ『"(ダブルコーテーション)』で囲みません。このコードではメニューを4つ作成しています。メニューを増やしたい場合は、同様に『<li>〜</li>』を追加します。設定する場所コードを書き込む場所です。『ブログの管理画面』で左側にある『デザイン』をクリック左上の『工具のアイコン』をクリックし、『{}デザインCSS』をクリック『コード』の枠をクリック拡大表示されて、コード編集が出来るようになります。コードと見た目の対応コードの各設定値が、見た目のどの部分に対応しているかは下図のとおりです。図内のpaddingは下部だけでなく、周囲の幅を設定します。3重構造になっています。貼り付けるコード『デザインCSS』の既にあるコードの下に、下記のコードを追加します。li{}』内の『width』はメニュー1個あたりの幅です。メニューの数によって値を設定します。100÷(メニューの個数)』です。メニューが4個なら25%、5個なら20%です。expect.』(パディングと幅を一緒に使うと思っているより大きくなることがあります。どっちも外せないので、とりあえず警告は無視しています。勝手につけた名前です。Excelのデータを音声で読み上げさせます。...2016-05-08はてなブログでPCとスマホで内容を変更する!こちらの記事で、Webアプリをはてなブログ内に貼り付けました。2を使ってListViewを作成しました。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。