有希のPC勉強

PCについて勉強したことを残していくため更新しています。一緒に勉強しませんか?

スタイルシートでサイトやブログのデザインを考えてみる その1

お久しぶりです!有希です。
最近ブログあまり更新してませんね・・・
すいません。

さて本題。

スタイルシートってよく聞くけど、なんのことだかよくわからない」

って人いません?



実は、そんなに難しいものでもなかったりします。

簡単に言うと、

1.HTMLでは出来ないことができる。

2.「これってHTMLでもできるんちゃう?」ってものも、HTMLでは推奨されてない場合が多いので、覚えておくと便利。(たとえば、サイトの背景とか、そういうのね。)

3.例えばサイト全体のテーブル要素はすべて同じ背景の色を指定したいときに、スタイルシートで指定しておくと、いちいちHTMLで指定する必要がなくなる

など、そんなかんじ←

よくわからなかったら、出来る限りはコメントで答えますよ^^

主にスタイルシートが使われるところは、

  • サイトの背景色(画像)
  • サイト全体の文字色

など、body要素に関わることが多いと思います。

あと、「タイトルにその1ってつくくらいだから、その2もあるの?」

って思ったと思いますが、(いや、人によっては違うと思うけど)

答えはあります

なので、今回は、これらを頭に入れておけば問題なし!

簡単に楽しくスタイルシートを覚えられる練習しましょう^^

であであ!

