mk-mode BLOG

Twitter - ツイートボタンでW3Cエラー！

2011 年 7 月 11 日 0：20 | 513 Views | ｶﾃｺﾞﾘｰ：サーバ構築, ブログ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

当方のWordPressのブログ記事にTweetボタンを設置しようと思い、手っ取り早くプラグインで導入していました。

しかし、Twitterの公式サイトにTweetボタン用HTMLソース作成サービスがあることを知り、早速こちらを試してみました。（公式に公開されているもを使わない理由もないので）

簡単な手順でHTMLソースが作成されます。このソースを好みの場所に貼り付ければ完了です。
続きを読む »

タグ： Twitter, W3C

2011 年 7 月 11 日 0：20 | 513 Views | ｶﾃｺﾞﾘｰ：サーバ構築, ブログ | ｺﾒﾝﾄ（0） | 印刷

ホームページに外部ＲＳＳを表示！

2010 年 9 月 23 日 0：20 | 277 Views | ｶﾃｺﾞﾘｰ：ホームページ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

今日はホームページに外部のＲＳＳフィードを表示してみました。

まず、ネット上にいろいろと公開されているＰＨＰスクリプトの中から「MagpieRSS - PHP で使える RSS パーサー。」というものを使用してみました。

続きを読む »

タグ： W3C, XHTML

2010 年 9 月 23 日 0：20 | 277 Views | ｶﾃｺﾞﾘｰ：ホームページ | ｺﾒﾝﾄ（0） | 印刷

ＷｏｒｄＰｒｅｓｓ － Ｗ３Ｃ（ＣＳＳ）がＳｙｎｔａｘＨｉｇｈｌｉｇｈｔｅｒでエラー！

2010 年 9 月 13 日 0：20 | 193 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

先日あたりから、再チェックしてきた「Ｗ３Ｃ（ＸＨＴＭＬ１．０・ＣＳＳ）」チェック。

うまくいっているように見えましたが、

記事内にソースコードを記載する際に「ＳｙｎｔａｘＨｉｇｈｌｉｇｈｔｅｒ」というコードを綺麗に表示させるプラグインを使用すると、
このプラグインの「shCore.css」で「Ｗ３Ｃ（ＸＨＴＭＬ１．０・ＣＳＳ）」チェックがエラーとなってしまいます。
続きを読む »

タグ： CSS, W3C, WordPress, プラグイン

2010 年 9 月 13 日 0：20 | 193 Views | ｶﾃｺﾞﾘｰ：ブログ | ｺﾒﾝﾄ（0） | 印刷

Ｗ３Ｃ（ＸＨＴＭＬ１．０）エラー！

2010 年 9 月 10 日 0：20 | 225 Views | ｶﾃｺﾞﾘｰ：ブログ, ホームページ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

以前の記録「W3Cのチェック！」のとおり、
今まで当ブログは「Ｗ３Ｃ（ＸＨＴＭＬ１．０）」チェックＯＫとして表示していました。
正当なＨＴＭＬであるとして「Ｗ３Ｃ（ＸＨＴＭＬ１．０）」のロゴも表示させていました。

しかし、先日導入したアフィリエイト（ＧｏｏｇｌｅＡｄＳｅｎｓｅ・バリューコマース）のリンクコードが、
「Ｗ３Ｃ（ＸＨＴＭＬ１．０）」チェックでエラーとなってしまいます。

続きを読む »

タグ： W3C, XHTML, アフィリエイト

2010 年 9 月 10 日 0：20 | 225 Views | ｶﾃｺﾞﾘｰ：ブログ, ホームページ | ｺﾒﾝﾄ（0） | 印刷

ブログのＷ３Ｃ（ＣＳＳ）チェック！

2009 年 3 月 2 日 0：10 | 293 Views | ｶﾃｺﾞﾘｰ：サーバ構築, ブログ | ｺﾒﾝﾄ（0） | 印刷

こんばんは。

　　
昨日、自分の ブログページ のＷ３Ｃチェックを行いましたが、今日はＷ３ＣのＣＳＳの方をチェックしてみました。

エラーは意外と少なく１０個ほどでした。

エラーの内容は、ほとんどがケアレスミスでしたが、他にクロスブラウザ対応の記述部分がエラーになってました。

ＩＥ用の記述部分ですが、ＩＥってかなりのくせものですな～。
Ｗ３Ｃへの対応が遅れているそうな。

普段、自分はＩＥなんて使わないから、あまり意識してなかったけど、、、
時々、もしやと思ってＩＥで表示を確認してみるとやっぱりおかしいってことが非常に多すぎる！

僕が思うに数々のブラウザの中でも一番やっかいじゃないんかな！？

ま、そんなこんなで何とかＷ３Ｃ（ＣＳＳ）チェックもＯＫになったんで、めでたし。

ちなみにＩＥ対応するのに結構ググって調べて以下のように修正しました。
（正確かどうかは不安だが、とりあえずチェックが通ったんで。。。）
↓↓修正前↓↓

div.post table.code pre.code {
    margin: 0px;
    border: groove 1px #808080;
    background-color: #333333;
    padding: 10px;
    font-size: 1em;
    line-height: 1.4em;
    overflow: auto;
    overflow-y: hidden;
    _width: 90%;                /* for IE4 - IE6 */
    *padding-bottom: 25px;      /* for IE? - IE7 */
    color: #FFFFFF;
}

このままだと、
「 overflow-y: hidden; 」、「 _width: 90%; 」、「 *padding-bottom: 25px; 」の部分がＷ３Ｃ（ＣＳＳ）でエラーになります。

↓↓修正後↓↓

div.post table.code pre.code {
    margin: 0px;
    border: groove 1px #808080;
    background-color: #333333;
    padding: 10px;
    font-size: 1em;
    line-height: 1.4em;
    overflow: scroll;
    color: #FFFFFF;
}

/* for IE? - IE7 */
*:first-child+html {} * html {} div.post table.code pre.code {
    width: 90%;
    padding-bottom: 25px;
}

「 *:first-child+html {} * html {} 」を付けると、ＩＥ（７以前）に対応できるみたい。

※ちなみにこちら（ 小粋空間:IE7 の CSS ハック ）を参考にさせてもらいました。

これで、このバナーを貼れます。

（当ブログの右下参照！）

※当方では以下のブラウザで動作確認しています。

• FireFox3.0.6
• Opera9.63
• InternetExplorer6.0

・ＩＥ７では試してませんので、あしからず。。。

　　
じゃあまた！

タグ： CSS, W3C, WordPress

2009 年 3 月 2 日 0：10 | 293 Views | ｶﾃｺﾞﾘｰ：サーバ構築, ブログ | ｺﾒﾝﾄ（0） | 印刷