FC2ブログ

工事完了 PNNブログver10.0

Image1697

Chromeで見たレイアウト構成

 

Image1698

ExpressionWeb4のスーパープレビュー機能で他のブラウザでもきちんと表示できるかを確認

 

Image1699

IE9/FF5

 

Image1700

IE6/Safari

 

おそらく問題はないと思いますがフィードバックは大歓迎ですので、何かお気づきになられましたらコメントなどでご意見をお寄せください。

 

今回のバージョンアップ

・FC2ブログからLivedoorブログへの以降(画像ホスティングサービスの問題により)

・記述方式をhtml5から旧htmlへダウングレード(IE批准のため)

・コメントサービスは従来通りDisqusを利用、スパム対策としてakismetを利用

Comment spam prevention for your blog - Akismet
http://akismet.com/

 

その他はあまり変わりません。私好みの2カラムシンプルスタイルにしました。

FC2よりもコーディングは格段にしやすかったです。

 

続きを読む

スポンサーサイト



工事中間報告

今日の仕様変更

・GoogleMapsAPIに対応させた。


大きな地図で見る

工事中間報告20110207

今日の仕様変更

■画像ストレージを外部に移行した。

ちなみにFC2Webのストレージは直リンを許可していないので画像倉庫としては利用できないことが判明しました。

そこで色々オンラインストレージサービスを検索していたのですが、国産のストレージはほとんどお金をとったり、無料であってもちょっと胡散臭いところばかりです。

しかし英語で検索してみると結構ヒットします。解決方法は外国の大手オンラインストレージを利用するという方法でした。

しかし、このクラウドコンピューティングの時代に、オンラインストレージを探しだすのにこれほどまでに時間がかかるとは思ってもいませんでした。

Y社のWebスペースなんて300MB程で月100円程度ですって。本当にこの狭い日本だからこそ、そこに情報弱者がいる限り、このボッタクリとも言えるような、殿様商法が可能なんですね。

本当にこういった分野では日本は確実に欧米諸国の後を追っている感じですね。

 

一昔前にも、きり番の掟やら右クリック禁止やら訳のわからないローカルルールが蔓延するようなお国柄です。直リンに関しても同様の掟が存在するようで、直リンは絶対にダメだとか非常に面白いローカルルールが流行っているような。

そんな回線が細すぎて困っているのならともかく、こんなに相互のリンクでNetがここまででかくなっているのに、直リン禁止とか本当に女々しすぎるw

一生ガラパゴスの中で過ごしときなJAPどもHAHAHAと、外人の気持ちが少しだけ分かった今日この日でした。

FireFoxでのFloatすると背景色が反映されないの解決法

さっきも書いたけど、FireFoxでは親のDivに内包される子のDivがFloatされると、親のDivで指定した背景色が反映されなくなるというバグが存在するらしい。
その解決方法として、親のDivに高さを指定してやればいいらしい。

↓書き換える前

/*
ブログトップロゴとgoogleカスタム検索の2カラム化
*/
#Blog_Top{
clear:both;
background-color:#eeeeee;
width:100%;
}

#Blog_Title{
margin:0;
width:70%;
float:left;
}
#Blog_Top_Search{
padding-top:1em;
width:30%;
float:right;
}


↓書き換えたあと

/*
ブログトップロゴとgoogleカスタム検索の2カラム化
*/
#Blog_Top{
clear:both;
background-color:#eeeeee;
width:100%;
height:3em;       ←ここを書き加えた
}

#Blog_Title{
margin:0;
width:70%;
float:left;
}
#Blog_Top_Search{
padding-top:1em;
width:30%;
float:right;
}

20110120-工事中間報告

htmlコードはこちら


/*
サイドメニューとブログ本体の2カラム化
*/
#Side_Menu{
width:20%;
float:left;
border-right-style:dotted;
border-right-width:1px;
border-right-color:#cccccc;
padding-right:1%;
}

#Blog_Body{
width:75%;
float:right;
padding-left:1%;
}

/*サイドメニュー*/
#Author_Top,#Link_Top,#Categ_Top{
clear:both;
border-left-style:solid;
border-left-width:3px;
border-left-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#000000;
}

/*個別記事表示*/
#Blog_Body_Permanent_Coment_Disp{
clear:both;
padding-left:1em;
}
#Blog_Body_Permanent_NPDisp{
text-align:center;
}
#Blog_Body_Permanent_Coment_Submit_Form{
background-color:#eeeeee;
padding:1em;
}

/*複数種類のidにまたがる設定領域*/
#Blog_Body_Index_Top,#Blog_Body_Permanent_Top{
clear:both;
padding-left:0.4em;
border-left: medium solid #cccccc;
}



/*工事中であることを示す表示領域(工事が終われば撤去予定)*/
#str {
clear:both;
}
プロフィール

Naka210

Author:Naka210
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR