管理人覚書携帯ﾎｰﾑﾍﾟｰｼﾞﾌｫﾚｽﾄ

管理人覚書。

フォレストの独自タグをどうにかしてサイト上に表記する方法。

▼タグをそのまま表示させる(廃止xmpタグ。使ってるのはこのページだけ)

<a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a>

▼独自タグをそのまま表示させる。
text-transform(アルファベットの大文字小文字を設定するCSSプロパティ)を利用。

<span style="text-transform:uppercase;">##cOPYBOX##コピーボックス##/cOPYBOX##</span>
↓
##cOPYBOX##コピーボックス##/cOPYBOX##

※コピーボックスの独自タグをさらにコピーボックスに入れる…いけるか？

あかん…

できん……

できた！！

↓↓最終形態
<form action=""><textarea rows="1" style="text-transform:uppercase;">##cOPYBOX##コピーボックス##/cOPYBOX##</textarea></form>

……あれ、でもこれコピペしたら小文字に戻るからコピーボックスに入れた意味ない(笑)

▼独自タグをそのまま表示させる(CSS＋タグ)
<style type="text/css"></style>
<span class="dai">##top1300##</span>
↓
##top1300##

※class="dai"は小文字を大文字に、class="shou"は大文字を小文字に変換するCSS。

※ちなみに##top1300##はこれ。

結論。あんま役に立たない。
だれか(コピペできる)独自タグの表記法を教えてください。
(2015/5/19)

森専用画像を使ったテンプレ

※フォレストユーザー専用。

森の公式の背景画像って、敷き詰めるとシームレスじゃないから使いづらい。
たとえばこれ。
森の背景画像「夕焼け空」(でかいのでサムネイル(風))
↓

せっかく綺麗なのに…。
ソース抜き出してプロパティを調べたところサイズは800×600pxありました。
この画像に直接手を加えることなく、タグだけでレイアウトに利用できないかと考えました。
240×180pxか300×225pxあたりでサイズを固定したBOXの背景に使うとか。

Site Title

▼contents
first/main/memo
clap/re:

▼visitor number 12345
▼site owner なまえ
prof/mail/bkm

rank　rank　rank

うーん……駄目かな。こんな使い方、なんだか公式に怒られそうな予感がする。
(2015/5/20)

手が届かない水平線を、消したり装飾したりするCSS

TOPや子ページ下部にある、操作できない水平線をいじる。

▼水平線の存在を消す(森のTOPではできませんでしたが一応メモ)

hr{display:;}←なぜか書いても書いても消えるｗここにはnoneが入るよ！

▼水平線を透明にする

hr{visibility:hidden;}

▼水平線をドットにする

hr{border-style:none;border-bottom:3px dotted #ffffff;}

※タグで記述するならこうなる。(白いと見づらいので黒)
<hr style="border-style:none;border-bottom:3px dotted #000000;">
↓

▼水平線を破線にする
hr{border-style:none;border-bottom:2px dashed #aaaaaa;}

▼水平線を二色の破線にする
hr{border-style:none;border-top:2px dashed #f5f5dc;border-bottom:2px dashed #f5deb3;}

つまりこういうこと。みずたま模様の背景色に合わせ水平線も二色。

▼TOPの水平線を装飾するには
※森のTOP画面では、子ページと違って水平線が文字色で出力される。そのためhr(水平線)のborderを装飾しようと思ったら、まず水平線内の背景色を透明化する必要がある。(background-color:transparent;)
↓
hr{border-style:none;background-color:transparent;border-bottom:3px dotted #4a4a4a;}

▼水平線を画像にする(使用画像を選ばないと広告下げに抵触する可能性が。そのあたりの配慮が必要)
hr{border-style:none;background:url(gazouURL) repeat-x;height:数字;}

実際にこのページでも使用中。この画像を並べてます→

でもなんかちょっとうざい(笑)
(2015/6/14)

以下メモ帳。ここから新しいテンプレが生まれるかもしれない？。

▼テーブルの基本形

内容
内容
内容

▼インラインCSSでborder:3px dotted #dddddd;border-collapse:collapse;指定。

内容
内容
内容

▼新しいページ内で名前変換をする(JS使用)

▼名前変換文章

名前は大きな声であいさつをした。
「私の名は名前と言います。よろしくお願いします！」

※拍手内でも作動を確認
※ガラケー未確認(おそらく非対応)

▼marquee速さ指定(目で見て確認したかったので…)
<marquee>文字や画像</marquee>（デフォでscrollamount="6"）

<marquee scrollamount="4">文字や画像</marquee>

<marquee scrollamount="3">文字や画像</marquee>