お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓

"スタイルシート"

小説・創作

「小説家になろう」の作品の文字を画面いっぱいに広げるスタイルシートの変更用テンプレート

カクヨムの作品の文字を横幅いっぱいに広げるCSSテンプレートを書いたので、「小説家になろう」版も。 こちらはカクヨムより簡単でした。 「小説家になろう」用、パソコン用。 Stylus のスタイルシートにコピペって下さい ⇒ ページを自分好み...
小説・創作

カクヨムの文字を画面いっぱいに広げるスタイルシートの変更用テンプレート

小説投稿サイトの作品を読むのに、文字の大きさと左右の余白を調整したいと言う人は多いようです。 ズームしてしまうと、字は大きくなるけど余白が変わらず、一行の文字数が減ってしまうのが読みにくい。 そこで、左右のマージンを減らすスタイルシートをは...
WEBデザイン

スタイルシートのマージンは隣接する場合は重なる?

HPのデザインを変更していて、どうも、レイアウトがうまく行かないと思ったら・・・マージン( margin )の設定は、隣接する場合は重なるというか、片側だけしかとられない仕様なんですね・・・?実験例えば、<div>を使って100px四方の四...
WEBデザイン

WordPressのRBRACEの警告、間違ってないのに出る?→よく調べたらやっぱり間違ってました(笑)

WordPressのスタイルシートを修正して保存しようとしたら このファイルを更新する前に1個のエラーを修正する必要があります。 □ サイトを壊してしまうかもしれませんが、それでもアップデートしますか ? と出て保存できない。 サイトを壊し...
WEBデザイン

COCOON初期カスタマイズ覚書

Simplicity2 の後継となる?テーマに乗り換え検討のため、テスト環境で試してみましたが、すんなり行かないことが判明。 カスタマイズ箇所が多い人は、テーマを入れて2~3修正で終わり、というわけには行かないようです。 そこで、環境そのま...
PC/ネット

Simplicityのskin機能が面白い

このブログはWordPressですが、Simplicity2というテーマを使っています。 Simplicity2にはスキンという機能があるのですが ずっと使ったことなかったのですが、使ってみたらめっちゃ面白かった!(^o^) 仕組みは、まず...
WEBデザイン

WordPressの改行問題 最終結論 【なんだコレで良かったんだ】

WordPressには自動改行問題というのがありました、これに関しては、使いたくなければ機能を停止してしまえばOKですね。 ⇒ WordPressの改行問題の解決方法 しかし、自動改行はしてほしくないけれど、機能を切ってしまうと今度は改行し...
おもしろネタ・動画・画像

人間の目の錯覚は恐ろしい・・・逆さ美女

「逆さにしてはいけない」という画像がネットで話題になっていた。 上下逆さになった、でもなんのへんてつもない普通に可愛らしい女性の写真ですよね・・・ なんだろう? 逆さにしちゃいけないと言うことは、逆さにしろって事なんでしょうが、あえて、その...
WEBデザイン

<style>を記事内に書くのは間違いではなくなった(HTML5.2)

昨年末、HTML5.2が正式勧告となり、これまでNGとされてきた<BODY>タグ内のスタイル指定が、OKになってたんですね、知りませんでした。 今後は、ブログの記事の中に↓のように書いても <style><!-- selecter{ pro...
便利ツール/ソフトウェア

SASSに挑戦

SASSという、CSSを書くのに便利な新しい言語があると聞き。 検索してみたら、どうやらSCCを少し分かりやすく書くことができるメタ言語※だとか。 ※メタ言語というのは、ある言語を書きやすくするための言語(そのままですね) 分かりやすく言う...
WEBデザイン

テンプレートのスタイルをリセットするには

「P」や「H1~H6」「PRE」「TABLE」などの一般的なタグのスタイルが、使用しているテンプレートやテーマによって既に規定されていて、記事の中で使う時に予想外の表示になって困惑することがあります。 ※このブログは「Simplicity2...
WEBデザイン

Flexbox 14 (Flexbox非対応ブラウザのためにFloatを入れてみる)

Flexboxに挑戦の9番目の記事で、Flexbox 非対応ブラウザで見た場合、回り込みが解除されて縦一列になってしまうという記事を書きました。 ブラウザは、基本的には、「知らないスタイル指定は無視する」という動作をするようなので、Flex...