閲覧ユーザのアイコンを出す方法

データ欠損

アイテム番号: SCP-XXX-JP

オブジェクトクラス: null

特別収容プロトコル: 報告書の作成者を探してください。

説明: 財団内で時おり見かけます。データベースに侵入し報告書を眺めています。時おりランダムに選んだ報告書を選択し、その報告書は自分が作成したものだと主張する事があります。

定期的にSCP-XXX-JPに関する報告書は提出されますが、その作成者は不明であり、また直接の目撃例もありません。

---

この報告書を作成したのは誰ですか？

---

Created By: C-take

+ ソースコード展開

[[div class="site-menber"]]
[[module ListUsers users="."]]
[[div class="member-area"]]
[[div class="member-img"]]
[[image http://www.wikidot.com/avatar.php?userid=%%number%%]]
[[div class="member-caption"]]
SCP-XXX-JPを示すアイコン
[[/div]]
[[/div]]
**アイテム番号:** SCP-XXX-JP
 
**オブジェクトクラス:** %%title%%
[[/div]]
[[/module]]
[[div class="member-area"]]
[[div class="member-img"]]
[[div style="background-color:#000;height:200px;widht:300px"]]
[[/div]]
[[div class="member-caption"]]
データ欠損
[[/div]]
[[/div]]
**アイテム番号:** SCP-XXX-JP
 
**オブジェクトクラス:** null
[[/div]]
[[/div]]
**特別収容プロトコル:** 報告書の作成者を探してください。
 
**説明:** 財団内で時おり見かけます。データベースに侵入し報告書を眺めています。時おりランダムに選んだ報告書を選択し、その報告書は自分が作成したものだと主張する事があります。
 
定期的にSCP-XXX-JPに関する報告書は提出されますが、その作成者は不明であり、また直接の目撃例もありません。
[[div style="clear:both;"]]
[[/div]]
----
> この報告書を作成したのは誰ですか？
[[module css]]
.site-menber {
width:100%;
 
}
.site-menber > div.member-area:nth-child(2){
display:none;
}
 
.member-img{
    border: solid 1px #666;
    box-shadow: 0 1px 6px rgba(0,0,0,.25);
    width: 300px;
    float: right;
    clear: right;
    margin: 0 2em 1em 0;
}
 
.member-area img{
display:block;
width:300px;
height:auto;
}
 
.member-caption{
    background-color: #eee;
    border-top: solid 1px #666;
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
[[/module]]

解説

Wikidotのアバターアイコンは下記の様に登録されています。

http://www.wikidot.com/avatar.php?userid=<番号ID>

番号IDとはそれぞれのWikidotのアカウントに付けられた一意の数字によるIDです。この番号IDはListUsersModuleの%%number%%によって取得できます。

従って

[[module ListUsers users="."]]
[[image http://www.wikidot.com/avatar.php?userid=%%number%%]]
[[/module]]

上記のコードを書く事によって、閲覧ユーザのアイコンを表示する事ができます。