カテゴリ「つぶやき」に属する投稿79件]6ページ目)

#スキンkozin #カスタマイズ

(2024/05/26追記:画像枚数を画像に重ねる形に更新しました)

解説リクエストいただいたので、kozinギャラリーモードのカスタマイズを置いておきます カテゴリやタグの記述を消したり画像枚数を画像に重ねたりするよ
<>
・kozinギャラリーモードでカテゴリ・タグの情報を消すには、「skin-onelog.html」の
18・19行目あたり
<span class="galcateg">[[CATEGORYLINKS:GALLERY]]</span>
<span class="galtags">[[COMMENT:TAGS:GALLERY]]</span>

を消すといいです

日付は元投稿へのリンクになっているのですが、特に必要なければ、20行目あたり
<span class="galpostdate"><a href="[[PERMAURL:PURE]]" class="datelink">»[[DATE:Y/G/N]]</a></span>
も一緒に消しちゃってください

全部消すなら、16~21行目あたりの
<!-- カテゴリ、タグ、投稿日時等 -->
<p class="galloginfo">~</p>ごと消しちゃってもいいかもです

・画像枚数を画像に重ねるには、まず「skin-onelog.html」の8行目あたりの<br>を消して、「tegalog-kozin-gallery.css」の末尾に以下のcssを追加してください

/* 画像枚数を画像に重ねる */
.gallogbox { position: relative;}
.pictcount {
   position: absolute;
   z-index: 1;
   display: block;
   padding: 3px 5px;
   top: 0px;
   left: 0px;
   background-color: var(--koi-iro);
   color: var(--hobo-siro);
}


※各記述の簡単な解説
padding: 3px 5px;→文字と背景の間の余白です 上下3px、左右5pxの余白を設定しています
top: 0px;とleft: 0px;→画像枚数の表示を、画像の上から0px、左から0pxのところ(左上ぴったり)に配置しています 「bottom:(数値);(下から)」「right:(数値);(右から)」の記述方法もありますので、お好きな場所に配置してみてください
background-color: var(--koi-iro);→画像枚数の背景色です 「var()」で指定しているのは「tegalog-kozin-gallery.css」16行目~あたりの「カスタム用色変更欄」に書いてある名前です これを指定するとそこと同じ色になります もちろん、色名や「#FFFFFF」とかのカラーコードなどで指定しても構いません 「rgb(0,0,0,0.6)」って指定すると半透明黒とかになります
color: var(--hobo-siro);→画像枚数の文字色です これも背景色と同じ指定が可能です
(※おまけ border-radius: 5px;を追加すると角丸になるよ)

よくわからなかったらこの辺のサイトさんが参考になると思います
→CSSでの色の指定方法について
→画像の上におしゃれに文字やボタンをのせる方法(CSS)
→CSS 画像の上に文字や画像を重ねる 左上/右上/左下/右下/中央

↓こんな感じになるはず(日付リンクは消さなかったver.)
231126_01.png

つぶやき

Ver.4.1.3 β版に追加された「画像一覧モード」の公式スキンを改造して勉強してた
投稿本文は引っ張ってこられないが画像全部を並列に閲覧できるのは便利

待って、今気付いたけど管理画面開かなくても画像のコードコピペするのに使えるんじゃないかこれ
zikken02_ss01.png
 
zikken02_ss02.png
クイックポストの下に[[PICTS:URL]]でポップアップさせて“こう”じゃないですか!?
いや、でも画像一覧モードのURL知ってる人には見られちゃうか…

つぶやき

webp画像投稿テスト
※ここの横幅最大値:300px
そのまま
そのまま


設定から手動でサイズ指定したもの
設定から手動でサイズ指定したもの

 
どうもwebp画像は設定で手動サイズ指定しても最大幅設定が効かないっぽい? 公式サポート掲示板のwebpが小さく表示されているのは、標準スキンcss側でmax-heightが指定されているからか
 
webpにも最大設定効かせようとすると多分jpgやpngとの兼ね合いが…まあいいか、はみ出してはいないようだし

つぶやき

zikken01、画像一覧表示機能が来る前にとりあえず出しておいた 正式に新バージョンが来たらまた何か考えます
zikken01、画像一覧表示機能が来る前にとりあえず出しておいた 正式に新バージョンが来たらまた何か考えます

つぶやき

#スキンhokan #お知らせ

(23/12/02)更新しました!

バグ見っけた!てがろぐ側で縦横サイズが取得できなかった画像を自由装飾の「thumb」で囲むと80px四方にならない

応急手当
「tegalog-hokan.css」655行目あたりの
.deco-thumb :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover;}

.deco-thumb :where(.embeddedimage,.imagelink) { aspect-ratio: 1; object-fit: cover; width: 100%;}
に書き換えておいてください すみません、次の更新で直します

つぶやき

webpとかの、てがろぐ側で縦横サイズ取得できない画像は設定のサイズ指定とか効かない…?ちょっと調べておきます
webpとかの、てがろぐ側で縦横サイズ取得できない画像は設定のサイズ指定とか効かない…?ちょっと調べておきます

つぶやき

カスタム前提になるけど、hokanの超シンプルver.とか作ったらお手持ちのサイトに作品ページとして組み込みやすいか?
カスタム前提になるけど、hokanの超シンプルver.とか作ったらお手持ちのサイトに作品ページとして組み込みやすいか?

つぶやき

#開発
hokanの2カラムver.的なやつを作ってるんですが、トップがなくていきなり一覧→サムネクリックで単独記事にしようと思ったら内容分かりづらいな…とりあえずhokanと同じ作りにしてカスタムできるようにしたらいいだろうか
231111_01.png 231111_02.png

つぶやき

このあいだfirefox更新してからセレクトボックスの矢印の色にcssが効かなくなって、でもめんどくてhokanのスクショ撮っちゃったんだけど(カテゴリメニューの矢印が黒くなってるのはそのせい)、どうやらバグだったらしくて今見たら元に戻っており、hokanのスクショがバグの証拠みたいになっとる
このあいだfirefox更新してからセレクトボックスの矢印の色にcssが効かなくなって、でもめんどくてhokanのスクショ撮っちゃったんだけど(カテゴリメニューの矢印が黒くなってるのはそのせい)、どうやらバグだったらしくて今見たら元に戻っており、hokanのスクショがバグの証拠みたいになっとる

つぶやき

自由装飾でかなりなんでもできることがわかってきたので楽しくなっちゃってる マイ自由装飾を投稿できる掲示板とかあったら楽しそう…
自由装飾でかなりなんでもできることがわかってきたので楽しくなっちゃってる マイ自由装飾を投稿できる掲示板とかあったら楽しそう…

つぶやき

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