東方無敵改造で攻略方法を突き詰めよ!((指令かよw

どうもです^^
とりあえず、今回はPC関連・・・のはずですw
「東方って難しくて、どうもクリア出来ない!」というそこの貴方!((
東方を無敵にして攻略方法を突き詰めてみようではないかぁぁぁぁぁぁ!!!!((
とりあえず、やり方を説明していきますね。↓

東方を無敵(その他詳細設定)改造をしてみる

えっと、誰でもできると思います。((
まずは、フリーソフトをDLしてみてください。
下記の紹介してるソフトなんかがオススメです。

DLが完了したら、あとは至って簡単です。
まずは改造したい東方シリーズの改造コードというものを取得しましょう!

萃と緋以外は体験版用も用意されてるみたいなんで、安心してくださいね^^
(他の体験版用のコードが記載されていないものについては、体験版が存在していないということです)
あ、コードをどうやって使うかについては、コチラの説明が分かりやすいかと思います。
それと、ゲームを起動しながらソフト等を操作しなければなりませんので、最初に環境設定.exe(custom.exe)でウインドウサイズ(地霊殿以降はいろんなサイズがありますがw)に設定しておいて、コードで改造が終わったら東方内のoptionか拡大ボタンで拡大してフルスクリーンで遊ぶ、というのがオススメです。(風はなぜかできない)
あ、それと私は体験版しかもっていないので、製品版の方で何か問題があっても対応しかねます。
考えられる問題としては、製品版が最新版でないとかです。
http://www16.big.or.jp/~zun/html/game.htmlからパッチをDLして実行してみてください。
※萃夢想のパッチはコチラから、文花帖のパッチはコチラから、緋想天のパッチはコチラから、非想天則のパッチはコチラからDLできます。




それでは~~^^

マウスカーソル使ってくれますか←

お久しぶりです^^有希です!
最近こっちの更新がなかなか進まないです((
さて、タイトルの通り、カーソル使ってくれますか←
気分転換に作ってみたんですよ。
とりま、DLしてくれる心優しい方は下記リンクからどうぞ^^
藤原妹紅
因幡てゐ
(父希望で作った)チーター


チーターってwwwwwwwwwwwww マジかよwwwwwwwwwwwwwwwwwwwww




なんて言わないでください。本当に父希望だったんですよ。
動物好きの方でしたら使ってくれますよね?


あとリクエストあったら受け付けますよ。(遅れるかもしれませんけど)
あと、なにかありましたら、報告してください。ファイルになにかありましたら、即座に修正版うpします!
DLになにかありましたら、別のアップローダーにうpします!
そして使ってくださi((←


あ、ちなみに変更の仕方は、

XPの場合

スタートボタン→コントロールパネル→マウス→マウスのプロパティ

7の場合

デスクトップで右クリック→個人設定(R)をクリック→マウスポインターの変更→マウスのプロパティ


vistaとmacについては、すいません、分かりません><
多分、vistaと7は同じだと思います。(本当に多分です。違かったとしても、責任とりませんよ)
macはいじったこともないんで、分かりません。(でもggればすぐ出てくると思いますよ←)

マウスのプロパティは、こんな画面ですよ↓
f:id:kuromajosan:20120318113548j:plain
ここからの設定は簡単。
変更したいカーソルを選択→参照ボタンをクリック→DLしたマウスのデータを選択
これでおkです。
んで、適用をクリックすると、プレビューになります。OKをクリックすると決定になります。





分かりにくいですか?






あ、それと、vistaと7で、再起動の度にカーソルがもとに戻る場合は、
マイコンピュータの中にあるcursorsにファイルを移動して、設定しなおすと大丈夫です。(ダメだったらマイクロソフトにクレーm(( )
見つからない場合は、検索ですよ、検索!!((






ではそろそろ終わります。ノシ

リアルでのお話

中学入学して、全然中学生という実感のない有希です←
しばらく更新していなくて申し訳ありません。
なのに、今回は全然PCな話じゃありません((
リアルでの事です。ひとりごとみたいな記事なので、あぁ、わかるーみたいに言ってくれる人だけ観覧してください。

仮入部をして決めたこと

前までパソコン部に入るって言ってましたが(多分このブログでは言ってなかった・・・かな?)、仮入部をしたら考え変わってしまいましたw
やっぱし美術部ですね!((
先輩たちも優しそうで良かったです。
パソコン部は、地味すぎる、男子しかいない(美術部も女子しかいないんだけどねwでも男子の中に女子一人はキツイ;)、活動日が少なすぎる、の二つの理由があり、第二希望のハズであった美術部に決定しましたー((誰もそんなこと聞いてない
明日入部届けを出そうと思います^^
うんと、今回はこれだけ←
それでは!

【上級編】アクセス毎に画像をランダムに変える

昨日、小卒してきました~~
え?そんなのはどうでもいい?
そうですよね←
今回はJavaScriptというのに手を出してみましたw
というか、今まで分かってないで使ってたヤツの中でJavaScriptがすでに存在してたりするかもしれないです((
今まで更新してきた中で、JavaScriptがあるものがあったら言っていただけると嬉しいです♪
ではでは本題((遅い
タイトルの通り、アクセスするごとに画像を変える方法を紹介したいと思います!

<script language="JavaScript"><!--
myImageCnt = 10;
myImage = new Array(
 "1.jpg",
 "2.jpg",
 "3.jpg",
 "4.jpg",
 "5.jpg",
 "6.jpg",
 "7.jpg",
 "8.jpg",
 "9.jpg",
 "10.jpg"
)

myRnd = Math.floor(Math.random()*myImageCnt);
document.write("<img src='",myImage[myRnd],"' border='0' >");
// --></script>

上記のソースは画像を10枚用意したときのものです。
数を減らしたり、増やしたりすることも勿論可能ですよ^^
.jpgの前には自分のファイルの名前を入力してくださいね!

<script language="JavaScript"><!--
myImageCnt = 5;
myImage = new Array(
 "1.jpg",
 "2.jpg",
 "3.jpg",
 "4.jpg",
 "5.jpg"

)

myRnd = Math.floor(Math.random()*myImageCnt);
document.write("<img src='",myImage[myRnd],"' border='0' >");
// --></script>

このようにすれば5枚までのものとなります
myImageCnt = ●;
↑この●のところには、画像の枚数、そして最後の画像の最後にはカンマ(,)をいれないでください!

よく分からないですよね;すいません。
そういうときは、コチラを見ていただければわかると思います^^
では今回はノシ

たまにはイラストだって公開してみたい

有希です。
たまにはPCについてじゃなくて、ほかのものだって公開してみたいもんですよw
それでは昨日と今日で仕上げたスカーレット姉妹↓
f:id:kuromajosan:20120319204836j:plain
まだペンタブあまり慣れてないから、ksいのがわかりますねwwww
でもフランちゃんの羽は頑張った・・・(エアブラシでホワイト入れただけやないかw)
でも直線引くのって超めんどくさいのがわかったよwwww
おぜうさまはそれぞれのパーツが細かいので、メチャ拡大して描いてた。
何倍したのか覚えてないけど・・・
うん、今回はこれだけですw
では~

【中級編】はてなダイアリーのサイドバーにモジュールを追加する

こんにちはー!!
最近色々覚えても紹介するのが面倒d((←
いや、しかし忘れたときのために記録しておかなければ・・・
今回はちょっと少ないですけど、我慢してください><((
では本題入りますーw
はてなダイアリーをつかっていて、
「サイドバーに自由に項目を追加してみたい」
と思ったことはありませんか?
「はてなモジュール一覧」からはてな側から用意してくださっているモジュールを使うことが可能ですが、やっぱり自由にやりたい点もありますよね。
そんなときは!((

<div class="hatena-module">
 <div class="hatena-moduletitle">タイトル文字</div>
 <div class="hatena-modulebody">
モジュールの内容
 </div>
</div>

これで大丈夫なのです!
ちなみに私のはてなダイアリー(ココだよ!)では結構これを使って自由にカスタマイズしちゃってますw
分かりますか??

反映のされ方は自分のダイアリーで確認するか、私のダイアリーを見れば分かりますので!
今回はこれだけで勘弁してください><
でぁでぁ!!