Panoramio Widget API

2013年12月3日火曜日

conversationのサムネイルを拡大する方法 (stylish)

※conversationサムネイルが拡大されました。因ってこの記事の内容は不要です。[2013.Dec.12]


現在、Panoramioのconversationサムネイルは小さ過ぎて、とても見辛いです。そのうちにコメントはGoogle+と統合されるだろうから、無駄になるかも知れないけど、CSSを書き換えて、サムネイルを大きく表示させてみました。
※ポートレイトは拡大表示になるため、画質が悪くなります。

20131203_before_after

  • Chrome用のStylish(拡張機能)は各自でインストールしてください。
  • 「新しいスタイルを作成」をクリック
  • 名前は任意の名前を入力してください。
  • コード欄には別記コードを記入
  • 「個別指定」をクリックする
  • URLのプルダウンメニューは2つ目の「次で始まるURL」を選び、アドレス欄には下記の2つを入力する。※ユーザーページだけで動作するように。
    • http://www.panoramio.com/user/
    • https://ssl.panoramio.com/user/
  • 有効欄にチェックを入れて、保存する。

入力するコード

#userpage
.comment .comment-img{
width: 110px!important;
}

#userpage
.comment .comment-avatar {
width: 100px!important;
}

#userpage
.comment .comment-inner {
max-width: 650px!important;
}


20131203_stylish_conversation



20131203_on_off



Stylishのアイコンをクリックすると、
有効化/無効化の切替が出来ます。








Google+とリンクし、Google+で見ると写真が大きく表示されるのかも???
サムネイル用の画像幅は100pxなのに、わざわざ縮小表示をして見辛くしているしな・・・

0 件のコメント:

コメントを投稿