あまりにもひどいコードに驚愕してしまいますね。ツッコミどころ満載でどこから説明したらよいかわからないほどです。今回は筆者が適切だと思うコードで記述していきます。 << 参考例 >> ブログが好き! ムラゴン あなたも今日からブログを始めてみませんか? ブログは誰でもカンタンに、思いや考え、体験、作品... 続きをみる
CSSのムラゴンブログ
-
-
ムラゴン・にほんブログ村は、ユーザーの「回遊」を促進するために多数のリンクを設置しており、サイト内の動線を確保しています。しかし、これが逆に訪問者が他へ移動する原因となり、自分のブログでの滞在時間を短縮させてしまう可能性があります。そのため、ブログの滞在時間を延ばすために、これらのリンクを可能な限り... 続きをみる
-
サイドバーのカテゴリ>もっと見るで表示されるカテゴリ一覧が見づらいのでCSSで調整。カテゴリ名を左寄せ、カウントをfroatで右寄せ、font-weigtでフォント太さを調整。 ムラゴンのデザインは全体的に野暮ったく洗練されていない印象を受けます。ブログ黎明期、20年ぐらい前かと錯覚するデザインなの... 続きをみる
-
ヘッダー・フッター・サイドバー・トップへ戻るなどのカスタマイズをちょっとだけやってみました。 記事一覧ページ タグ・カテゴリー一覧、月別アーカイブページなどの一覧形式の各エントリーの余白を追加 トップページ 記事のスニペットの文字数が多いため一定数以上を超えた場合に...で省略するjavascrip... 続きをみる
-
こんみら~🌃 ブログのデザインの編集にハマっていたらいつの間にかこんな時間になっちゃいました💦 HTMLやCSSをカスタマイズして好みのデザインを作るのは楽しいですね♪ ムラゴンにして良かった☆ スマホからも一番下の「PC版はこちら」をクリックするとPC版のブログデザインが見れるので良かったら見... 続きをみる
-
-
改訂版【muragonカスタマイズ】吹き出しを使った会話風(LINE風)の設置【コピぺするだけ】
先日アップした こちらの記事では、 スマホで吹き出しが表示されないコトをご指摘いただきまして、 その後チロル合衆国IT総合戦略本部本部長のPC師匠にヘルプをお願いいたしましたところ、 ムラゴンのCSS(スタイルシート)はスマホには出力してないようだ、と。 そうなってくると、それはムラゴンの仕様ってコ... 続きをみる
-
【muragonカスタマイズ】吹き出しを使った会話風(LINE風)の設置【コピぺするだけ】
【追記】2020.6.24 07:51 本記事での設置方法ではスマホで正しく表示されないことが指摘されました…。 こんな感じで表示されてるつもりでした(▼これは画像です) オレが令和の世にスマホを持ってないので確認もしてませんでした。 大変申し訳ございません。 現在、原因を究明中(←言ってみたかった... 続きをみる
-
皆さんこんにちは。 最近では、小学校の授業でプログラミングが科目としてあったりしていますが、御覧の皆さんは、プログラミングはできますか? サイトは大まかに分けると2つに分類されます。 1つ目はサイトの表側です。よく皆さんが目にしている部分ですね! 2つ目はサイトの裏側です。ログインだとか会員登録だと... 続きをみる
-
#
CSS
-
【CSS】tableの枠線(border)を消す方法
-
【CSS】擬似要素と擬似クラスの使い方
-
【CSS】display:none と visibility:hiddenの違い
-
【5分で分かる】Web制作の「セマンティック」って何?
-
【初心者向け】CSSのブロックレベル要素とインラインレベル要素の違いは?
-
[感性古すぎ!?]インタラクティブ?な「ホームページ」を創ってみた
-
【CSS】線形・放射・扇形・反復グラデーションまとめ
-
WordPress:ページの表示速度改善|Autoptimizeの設定注意点
-
【デイトラ初級編】jQuery実践課題②モーダルで画像の拡大表示
-
【デイトラ初級編】jQuery実践課題①ページトップへ戻るボタンを付ける
-
【デイトラ初級編】調べながら実装しようjQuery実践課題①
-
[VSCode] 自動補完機能が効かなくなった
-
ほぼブログカスタマイズについて書いている日記
-
[CSS] レスポンシブなfont-size指定
-
「TablePress」の行列固定表示ができました
-
-
#
Node.js
-
ReactのuseEffectでデータ渡し時の1回だけコンポーネント動作させる
-
【Node.js】Socket.IO / Express / TypeScriptでソケットサーバー構築【Room接続 / メッセージ投稿】
-
【Node.js】Socket.IO / Express / TypeScriptでリアルタイム通信をサポートするソケットサーバーを作る
-
Alexa × Node-RED × OpenAIで、アレクサからChatGPTっぽい回答を聞けるようにした話
-
【Mac】Reactの新規アプリ作成時に発生したnpmエラーへの対処方法
-
nodebrewでNode.jsのバージョンが確認出来ない際の対処法
-
【node】asdfでnodeをインストールし、yarnも使えるようにする
-
[React+Tailwind] Carousel を TypeScript に書き直してみた | 心を無にして始める React
-
[React+Tailwind] Flowbite で Carousel を表示してみる | 心を無にして始める React
-
[React+Tailwind] Card を TypeScript に書き直してみた | 心を無にして始める React
-
[React+Tailwind] Flowbite で Card を表示してみる | 心を無にして始める React
-
[React+Tailwind] ButtonGroup を TypeScript に書き直してみた | 心を無にして始める React
-
[React+Tailwind] Flowbite で ButtonGroup を表示してみる | 心を無にして始める React
-
[React+Tailwind] Button を TypeScript に書き直してみた | 心を無にして始める React
-
[React+Tailwind] Flowbite で Button を表示してみる | 心を無にして始める React
-
-
#
windows
-
華麗にWindowsを! Tips #2
-
旅行ブログ運営に必須のパソコン:スペックは絶対チェック!デバイスの選び方と理由
-
Windowsで使える便利な差分ツール5選
-
華麗にWindowsを! Tips #1
-
【Arm CPU】Surface Laptopを検討したけど、愛用アプリがピンポイントで動かない模様
-
【LinuxMint】今日は一日OSの入れ替えをします
-
「Windows 11 24H2」への更新でライセンスが外れる?
-
Windows Hot Patchとは?技術的課題とその解決策
-
Windows メールのサポートが終了しました
-
「自動修復でPCを修復できませんでした」ループからデータ救出! 突破口は「notepad」経由。
-
BitLocker 強制解除方法 for Windows 11
-
iOS18.2とmacbook air M3の不具合:バッテリー消耗早い。アップデートは様子見が吉。iphone 15 proは中古でも買わない方がいい。
-
Clonezillaでバッドセクタを含むデュアルブートSSDのクローニング
-
『ホライゾン ゼロ・ドーンとヘルダイバー2』映画化が決定🎬
-
気温が低いうちにWindows11に乗り代えました
-