rh日和(仮)

モノ、ゲーム、PCなどについてのブログ。

html

「ドットインストール」でHTML5のお勉強

なんどかこのブログにも書いたが、FC2でホームページを作ったことがある。最初に作り始めたのはもう3、4年は前だろうか。 arcadestickinfo.web.fc2.comrhbiyori.hatenadiary.jp このブログによく書くアーケードスティックについての情報を一カ所にまとめてお…

bootstrapでWebサイトをデザインした&レンタルサーバの使用を検討中

昨日の話の続き。bootstrapを導入したら、自分の英語力の無さを実感した話 - 思考だだ漏れノートG 趣味で作っていたWebサイト(昨日は「ホームページ」って書いたけど「Webサイト」のほうが今風だと気づいた)にbootstrapを導入して、デザインの変更を行って…

bootstrapを導入したら、自分の英語力の無さを実感した話

ここ三日ほど、趣味で作っているホームページをいじいじしていたため、ブログの更新がおろそかになっていた。 どのようにいじいじしたかというと(なんだ、いじいじって)、「bootstrap」とかいうやつを導入したりしていた。 bootstrapとはなんなのかという…

はてなダイアリーのデザインを自力ではてなブログに移行した

今日もブログ移行作業をちょくちょくやっていた。 結局、『思考だだ漏れノート(はてなダイアリー)』の移行先は『思考だだ漏れノートG(はてなブログ)』というわかりやすいネーミングにすることにした。 思考だだ漏れノート 思考だだ漏れノートG デザイン…

はてなダイアリーでタイトル横に広告などを置く方法

1. デザイン編集画面のヘッダに、置きたい広告などのコードを貼り付け、divで囲って任意のクラスを指定。さらにそのすぐ後に何も含まないdivを作る。 <div class="adtop"> 〜 </div> <div class="clear"> </div>2. デザイン編集画面のスタイルシートで、タイトルであるh1要素にfloat:left(タイトルを右に置く場…

css3の存在に今更気づく

そろそろまたこのブログのデザインを弄ってみたくなったので、スタイルシートについていろいろ検索してみたところ、ボーダーの角を丸くできる「border-radius」や、テキストやボックスに影をつけたり出来るという「text-shadow」「box-shadow」の存在に今日…

Twitterテスト

ブログ用のツイッターアカウントを作ったのでテスト。 Twitter公式のウィジェットが使えなかったので、こちらをお借りしました。 Twitter Updates

はてなダイアリーのスタイルシートに、はてなフォトライフの画像を使う方法

スタイルシートをいじって、引用(blockquote)のデザインに画像をつけてみた。というわけでちょっとテスト。 俺たちが国を愛したように、国も俺たちを愛してほしい(ジョン・ランボー) Tumblrなどでおなじみの、引用符の画像を使ったデザインになっているだ…

Amazonアソシエイト 商品リンク 画像のみ表示

ブログに表示するAmazonアソシエイトのリンクを、商品画像のみにする方法を探していたら見つけたサイト。 ポンデリンク | amazonアソシエイト画像リンク作成ツール とても簡単にやりたいことが出来た。あまりに簡単すぎて騙されているような気がするが大丈夫…

はてなダイアリーのデフォルトデザインはどのようにサイドバーを設置しているか。

この記事を書いたきっかけ ブログのデザインを自分でアレンジするために、HTMLの勉強をしている。 で、サイドバーの幅を変えようとスタイルシートをいじってみたが、なかなか上手くいかなかった。 そこで、このデザイン(hatena2-white)が、どのようにしてサ…