※自動的に取得した外部サイトのリンクです。閲覧は自己責任でお願いいたします。 Powered By 画RSS

2011年2月23日水曜日

グレーの枠線。オク○バ風[CSS]



%app_name%
スクリーンショット置き場
価格 %price%
評価 %rating_stars%(%rating_count%)
インストール総数 %installs%
ダウンロード
PCサイトから
%attribution2%
説明文を書くところ
アプリ名
(クリックでPCサイトへ)
%app_name%
アプリのバージョン %current_version%
アプリの最終更新日 %updated%
価格 %price%
カテゴリ %category%
Marketでの評価 %rating_stars%(%rating_count%)
インストール総数 %installs%
対応OS %requires_android%
アプリケーションの容量 %size%
ダウンロード
(Android端末からはQRコードをタップ!)
※記事掲載時の情報です:%attribution2%
Embed format(改行削除してコピペ推奨)
<style type="text/css">
.swandroid110223 { 
  width: 100%;
}
.swandroid110223 td{ 
  border:solid 1px #DDDDDD;
  text-align:center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
background: #eeeeee; /* old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */

  color:#111111;
}
.swandroid110223 img{
  border:none;
}
.swandroid110223 a:link,.classname a:visited{
 text-decoration : none;
 color: #B1142D;
}
td.ssattribution {
  font-size:xx-small;
  text-align: right;
  background:none;
  border:none;
}
</style>
<hr>
<a href="%url%"><span style="font-size:large;">%app_name%</span></a>
<div>
<div style="float:left;">スクリーンショット置き場
</div>
<div style="float:right;width:280px">
<table class="swandroid110223">
 <tr>
 <td>価格</td>
 <td>%price%</td>
 </tr>
 <tr>
 <td>評価</td>
 <td><span title="%rating%">%rating_stars%</span><span style="font-size:xx-small;">(%rating_count%)</span></td>
 </tr>
 <tr>
 <td>インストール総数</td>
 <td><span style="font-size:xx-small;">%installs%</span></td>
 </tr>
 <tr>
 <td>ダウンロード</td>
 <td><a href="%market_url%"><img src="http://chart.apis.google.com/chart?chs=40x40&cht=qr&chld=l|1&chl=%market_url%"></a><br><a href="%url%"><span style="font-size:xx-small">PCサイトから</span></a>
 </td>
 </tr>
 <tr>
 <td colspan="2" class="ssattribution"><span style="font-size:xx-small">%attribution2%</span></td>
 </tr>
 </table>
</div>
<div style="clear:both"></div>
</div>
<div>説明文を書くところ</div>
<div>
  <table class="swandroid110223">
    <tr>
      <td>アプリ名<br><span style="font-size:xx-small">(クリックでPCサイトへ)</span></td>
      <td><a href="%url%">%app_name%</a></td>
    </tr>
    <tr>
      <td>アプリのバージョン</td>
      <td>%current_version%</td>
    </tr>
    <tr>
      <td>アプリの最終更新日</td>
      <td>%updated%</td>
    </tr>
    <tr>
      <td>価格</td>
      <td>%price%</td>
    </tr>
    <tr>
      <td>カテゴリ</td>
      <td>%category%</td>
    </tr>
    <tr>
      <td>Marketでの評価</td>
      <td><span title="%rating%">%rating_stars%</span><span style="font-size:xx-small">(%rating_count%)</span></td>
    </tr>
    <tr>
      <td>インストール総数</td>
      <td>%installs%</td>
    </tr>
    <tr>
      <td>対応OS</td>
      <td>%requires_android%</td>
    </tr>
    <tr>
      <td>アプリケーションの容量</td>
      <td>%size%</td>
    </tr>
    <tr>
      <td>ダウンロード<br><span style="font-size:xx-small">(Android端末からはQRコードをタップ!)</span></td>
      <td><a href="%market_url%"><img src="http://chart.apis.google.com/chart?chs=40x40&cht=qr&chld=l|1&chl=%market_url%"></a> </td>
    </tr>
    <tr>
      <td colspan="2" class="ssattribution"><span style="font-size:xx-small">※記事掲載時の情報です:%attribution2%</span></td>
    </tr>
  </table>
</div>
Star format
-Star on
<span style="color: #FFFF00">★</span>
-Star off
<span style="color: #888888">★</span>

0 件のコメント:

コメントを投稿