試行錯誤ページ582 ブロリバ(ワク入り)時間差修飾で単線のみで組み合わせ矢印実用2


























 試行576 下線と縦棒が別々のノーマル矢印
ここから下は下線と縦棒がセットのもの【こっちを使う】
 試行577 ノーマル矢印(必要なコードだけ残している[不採用])
 試行578 ノーマル矢印(各セル下にすべてのコードが入っている) 
 試行579 above矢印(各セル下にすべてのコードが入っている)
 試行580 below矢印(各セル下にすべてのコードが入っている)
 試行581 ノーマル矢印を複数表示(試行577の応用、各セル下にすべてのコードが入っている)
★試行582 ノーマル、above、belowを複数表示(試行578,579,580のミックス、各セル下にすべてのコードが入っている)

 
 
 
 

normal と above と below を同時に表示

経緯(※第1問、第3問でもサイズ検証しているが、第2問とは仕組みが違うので参考程度にする。)

① ShushokuKasen70px100px130px160pxFadeIn.css 使用
セル幅が60pxの場合、70pxではつながってしまう。
おおよその種類のサイズだけでは対応できない。
→yokobarだけに『くわしく説明』の文字を入れると矢印位置がずれるので、
起点縦棒と上向き矢印には『くわしく説明』の文字を透明で入れている

② ShushokuKasenleftiroiroFadeIn.css 使用
セル下の修飾下線のwidthを10px、leftの位置を5px単位で対応しても
丁度いい位置に合わせるのは難しい

③ shikousakugo577dai2monShushoku~を使ってすべてのソースを表示

④ shikousakugo578dai2monShushoku~で実際の使用例
3つ目のセルと4つ目のセルがyokobarの『くわしい説明』文字が
重なるので、3つ目の文字を消して、4つ目の文字をleftマイナス方向にしている

⑤ shikousakugo579dai2monShushoku~で矢印2つの実際の使用例

 

各セル下にすべてのコードが入っていて、cssで透明にしている
class=”shushokutatebartoleft2no5″ class=”kuwashikusetsumeimojitatebartoleft2no5″
class=”shushokukasen2no5″(セル下の修飾下線にはabove, belowでの違いがないのでabove,belowの表記なし)
class=”shushokuyokobarabove2no5″ class=”kuwashikusetsumeimojiyokobarabove2no5″
class=”shushokutatebartorightabove2no5″ class=”kuwashikusetsumeimojitatebartorightabove2no5″
class=”shushokutatebartoleftabove2no5″ class=”kuwashikusetsumeimojitatebartoleftabove2no5″ class=”shushokuuemukiyajirushifromrightabove2no5″ class=”kuwashikusetsumeimojiuemukiyajirushifromrightabove2no5″ class=”shushokuuemukiyajirushifromleftabove2no5″ class=”kuwashikusetsumeimojiuemukiyajirushifromleftabove2no5″

 
第2問で検証(第1問は割愛)
 

 

第2問

試行577をコピペ

I met Tom at school last week. を訳してみます。 

 
 

&I&

met

Tom

at school

last week

 . 

全訳: 『  私は 先週 学校で トムに 会いました  。』

 

 

 

 
produced by eigoblock

IMG_blokkun-minix2