soilenceの出張サンドボックス-0

Finally it works

… in iPhone!

UPDATE 1.08: 2018/11/21
UPDATE 1.07: 2018/11/03
UPDATE 1.06: 2018/10/30
UPDATE 1.05: 2018/9/29
UPDATE 1.04: 2018/9/16
UPDATE 1.03: 2018/9/06
UPDATE 1.02: 2018/9/05
UPDATE 1.01: 2018/8/25


STANDALONE BUTTONS

Hmm… you're editing this page, aren't you. I can't show you this function due to prevent accidents.This super awesome function is created by Boyu12Boyu12!
Edit Page Source
History Files

私のこのサイトのスペースをお借りします。失礼いたします。

作ったページ

http://pseudo-scp-jp.wikidot.com/soilence-a

http://pseudo-scp-jp.wikidot.com/aug-event-poll-2020

http://pseudo-scp-jp.wikidot.com/soilence-b

http://pseudo-scp-jp.wikidot.com/rights-of-soilence-1

勉強200730-1

http://scp-jp.wikidot.com/wiki-syntax:images
何だこれ、今まで1度も使ったことの無い構文が書いてある…

[[image 画像のソース 属性1="値1" 属性2="値2" ...]]

そしてこちらは許容できる属性の一覧です。

属性名 許容値 値の例 説明
link ウィキページネームやURL "wiki-page"
"http://www.example.com"
"#anchor"
"#"
画像を他のページやウェブアドレスにリンクします。これはFlickrをソースに使う場合には無視されます。リンクの前に'*'を付ければ新しいウィンドウで開けます。ページにあるアンカーにもリンクすることができます。"#"は画像がクリックされたときの動作を防ぎます。
alt 任意の文字列 "私がとった写真" 画像が表示できない場合のためのテキストの置換です。また、スクリーンリーダーで画像を記述するためにも使われます。
title 任意の文字列 "私がとった写真" 画像の上にマウスオーバーしたときに現れるテキストです。
width ピクセルナンバー "200px" 画像が見られた時の幅を強制します
height ピクセルナンバー "200px" 画像が見られた時の高さを強制します
style 有効なCSSスタイル定義 "border: 1px solid red; padding: 2em;" 画像にエキストラCSSスタイルを追加します
class CSSクラス "mystyle" 画像のCSSクラスを強制します。カスタマイズされたテーマのみに使うことを推奨します
size "square" - 75x75ピクセル
"thumbnail" - 一番長い側で100
"small" - 一番長い側で240
"medium" - 一番長い側で500
"medium640" - 一番長い側で640(Flickr専用)
"large" - 一番長い側で1024(Flickrの大きい画像専用)
"original" - オリジナル画像(Flickr専用)
許可されたことなら何でも(´・ω・`) リサイズされた画像を表示します。サムネイルに使われるときに良い機能です
(リンク変数が提供されてなかった場合には透明度は失われますし、サムネイルをクリックしたときにオリジナル画像が開けます)
Flickrがソースである場合、Flickrのサーバーから必要なサイズを持って来ます。
この設定はローカル画像やFlickrの画像のみに有効です

size属性はローカルファイル(ページに添付されていること)に上手く作動されますが、これは画像のファイルだけではなく、例えば、PDFやPostScriptファイルにも上手く作動されます。詳しいことはこのページを参照してください。



横方向で配置を選択するには次のものを使ってください。

  • [[=image… - 中央寄せの画像
  • [[<image… - 左寄せの画像
  • [[>image… - 右寄せの画像
  • [[f<image… - 浮いている左寄せの画像(テキストに囲まれます)
  • [[f>image… - 浮いている右寄せの画像(テキストに囲まれます)

結局、いつもの普通の画像の貼り方は、どうやるんだ…??

http://scp-jp.wikidot.com/standard-template

caption 説明文 "--SCP-XXXX-JP--" 画像の説明文。173の頃から使われているやつ
CI-blank-JP.png

この方法ではキャプションを貼り付けられない!!


結局……いつもの方法をやるには、これが一番、正しそうだ!

CI-blank-JP.png

自作のCI画像差し止め用

[[div class="scp-image-block block-center scp-clear-false" style="width:150px;"]]
[[image CI-blank-JP.png style="width:150px;" link=#]]
[[div class="scp-image-caption" style="width:150px;"]]
自作のCI画像差し止め用
[[/div]]
[[/div]]
[[module CSS]]
@media (max-width: 768px) {
.scp-clear-true.scp-image-block {
float: none;
clear: both;
margin-left: auto;
margin-right: auto;
}
}
[[/module]]

↑ はあ!?!?!?

[[include component:image-block
name=CI-blank-JP.png|
width=150px|
caption=自作のCI画像差し止め用|
align=center]]

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License