スライドを開く

2008年2月アーカイブ

Dell XPS M1330注文してきました。

| | コメント(0) | トラックバック(0) | | トップへ |



そろそろ外でいろいろしたくなってきたので、Dellでモバイルノート注文してきました。


Dellにしてはかなりよさげなデザインでlet's noteと併せて検討したんですが、カスタマイズするとlet's note高すぎて無理でした(笑)


クリエィティブでも使えるようにかなり良い構成にしました。


ハードディスクの回転数が少ないですが、遅くてだめだったら交換かな。


構成はこんな感じ



ご注文機種:


----------------------------------------------------


XPS M1330 プレミアムパッケージ - 10/100 Ethernet ネットワークコントローラ(


オンボード), Windows Vista(R) Ultimate 32ヒ゛ット 正規版 (日本語版)-- ネ


ットワークアダプタ:-- 10/100 Ethernet ネットワークコントローラ(オンボード)


-----------------------




    • CPU:-- インテル(R) Core(TM) 2 Duo プロセッサー T7250 (2MB L2キャッシュ



、2.0GHz、800MHz FSB)


-----------------------




    • キーボード:-- 日本語キーボード



-----------------------




    • メモリ:-- 【デル推奨】 4GB(2GBx2) デュアルチャネル



DDR2-SDRAMメモリ?、2/15


から6,300円値下げしました。


-----------------------




    • グラフィックコントローラ:-- NVIDIA(R) GeForce(R) 8400M GS 128MB DDR3



-----------------------




    • キャリングケース:-- キャリングケース無し



-----------------------




    • ハードディスク:-- 160GB SATA HDD(5400回転)



-----------------------




    • OS:-- Windows Vista(R) Ultimate 32ヒ゛ット 正規版 (日本語版)



-----------------------




    • 指紋認証デバイス:-- 指紋認証デバイス



-----------------------




    • ACアダプタ:-- 65W ACアダプタ



-----------------------




    • 光学ドライブ:-- DVD+/-RWドライブ(DVD+R 2層書込み対応)



