NoEgoism

コミュ障引きこもり気質(人間のクズ)な大学生がいろんな趣味(ゲーム、マンガ、アニメ、音楽、グルメ)を一人でわいわい楽しんでるブログ

タグ:ブログレイアウト

<a id="#">のリンクで下線が消えない

公式テンプレートに屈しました

ブログデザインやや改良

ライブドアブログで記事下広告を削除するには

ブログの文字サイズ変更

またブログレイアウト変更

ブログ弄り終わりました

ブログをまた少しいじりました

ちょっとデザインいじくりました

※解決策見つかりました
「ライブドアブログでCSSカスタマイズが反映されない場合の対処策・原因」




下線が消えない

テンプレート変更で困りました。
上の枠線で囲ったソース通り(※現在は修正したため正常に表示されてしまっています)、今回選んだテンプレートだと< a id="#">を使うと下線が表示されちゃう。
Screenshot_4
(過去の画像スクショ)

それを対処するためにググったところ。以下の記述をCSSに入れれば問題ないらしい。

続きを読む

ライブドア
心境としては「これが最善と信じて見送った娘が即落ち2コマアヘ顔ダブルピース」


いろいろとさんざんいじくった夜中の1時。
公式のテンプレートを試してみたらすっっごくスタイリッシュで。
叶わないなと。
もうこれでいいんじゃないかな(諦め)

問題は「いちいち記事を開かないと冒頭すら読みにくい」ところ。
でも本来ブログって興味ある記事しか開かないし、これまでがおかしかったのではと思う節がややもあったり……
どう考えてもこっちの方が確実にサイト軽いしね。
見やすさもこっちの方がいいかなと思うのでこれをベースにちろちろ弄ることにします。これまでのレイアウトよサラバダー

とりあえず、SEO対策にページ数だけは表示させよとググったのよ。
そしたら今はライブドアが公式でタグを用意してくれてるんだってね。
わぁい、この調子ならさくさく戻せそうだぞぉー

これまでブラウザ幅が狭いときにブログを見ていると記事の表示が崩れることがあったかもしれません。
今回いじって、最低限読めるくらいの大きさまでに留めるようにしました。
これは2015年ごろのあたりから追加しておくべきでしたね……

理想だった「ブログ幅の可変式」はなんとかこれで問題ないと思う。
ここらのCSS改変をいくつかつまみ食いして、いい具合にいじっていくつもりです。
問題がありましたらコメントでお願いします。

html,CSS知識ないのに弄ったせいで悩みどころ多すぎるし公式配布のテンプレートを使いたくなる。
けど、「ページ数表示」やら「カテゴリ開いた後の挙動」やらのスクリプトをどこに置いたか完全に忘れたせいでまっさらな状態にできないジレンマ。

難しいね……


これに並び目下最大の問題であった、スマホ版における見出しタグ問題が解決したって記事をクロールしていたら見つけました。
帰ったら試してみるつもりです。
そもそも公式がスマホ版のレイアウトをいじらせてくれれば秒で解決する問題なのに……

記事タイトル周りを変更。無駄な画像表示減らしたのでこれまでよりやや軽くなってるはず。
#container ,#contentにmin-width: 640px,min-width: 320pxを追加。
パンくずリスト設置.
参考サイト様
コピペのみでOK!引用タグ(blockquote)のCSSを変更して見やすく装飾する方法
blockquoteの使い方
CSSではてなブログをカスタマイズしてみよう
記事の最上部に「パンくずリスト」を追加する:ライブドアブログ

トップページと個別記事下に広告が出るようになってました。
これまで出てきてなかったので驚いた。 
どないしよー……
と思って、同じライブドアブログを開設していらっしゃるポリポリ兄貴のブログを見に行ったところ。
とくに広告は表示されておらず、どうも僕だけの問題の様子。
どういうこっちゃ

CSS上では
▼トップページ・カテゴリアーカイブ・月間アーカイブ
<$Advertise$>
▼個別記事ページ
<$Advertise$>
(livedoorブログで広告を消す方法「PC・スマートフォン」全部のまとめ)
ここにあって、消せば大丈夫と思ったら。
どうもそうすると無条件で記事下に表示されるように。

