インテリア、デスクトップのカスタムや、ブログのカスタム、その他日記など何でもありのブログ

WAIWAI BLOG

【ブログ作成】自分だけのブログを作ろう

Apr112009
Author: Kyo-san
Categories: ブログ, ブログ作成
Tags: Blog, Domain, Highslide JS, Movable Type 4, MT-Cumulus, Original, Plug-in
Social Bookmark

Next Page: 【ブログ作成】ドメイン取得方法

icon:z12 オリジナルのドメイン

オリジナルの機能

オリジナルのデザイン icon:z11

icon:z03 全ては自分が決める！

☆ドメイン☆

××××××.com
××××××.jp
××××××.net

などなど、××××××の部分を自由に決める事ができます☆
※ただし、他の人に同じ文字列を取得されていると無理です(；・∀・)

ちなみに、私は「waiwai.com」で取得したかったのですが、
すでに取得されており、わざわざドメイン取得者を調べて譲ってくれるように交渉しました。結果は・・・没orz

オリジナルのドメインを取得し、サーバーに反映させれば、
メールアドレスもオリジナル(≧∇≦)b

☆機能☆

一番おもしろいのが機能の拡張！
あんまり文字で記述してもわかりにくいので、下記参照。
※こんな事やあんな事ができます（笑）

◆サムネイル画像をクールに拡大表示する Highslide JS プラグイン

機能①画像をクール？に拡大表示
機能②複数画像拡大表示
機能③下枠に文字を挿入可能
機能④画像をドラッグで動かせる
機能⑤コントローラー挿入で次々に表示させる事が可能

今は亡きＲＺ（　ＴДＴ）

◆「最近のタグ一覧」をおもしろくフラッシュで表示する MT-Cumulus プラグイン

MT-Cumulus プラグイン

Movable Type 4 Blog Domain Highslide JS MT-Cumulus mt-memo Original

◆絵文字を好きに追加できる emoddy プラグイン

emoddy プラグイン

と、まぁ他にもたくさん・・・探せばいくらでもあります(；・∀・)

☆デザイン☆

デザインテンプレートも探せばいくらでもありますが、少しだけ紹介しておきます icon:sweat

Movable Type MEMO様 icon:z09

ＭＴモンスター様 icon:z05

テンプレートキング様 icon:z09

ビジネス向けや、個人のブログ用等種類は豊富です☆
後でフラッシュを使用する事もできますし、デザインのカスタマイズも自由自在！！
無料ブログの様な制限は一切ありませんとも icon:z06

ここまでで紹介したのは、ブログの「Movable Type 4」のほんの一部です(*´∀`)ｱﾊﾊﾝ♪
ブログの種類といいますか、管理するサービスといえば、

などです

無料ブログでは味わえない自分だけの自由な世界

是非手に入れて下さい icon:z10

かかる費用は
ドメイン取得（1年間）＝１，０００万円未満
サーバーレンタル＝初期設定＋月額費用＝２，０００万円未満
合計＝３，０００万円未満で始める事ができますъ( ﾟｰ^)
後は月額３００万円程次月から支払うのみです(ﾟДﾟ;)
※注：オヤジ化が始まっているので気にしないで！！
☆自分だけのブログ作成の第一歩はドメインの取得から☆
↓　↓　↓　↓　↓　↓　↓　↓　↓　↓　↓　
【ブログ作成】ドメイン取得方法

Permalink
Comments(4)

Comments(4)

#1: Posted by Yuiya @ October 4, 2009 [REPLY]: WaiWaiさんのブログのように、「画像にマウスを置くと陰で見えにくかった画像が映し出される」という風にするにはどうしたらいいのでしょうか?
よければ教えていただきたいです。

#2: Posted by Kyo-sanからYuiyaへの返信 @ October 5, 2009 [REPLY]

>>1 Yuiya さん
CSSを使用します＾＾

全ての画像リンクに、
「画像にマウスを置くと陰で見えにくかった画像が映し出される」
ようにする場合、
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

a img {
padding: 5px;
filter:alpha(opacity=50);/* IE */
-moz-opacity: 0.5; /* Firefox */
opacity: 0.5; /* Opera */
background: #585858 url(slash_photo.png) left top;
border: 1px solid #515151;
}
a:hover img {
filter:alpha(opacity=100);/* IE */
-moz-opacity: 1; /* Firefox */
opacity: 1; /* Opera */
background-color: #cccccc;
}
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

◆a img
padding⇒背景の大きさ
opacity⇒透明度
※100もしくは1で普通の画像の状態。
数値を下げれば下げる程、雲がかったようになります。
background⇒背景の色　url(slash_photo.png)⇒背景画像
border⇒枠の太さ　solid⇒枠の色

◆a:hover img（マウスオン時）
opacity⇒透明度
※100もしくは1で普通の画像の状態。
数値を下げれば下げる程、雲がかったようになります。
background-color⇒背景の色

特別な画像のみに使用したい場合は、
.kage a img
.kage a:hover img
のように前に何か文字を決めてCSSに記入し、
HTMLにはclass属性を追加します。
<span class="kage"><a href="リンク先"><img src="画像ＵＲＬ"></a></span>
と記入した場合のみ表示されるようになります。

こんな感じでわかりますか？(；・∀・)