-----------------------




    • サウンド:-- Sound Blaster(R) Audigy(R) ADVANCED MB (Audio ソフトウェア




-----------------------




    • 液晶ディスプレイ:-- 13.3インチ TFT TrueLife(TM) WXGA 光沢液晶ディスプ



レイ(1280x800)


-----------------------




    • ハードディスクパーティション設定:-- パーティション設定 Cドライブ:60GB



、Dドライブ:残り


-----------------------




    • アンチウイルスソフト:-- ウイルスバスター14 インターネット セキュリティ



15


ヶ月版


-----------------------




    • マイクロソフトOffice製品:-- 【デル推奨】Microsoft(R) Office Personal



2007 with PowerPoint 2007
Word 2007, Excel 2007, Outlook 2007, PowerPoint


2007
35,700



-----------------------




    • デルケア [パソコン本体の保証]:-- 標準 - 1年保守 [出張対応による修理]



-----------------------




    • バッテリ:-- 9セルバッテリ+9セルスペアバッテリ



-----------------------




    • カラー&ウェブカメラ:-- サファイア・ブラック (200万画素Webカメラ搭載)



-----------------------




    • Misc 5:-- PCリサイクルマークシール あり



-----------------------




    • Bluetooth:-- Dell Wireless(TM) 355内蔵Bluetooh モジュール



-----------------------




    • ワイヤレスLAN:-- Core 2 Duo向け インテル(R) Next-Gen Wireless-N



(802.11a/b/g/n


対応)


-----------------------




    • パッケージディスカウント:-- パッケージ価格 27,629円(税込)OFF



(PIOT4344



-----------------------




    • ハードディスクリカバリーイメージ:-- デル 工場出荷イメージ(ハードディ



スク格納)
ただし32GB SSDの場合は搭載されません


-----------------------




    • インナーケース:-- Dell製インナーケース



-----------------------


小計: \206,644


こんな感じです。


届いたらまた感想書きます。


Microsoftの思惑

| | コメント(0) | トラックバック(0) | | トップへ |



MSのオープンソース受け入れに疑問


Microsoftは確実に落ちてきていますね。


もう米Yahooを買収しようがしまいが、軌道修正しない限り先はなさそうです。


googleも買収阻止のためにいろいろとやってくるだろうし。


Microsoftがソースコードを公開したようですが、完全にオープンソースを受け入れたわけではないみたいで、


まったくどこまでひねくれた会社なんでしょうか、時代遅れの思考もほどほどにしてほしいものです。


またひとつMicrosoftが嫌いになりました(笑)


ああ~なんか花粉症ってやつですか

| | コメント(2) | トラックバック(0) | | トップへ |



f:id:ryuichi1com:20080225143354p:image


人生初、鼻水に困っています。


これが花粉症というやつですか?


自分はならね~よっへへっって思っていたんですがダメでした。


コンビニで高級ティシュを買って使いまくりですよ・・・ちくしょうorz


花粉症じゃない・・・きっと風邪なんだ!


認めたくありません(苦笑)


新サイトの制作開始02

| | コメント(0) | トラックバック(0) | | トップへ |



いろいろごたごたしていてエントリーできませんでしたが、ちょこちょこと作り続けてます。


途中経過


今のところ大枠と、管理画面の大枠ができた感じ。


f:id:ryuichi1com:20080221231047g:image


今のところ動作可能な機能が、読み込むjavascriptとCSSの指定のみ。


ソースを載せたいんだけど、全部のソース載せると今の時点ですごい量になるので、ロジックだけメモ。




  1. 読み込むjavascriptの指定はまずファイル名を送信するフォームを作成。

  2. そのフォームから送信されたデータを再利用しやすくするために、改行区切りのtextファイルに保存する。

  3. そのtextファイルをもとに、index.php側でscriptタグを生成する。


流れはこんな感じでcssの指定も同じロジック。


喉がいがいがしてきた…

| | コメント(2) | トラックバック(0) | | トップへ |



今日の夕方から風邪っぽいです…


やばいと思い会社のオフィスグリコでのど飴を購入して仕事終わるまでなめなめしました。


今会社を休むと非常にまずいので明日熱が出ても休めない…



何とか栄養つけるために沖縄料理を食べて食後にコンビニで600円の栄養ドリンク買って飲みました。



帰って速攻寝ます(泣)


明日には治ってますように…


ファイルが存在しているか調べる方法

| | コメント(0) | トラックバック(0) | | トップへ |




<?php
$FileExist = file_exists("sample.html");
?>

「sample.html」が存在する場合は$FileExistに「true」が格納されます。


存在しない場合は逆に「false」が格納されます。


ファイルが存在しない状態で、ファイルを読み込もうとするとエラーが表示されるので、これで確認してから処理させると良いですね。


今さらだけどGoogle Map API日本語版マニュアルがでているそうです。

| | コメント(0) | トラックバック(0) | | トップへ |



Google マップ API



以前は英語版のマニュアルしかなく、設置するのも一苦労でした。


APIリファレンスもでているようなので、英語でわからないってことで諦めてた方も、これを機にいじってみてはいかがでしょうか?


配置と写真を間違えると非常にまずいヒゲチェン

| | コメント(0) | トラックバック(0) | | トップへ |



ヒゲチェン


サンプル写真


f:id:ryuichi1com:20080214101932j:image


素材集の画像をつかってやってみました。


静止画はあまり問題ないのですが、ムービーはやばいです・・・


こわすぎます・・・


是非自分の画像でやってみてください。


なかなか面白いFlash物理エンジンでできたLine Golf

| | コメント(0) | トラックバック(0) | | トップへ |



Line Golf


自分や他の人が作ったコースで遊べるFlashゲームです。


flashの物理エンジンを使っているようで、よくできています。


すごくシンプルですが、楽しいのでやってみてください。


お勧めです。


マーケティングのプロを説得させるのって難しい・・・

| | コメント(0) | トラックバック(0) | | トップへ |



仕事ですごく仕事のできる尊敬する上司がいらっしゃるのですが、今日企画のMTGでやはりコストのかかる企画になると、納得させるのはとても難しい(自分の能力がないだけだけど・・・)



まず現状を把握し、良い点と、問題点を把握する。


(できれば数値で)


次にその原因をもとに、どうすれば解決できるのかを考える。


(解決策に根拠がなければもちろん通るはずもない)


さらにその解決策を行うことで、どれだけの効果があるのかを考える。


(ここも数値でだせると信憑性が湧く)


で、その解決策にどれだけのコストと、工数がかかるのかを出す。


効果より、コストと工数が上回るようだと、そもそもその解決策はメリットがないので使い物にならない。



今のところ自分の貧弱な頭で把握できたのはここまで。


いくら理屈っぽいと言われようと、ビジネスでは数値と結果がすべてで効果が見込めないものは行わないのが普通なんですね。



この経験をできるというのはなかなかないと思うので、この環境を与えてもらっていることに感謝です。


必ず会社にこの恩を還元しなければ。


転載:いよいよ2月13日から始まるIE7の自動更新をブロックする方法(まだ間に合うかも・・・)

| | コメント(2) | トラックバック(0) | | トップへ |



今日、13日にIE7の自動更新が行われます。


WEB制作側としては、まだIE6を残しておくべきでしょう。


いよいよ2月13日から始まるIE7の自動更新をブロックする方法


↑に詳しいブロック方法が記載されています。


IE6が減るのが良いことですが、まだまだ、無くなりはしないでしょう・・・


転載:可能なかぎり最高のタイトルタグを作る方法

| | コメント(0) | トラックバック(0) | | トップへ |



WEB担当者フォーラム:可能なかぎり最高のタイトルタグを作る方法


今リアルにSEOでタイトルをどうするか検討中で、とても参考になるので、メモしておきます。



  1. 自分のトラフィックをブランド化せよ

  2. 長さを65文字(スペースも含む)までに抑えよう

  3. キーワードを織り込もう

  4. 分割記号を使おう

  5. クリックスルー率とコンバージョン率に注目しよう

  6. 検索ユーザーの意図を絞り込め

  7. 一貫性を保て

  8. タイトルをヘッドラインにも使おう



65文字というのは、日本語の65文字ではなくつまり65バイトのこと。


ということは日本語で32.5文字までということになる。


このなかに、最高のキーワードを含めた、わかりやすくクリックされやすいタイトルを考えなければいけない。


言葉って難しいですね。


ブログ風に引数を受け取る方法

| | コメント(0) | トラックバック(0) | | トップへ |



PHPで普通に引数を受け取る方法は以下のような形ですが



http://dammy.jp/index.php?id=1

ブログの以下のような感じで引数を受け取ることができるのがわかったのでメモ



http://dammy.jp/index/2008/02/12/

まず、.htaccessに以下の内容を記述します。


サーバーの場合



Options MultiViews
AddType text/html .php

※サーバーによっては利用できないそうです。


XAMPPの場合



Options +MultiViews

環境によって使用可能か変わってきてしまうので、あくまで参考としてください。



次に、引数を受け取りたいページに、以下のPHPを記述します。



<?php
list(,$_GET["Path1"], $_GET["Path2"], $_GET["Path3"]) = explode('/', $_SERVER['PATH_INFO']);
$GetPath1 = htmlspecialchars($_GET["Path1"], ENT_QUOTES);
$GetPath2 = htmlspecialchars($_GET["Path2"], ENT_QUOTES);
$GetPath3 = htmlspecialchars($_GET["Path3"], ENT_QUOTES);
//表示
echo $GetPath1 . "" . $GetPath2 . "" . $GetPath3 . "";
?>

サンプルパス



http://dammy.jp/index/2008/02/12/

表示結果



2008年02月12日

これで、SEO対策にもなるしスマートなURLになりますね。


デスノートスピンオフ「L Change the WorLd」見てきました。

| | コメント(0) | トラックバック(0) | | トップへ |



※ネタバレあるかもしれないので、見る方は注意


つまらないかなと思って見に行ったんですが、意外な展開でそれなりに楽しめました。


Lが自ら自分の名前をデスノートに記してから死ぬまでの最期の23日間の話です。


話はLが月と決着をつけるため、日本に渡るところから始まります。


具体的な話は月の死後がメインです。


last nameでは、月が死神でしたが、L Change the WorLdでは、人間が作り出した死神と戦っていきます。


その中で、今まで見えなかったLを見ることができます。


途中、ホラーなみに怖いシーンもあり、最期はハッピーエンドとはいえませんが、良い話だと思いました。



映画の内容はこのぐらいにしておいて。


なぜLがこんなにも人気になり、スピンオフまで制作されたのか、気になっています。


でも、自分もそれにはまった一人なのは間違いないかな・・・


最初、頭は良いがとても冷めている印象があった。


それを覆してくれたのがlast nameでLの意外な一面でミサミサのファンであること。(他にもあるが・・・)


そのギャップが良かったのかもしれない。



こんなことを考えると、現実で完璧すぎる人よりも、少し欠点があったり、ちょいわるオヤジだったり


ツンデレだったり、ギャップがあると、人に強い印象を与えられるんじゃないかと思います。


色々なことに使えそうな気がしますね、ギャップって。


この映画を観て、そんなことを感じました。



最後に、L Change the WorLdで心に残った言葉「どんな天才でも、一人では世界を変えることはできない」



おわり


新サイトの制作開始

| | コメント(0) | トラックバック(0) | | トップへ |



f:id:ryuichi1com:20080209231145j:image


また新しくデザインからサイトを作ることにしました。


途中経過とその際に使った技術をソース付き(予定)で公開していきたいと思います。


一回できてしまうと飽きてまた次のを作り出すタイプなので、最後までできる保障はないです(苦笑)


コンテンツはデザイン系とプログラム(PHP,Ajax等)の記事を書くブログ形式のサイト。


中のシステムはMTも考えたのですが、自由度が低いので、PHPで簡単なCMS化を行う。


データベースは使わず、ファイルをデータベース代わりに使ってデータを保存してみる。


PHPの勉強になるし、MTの動かないサーバーでも管理できる簡易CMSができるといいな。


Yahooがんばれっ!

| | コメント(0) | トラックバック(0) | | トップへ |



http://gigazine.net/index.php?/news/comments/20080208_yahoo_fight/


マイクロソフトによる買収行為を防ぐあらゆる対抗措置を行うことを決定したとのこと


個人的な想いとしてマイクロソフトに対抗して買収を防いでほしい。


Googleがついてくれているのも大きいですね。


(まあ、会社的には競合ですが・・・)


戦略BASiCSとは

| | コメント(0) | トラックバック(0) | | トップへ |




図解 実戦マーケティング戦略

図解 実戦マーケティング戦略





上記書籍より抜粋


戦略BASiCSの5つの要素







Battlefield競争の場・洗浄
Assetマーケティング資産
Strongth強み・差別化ポイント
Customer顧客ターゲット
Selling Message売り文句

iはごろ合わせ


最近マーケティングをしなければいけない状況になり、必至で本を読みあさっている。


いろいろな本を読んでいるが、根本的に売るものが競合より優れていないとwebで物やサービスを売るのは難しいと感じます。


(もちろん優れているというのはいろいろな視点がありますが)


その競合より優れた点を把握しなければいけない。


webサイトを作る方の観点からすると、言われたものをただ作るということでは、実際に結果がでるwebサイトは作れないですね。


本来この部分はプロデューサーやディレクターが行うんだと思いますが、実際に制作を行う人もこういう観点をもっているとまた


違うのかなと思います。


(すごく個人的な見方ですが・・・)


google adwordsで広告出稿する際便利なページ

| | コメント(0) | トラックバック(0) | | トップへ |



ユーザーの検索キーワードを調べる


キーワードアドバイスツール



キーワードのトレンドを調べる


google trends



広告出稿の競合(スポンサー)を調べる


google スポンサー検索



あとはアドワーズのお見積もりツールを使えば一通りはわかるんじゃないでしょうか


google adwords


簡易Ajax RSS Readerβ2

| | コメント(0) | トラックバック(0) | | トップへ |



クライアント側でAjax、サーバー側でPHPを利用した、簡易RSSリーダーです。


RSSのURL・名前を保存でき、保存をパスワードで制限できます。


保存したRSSはリストに表示され、そのリストから見たいRSSを選択するとそのRSSが読み込まれ表示されます。


β1に入力フォームの開閉機能とフォームのバリデーション機能を追加しました。


データ




仕様


XHTML1 Transitional


PHP4.0,5.0で動作(RSS処理用のPHPライブラリを利用)


JavaScript(prototype.jsを利用)


動作環境:Firefox1.5~、IE6~


※ローカルで利用する場合はXAMPP等が必要です。



マニュアル


上のダウンロードからダウンロードして、zipファイルを解凍してください。


以下のファイルが格納されています。



ファイル構成


  • root

    • index.html

    • rss

      • img

      • data.txt

      • rss.php

      • rsslist.css

      • rssinput.php



    • js

      • rss.js



    • css

      • rss.css







設定の変更

rssinput.phpの3行目の下記部分「admin」を任意のパスワードに変更します。



$UserPass = "admin"; //ユーザーパス

※このパスワードは新規にRSSを登録する際利用します。



アップロード

カスタマイズしないで利用する場合はこれでサーバーにアップロードしてください。


index.htmlを開けばそのまま利用できます。


カスタマイズしたい場合はHTMLに記述されているソースコードを元に利用してください。



注意


自由に改変・していただいて構いませんが、改変を行った場合はソースを公開していただき、このページへリンクしてください。


このプログラム内で利用されているライブラリの利用条件は、各ライブラリ公開元を参照してください。




CSSの指定に関して


デザインを変更する際は、以下のIDとCLASSを元にCSSを変更してください。


任意のIDやCLASSに変更しますと、プログラムが利用できない場合があります。



















ID/CLASS説明タグ
#RssBoxRSSリーダー全てを囲うdiv
#RssHeader新規RSS・RSSリストを囲うdiv
#RssLeftMenuRSS入力フォームを左寄せするためのBOXdiv
#RssNewDataRSS入力フォームを囲うul
#RssNewDataUrlRSSのURLを入力するinput
#RssNewDataNameRSSの名前を入力するinput
#RssNewDataPassRSSを保存する際のパスワードを入力するinput
#RssSubmit新規RSSを登録するリンクボタンa
#RssListBoxRSSのリストを囲うdiv
#RssListsRSSリストをまとめるul
#RssNow現在表示しているRSSを表示するdiv
#RssChengeBtRSSの一覧を開閉(表示非表示)のリンクボタンを囲うdiv
#RSSAlert新規RSSを保存する際に出力する内容をだすp
#RSSContents指定されたRSSを表示する大枠のdiv
#RSSTitle表示中のRSSタイトルh2
#RSSDesc表示中RSSの説明文p
.RssItems1.RssItems2表示されている1つずつの項目li

デフォルトのrss.cssに関して

デフォルトのCSSは以下になります。


デザインを保つため、Yahoo UIやclearfixを使っています。


他のCSSと一緒に利用してデザインがおかしくなってしまう場合、各CSSを調整してください。



/* YUI CSS */
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display: block;}

/* rss */
#RssBox { width:570px;}
.RssItems1 { padding:5px; border-bottom:1px dashed #222; font-size:90%;}
.RssItems2 { padding:5px;border-bottom:1px dashed #222; font-size:90%;}
.RSSTitle { margin:0 0 5px 0;}
.RSSDesc { margin:0 0 5px 0;}
.RssItems1 a,
.RssItems2 a { text-decoration:none;}
.RssItems1 { background-color:#fff;}
.RssItems2 { background-color:#efefef;}
#RssHeader { height:20px; padding:5px; overflow:hidden; background:url(../rss/img/rss_bg.gif) no-repeat;}
#RssListBox { margin:0 0 0 auto; width:185px; height:20px;}
#RssNow { float:left; width:165px; height:16px; padding:2px 2px 2px 3px; background:url(../rss/img/rss_list_bg.gif) no-repeat; overflow:hidden; color:#fff;}
#RssChengeBt { float:right; width:15px;}
#RssLists { float:left; position:absolute; width:168px; background-color:#333; border:1px solid #111;}
#RssLists li { padding:3px; border-bottom:1px dashed #111; font-size:90%;}
#RssLists li a,
#RssLists li a:hover { text-decoration:none; color:#fff;}
#RssLeftMenu { float:left; width:370px;}
#RssNewData { position:absolute; margin:20px 0 0 0; width:200px; padding:5px; background-color:#000000; border:1px solid #111; text-align:right;}
#RssNewData li { padding:2px; color:#fff;}
#RssNewData input { background-color:#000; padding:1px; font-size:90%; color:#fff; border:1px solid #666;}
#RssNewDataUrl { width:150px;}
#RssNewDataName { width:90px;}
#RssNewDataPass { width:50px;}
#RssSubmit img { vertical-align:top;}
#RSSAlert { padding:10px; margin:10px; border: 3px dashed #aa0000; text-align:center; color:#aa0000;}
#RSSContents { padding:10px;}

米ヤフー、グーグルとの提携を検討=関係筋

| | コメント(0) | トラックバック(0) | | トップへ |



米ヤフー、グーグルとの提携を検討=関係筋


これはまた面白いことになってますね(笑)


落ちぶれたMicrosoftよりシェアNo1のGoogleと仲良くなりたいと。


これが成立するとしたら、Microsoftは更に落ちるんでしょうか。


グーグル、マイクロソフトのヤフー買収を懸念

| | コメント(0) | トラックバック(0) | | トップへ |



グーグル、マイクロソフトのヤフー買収を懸念


”過去の記事”Google対抗、MicrosoftがYahoo!に買収提案


時代遅れな思考しかないMicrosoftはもう無くなっていいよ。


たとえ買収に成功したとしても評判下げるだけなのに、それがわからないのか?


簡易Ajax RSS Readerβ

| | コメント(0) | トラックバック(0) | | トップへ |



クライアント側でAjax、サーバー側でPHPを利用した、簡易RSSリーダーです。


RSSのURL・名前を保存でき、保存をパスワードで制限できます。


保存したRSSはリストに表示され、そのリストから見たいRSSを選択するとそのRSSが読み込まれ表示されます。



データ




仕様


XHTML1 Transitional


PHP4.0,5.0で動作(RSS処理用のPHPライブラリを利用)


JavaScript(prototype.jsを利用)


動作環境:Firefox1.5~、IE6~


※ローカルで利用する場合はXAMPP等が必要です。



マニュアル


上のダウンロードからダウンロードして、zipファイルを解凍してください。


以下のファイルが格納されています。



ファイル構成


  • root

    • index.html

    • rss

      • img

      • data.txt

      • rss.php

      • rsslist.css

      • rssinput.php



    • js

      • rss.js



    • css

      • rss.css







設定の変更

rssinput.phpの3行目の下記部分「admin」を任意のパスワードに変更します。



$UserPass = "admin"; //ユーザーパス

※このパスワードは新規にRSSを登録する際利用します。



アップロード

カスタマイズしないで利用する場合はこれでサーバーにアップロードしてください。


index.htmlを開けばそのまま利用できます。


カスタマイズしたい場合はHTMLに記述されているソースコードを元に利用してください。



注意


自由に改変・していただいて構いませんが、改変を行った場合はソースを公開していただき、このページへリンクしてください。


このプログラム内で利用されているライブラリの利用条件は、各ライブラリ公開元を参照してください。




CSSの指定に関して


デザインを変更する際は、以下のIDとCLASSを元にCSSを変更してください。


任意のIDやCLASSに変更しますと、プログラムが利用できない場合があります。


















ID/CLASS説明タグ
#RssBoxRSSリーダー全てを囲うdiv
#RssHeader新規RSS・RSSリストを囲うdiv
#RssNewDataRSS入力フォームを囲うdiv
#RssNewDataUrlRSSのURLを入力するinput
#RssNewDataNameRSSの名前を入力するinput
#RssNewDataPassRSSを保存する際のパスワードを入力するinput
#RssSubmit新規RSSを登録するリンクボタンa
#RssListBoxRSSのリストを囲うdiv
#RssListsRSSリストをまとめるul
#RssNow現在表示しているRSSを表示するdiv
#RssChengeBtRSSの一覧を開閉(表示非表示)のリンクボタンを囲うdiv
#RSSAlert新規RSSを保存する際に出力する内容をだすp
#RSSContents指定されたRSSを表示する大枠のdiv
#RSSTitle表示中のRSSタイトルh2
#RSSDesc表示中RSSの説明文p
.RssItems1.RssItems2表示されている1つずつの項目li

デフォルトのrss.cssに関して

デフォルトのCSSは以下になります。


デザインを保つため、Yahoo UIやclearfixを使っています。


他のCSSと一緒に利用してデザインがおかしくなってしまう場合、各CSSを調整してください。



/* YUI CSS */
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display: block;}

/* rss */
#RssBox { width:570px;}
.RssItems1 { padding:5px; border-bottom:1px dashed #222; font-size:90%;}
.RssItems2 { padding:5px;border-bottom:1px dashed #222; font-size:90%;}
.RSSTitle { margin:0 0 5px 0;}
.RSSDesc { margin:0 0 5px 0;}
.RssItems1 a,
.RssItems2 a { text-decoration:none;}
#RssHeader { height:20px; padding:5px; overflow:hidden; background:url(../rss/img/rss_bg.gif) no-repeat;}
#RssListBox { margin:0 0 0 auto; width:185px; height:20px;}
#RssNow { float:left; width:165px; height:16px; padding:2px 2px 2px 3px; background:url(../rss/img/rss_list_bg.gif) no-repeat; overflow:hidden; color:#fff;}
#RssChengeBt { float:right; width:15px;}
#RssLists { float:left; position:absolute; width:168px; background-color:#333; border:1px solid #111;}
#RssLists li { padding:3px; border-bottom:1px dashed #111; font-size:90%;}
#RssLists li a,
#RssLists li a:hover { text-decoration:none; color:#fff;}
#RssNewData { float:left; width:370px;}
#RssNewData input { background-color:#000; padding:1px; font-size:90%; color:#fff; border:1px solid #666;}
#RssNewDataUrl { width:150px;}