困った困ったと思っていたら対処法はブログ設定にありました。

ブログ設定>広告表示>広告・livedoor Blogロゴの設定
ここにある「記事下広告」やらをすべて表示しないにして保存。
あとはCtrl+F5で更新したら消えているはずです。

ここ弄った覚えはまったくないので、もしかしたらいままでもずっと表示されてた……?
今は誰もがプレミアムプランの恩恵に預かれるので、とりあえず広告は消しといた方がお得です!

keyboard_typing
以前の自分は「大きい方が見やすいだろう」と、あえて一回り大きめなフォントサイズにしていました。
ただ、いろんなサイトを閲覧していると小さいほうが見やすいんじゃないかという事実に気づきまして。
ぱっと見たときの読みやすさが段違いなんですよね。
さらっと前後の流れまで把握できるこっちのほうが案外読みやすかったというオチ。
それに際して、一文ごとに改行した方がこちらもまた読みやすかったのでそうするように心がけます。
ブログサービスなんだから、堅苦しく長々させる必要もないわな。

全体的にmedium→smallへと変えました。
僕のメインPCの横半分でブラウザ開いた具合を見ると今がベストなんだけど、ちょっと小さすぎる気もする。
これが13px. 14pxにするとブォンと大きくなって微妙に。中間が欲しかったぜぇ……

去年変更した3カラム→2カラムへの変更はとっても見やすいのでこのまま続行でいきます。

舌の根も乾かぬうちにといったところ。
2カラムにしました。3カラムにするほどプラグインの情報が重要なわけじゃないしね。
ありきたりな目眩さんっていう、同じ大学生カテゴリで短編小説書いている方のブログを見てすっきりしてていいなあと憧れたのがひとつ。
前々から記事自体の幅が小さいなと思い続けてたのもひとつ。
けっこうすっきりしたので個人的には満足。

このテンプレート、本来は蒼色の蝶(オオルリアゲハ)で2カラムのものをかなり昔の自分(2年前くらい?)が強引に3カラムで整えたせいで。
実はブログ全体が40pxほど左にずれてた。
なぜ長い間ずっと気が付かなかったのだろう、不思議である。

今回はLayoutの#subを強引にdisplay: noneで消して、記事部分を左にぐいーっと持っていくように適当に整えたのできっと2カラムになったかと。強引に変えたものを強引に変え直しました。
一昨日あたりにこっそりしこしこやって一度ぶっ壊してロールバックした経験あり。
CSSなんて知らねーのよさ……

★ヘッダー画像の復活
今のところ改変したい・作りたいと少しでも思ってるキャラ&ボイスパッチ作ったキャラたちの集合絵。
表示幅で長さが変わるので人によっては最後まで見れない人がいるかもしれない、まあしゃーない

★製作キャラ一覧
右下に用意しました。一発で飛びます。
WIPとして並んでいるのは完成近いキャラです。
きら様は方向性を見失ったのでちょっと待ってな……
当座、星砕幻鬼を中心に据えて。ちょくちょく邪教典リーズバイフェにとりかかりーの、きら様の軌道修正。
めざせ十人十色なバラ色ハーレム!

続きを読む

やあ

背景色とフォントの色を変えました。
前者はF8FFFF、後者は000000で。

今まで文字色薄かったよね。
スマホで見たほうが綺麗に見えることが不思議でしょうがなかったんだけど多分そういうことだよなーと。
MUGENのキャラ集めでいろんな人のブログをまわっているなか気づきました。
フォント自体も変えたかったのですが、対応してないと文字化けオンパレードになりそうなので諦める。

他にも、地味にテンプレートの画像弄っちゃってます。白い部分を透過させました。
何か意見や感想あったらお気軽に

常時太文字は読むのに疲れるのでやめました

続きを読む

いろいろなサイト様を参考にいろいろと手を加えてみました。
将来の自分が忘れたときようにつらつら書いてきます。

参考サイト
パンポンペン備忘録
ページタイトルにページ数を表記する

続きを読む

↑このページのトップヘ