ゆうう兄のまったり奮闘記

ゲームしたりイラスト描いたり、まったりと更新してます。

ブログ-カスタマイズ/Webデザイン

【簡単・初心者向け】ブログの文字を読みやすくするCSS!「text-align: justify」

2018.4.19 更新普段ネットを使用していると「あ、このサイトなんだかすごく読みやすい」なんて感じるサイトってありますよね。 ブログでも文字の大きさや行間、適度に見出しを付けるなど、ちょっとした工夫で「読みやすさ」を向上させることができます。ブロ…

【簡単】スクロールした時画像を下からふわっと表示させる方法「フェードイン」

いろんなサイトで動きのあるデザインが使用されています。 今回はブログにも簡単に実装できるモノをご紹介したいと思います。

【ブログカスタマイズ】文章にかぶらないドロップダウンメニュー!レスポンシブ【HTML/CSS】

2018.03.05 更新今回はブログのタイトルの下に表示するメニューについて書いていきます。 はてなブログProに加入すると、スマホ表示のデザインを自由にいじることができるようになります。当ブログもPC・スマホで見た目が適切なものに変わる様cssを調整して…

【ジェネレーター】コピペ使用可!コードを書き出してくれる便利な無料サ―ビス5つ紹介【CSS/HTML】

2017.11.28 更新ブログ記事を書くとき、ページを作るときにかかせないcss。要素の色や背景を指定したり、段落の改行位置を変更したり、文字サイズを変更したりと、見た目を自由に変更することができますよね。 しかし、cssはプロパティやセレクタなど覚える…

【CSS】コピペで簡単!文字(テキスト)の下にマーカーを引く方法

2017.11.28 更新ブログでもよく目にするマーカー風の装飾。←こんなやつこれはcssを使って、コピペで設定することができます。見た目のクオリティーを簡単に上げることができ、とても便利なのでご紹介します。

【Webデザイン】配色に悩んだ時に見て欲しい便利なサイト5つ紹介

突然ですが、Webサイトを作成する時や、ブログのデザインをカスタマイズするときに「どんな色を使うか」で悩んだことはありませんか? 背景色、文字色、メニューの色、見出しの色...何となく決めてしまいがちですよね。デザインを決めるうえで配色というのは…

【簡単】ブログでHTMLソースを共通化!別ページで呼び出す方法を解説

2017.11.28 更新今回ははてなブロガー向けの記事になります。記事を書いていると「あー、この文章(パーツ)他の記事でも使いたいなー」なんて思ったことはありませんか? 「毎回書くの面倒...」「また過去の記事からコピペしなきゃ...」ちょっとした手間も…

コピペで簡単!パンくずリストのデザイン変更【ブログカスタマイズ】

どうも、ゆうう兄(にい)(@hara2_yusuke)です。本日はパンくずリストのデザインを変更する方法について書いていきます。サンプルとして私のブログで使用しているCSSも記述しておきますので、よかったら参考にしてみてください。

ブログ内のカテゴリをカスタマイズ!親カテゴリと子カテゴリを設定してパンくずリストを表示させる!

2017.10.30 更新どうも、ゆうう兄(にい)(@hara2_yusuke)です。最近スプラトゥーンの記事を中心に書いているせいか当ブログのカテゴリーごとの記事数にかなり差が出てきていることに気がつきました。 PCページでは右カラムに表示させていますが、現在のカ…

【初心者必見】ブログを書く上で便利な5つのCSSとclassについて説明する

.text_c {text-align: center;} .mouse_on:hover {filter: alpha(opacity=80);-khtml-opacity: 0.8;-moz-opacity: 0.8;opacity:0.8;} .text_red {color: red;} どうも、ゆうう兄(にい)(@hara2_yusuke)です。今回は主にはてなブロガーさんに向けた記事で…

はてなブログ初心者がほぼコピペだけでデザインを変更した

どうもゆうう兄です。実はここ1カ月くらい、少しずつブログのデザインをひっそりとカスタマイズしてきました。笑私はproに登録していないのでないので、スマホ版のデザインは変更することができなくて悶々としておりますが...(-ω-) デザインを調整するにあた…

topへ戻る