何らかの配布場

nanraka-no-haihu-ba

てがろぐ用のスキンを配布する場所

chatTOP
|
photo_libraryギャラリーモード
|
homeHOME

カテゴリ「つぶやき」に属する投稿(時系列順)56件]

このカテゴリで、お知らせ、更新、開発、返信などができたらいいなあと思っている(タグで分ける)

つぶやき

「ギャラリーモードで鍵投稿のとこだけ空白になるの格好悪いから1枚目をワンクッション画像にしよう!と思って設定で「n枚目の画像を [[ONEPICT:n]] 記法等で表示する」にしたらLightboxで全部見えちゃう」問題、代替画像を表示する方法を試行錯誤中
#開発

つぶやき

日付境界バーとか1記事の下にあるユーティリティリンク枠とかは、必要なければ設定から非表示にしておいてください
#カスタマイズ

つぶやき

#スキンkozinギャラリーモードのcssは、
【「tegalog-kozin.css」の記述まるごと+ギャラリーモード用記述ちょこっと】
という構成になっています。ので、「kozin」をギャラリーモードスキンとセットで使う場合は、ギャラリーモード用cssの【「tegalog-kozin.css」の記述まるごと】部分をごそっと消して、「skin-cover.html」のheadにて上の階層から「kozin」cssも一緒に読み込むようにしておくと、#カスタマイズ やメンテがしやすくていいかもしれません。

つぶやき

なるほど鍵付き投稿はギャラリーモードでは本文に書かれたハッシュタグも読み込まない…(当たり前っちゃそう)

つぶやき

#カスタマイズ
#スキンkozinのギャラリーモードは、標準スキンの
「skin-onelog.html」内[[ONEPICT:1]](1投稿1枚目の画像を読み込む)の部分を
[[COMMENT:PICTS]](1投稿全ての画像を読み込む)にして
cssの.imagebox :nth-child(n+2) { display: none;}の部分で2枚目以降を非表示にしています。
これはギャラリーモードだけで全ての画像を見られるようにするためですが、標準の仕様と同じにしたい方は、
[[COMMENT:PICTS]][[ONEPICT:1]]に書き換え、
cssの.imagebox :nth-child(n+2) { display: none;}の部分を消しておいてください。

この標準仕様なら、「(鍵投稿でも)n枚目の画像を [[ONEPICT:n]] 記法等で表示する」設定で1枚目の画像がワンクッションになるはずです

「(鍵投稿でも)本文の1行目だけは常に見せる」設定だと、1行目に書いたハッシュタグがギャラリーモードでも表示されます ご都合のいい方で使い分けてください

つぶやき

#開発
[[COMMENT:PICTS]]の下に適当な鍵クッション画像を読み込んでおけば2枚目以降非表示だからいけそうだけど… でもちょっと野暮ったいかな…大丈夫そうなら後で詳しく書きます

つぶやき

#カスタマイズ

(10/14)cssで実装したよ! >>26

※ギャラリーモード時鍵付き投稿内画像が表示されないので代替画像を表示させる

「kozin」ギャラリースキン「skin-onelog.html」の[[COMMENT:PICTS]]の下に

<a href="[[PERMAURL:PURE]]"><img class="embeddedimage" src="images/鍵クッション画像名"></a>

と記述してクッション画像をimagesフォルダに入れておくと、ギャラリーモードでクッション画像が表示され、クリックで投稿記事に飛べるようになる…はず…!(ちゃんと検証してないのでなんかバグったらすみません)

つぶやき

ziyu.png
文字を虹色に光らせたかったので、てがろぐの自由装飾で文字を虹色に光らせるcssを置いておきます #カスタマイズ #自由装飾

参考:
→「CSSで色んなものを虹色に光らせる
→「【html/CSS】虹色の作り方【背景・文字・アニメーション】

●文字を大きくする(「deka」)
.deco-deka { font-size: 1.6rem; font-weight: bold; line-height: 2rem;}

「font-weight: bold;」部分はお好みで


●文字を虹色にする(「nizi」)
   .deco-nizi {
      background: linear-gradient(to bottom, Magenta, yellow, Cyan, Magenta) 0 25% / 100% 70%;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
   }



●文字を虹色にアニメーションさせる(「gaming」)
   .deco-gaming {
      background: linear-gradient(to bottom, Magenta, yellow, Cyan, Magenta) 0 / 100% 200%;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      animation: deco-gaming 2s linear infinite;
   }

   @keyframes deco-gaming {
      0% { background-position: 0 0;}
      100% { background-position: 0 -200%; }
     }

畳む

つぶやき

Googleフォントをcssで@importで読み込むやつ、その前に何かの記述があると駄目らしくって、@charsetのすぐ下とかに書かなきゃいけないって知らなくてついさっき知ったんだよ…

つぶやき


FREESPACE
フリースペースエリアです。
管理画面から自由に編集ができます。
・プロフィールとか
・リンク集とかにしてもいいかも
expand_less