投稿

3月, 2024の投稿を表示しています

【Misskey】通知欄に任意の文章を送信するウィジェット

var title = "" var text = "" @confirm() { var ans = Mk:confirm("以下の内容で送信します" `**〈タイトル〉**{Str:lf}{title}{Str:lf}{Str:lf}**〈本文〉**{Str:lf}{text}{Str:lf}{Str:lf} ※送信した通知は取り消せません{Str:lf}※「連携アプリからの通知」でフィルタリングが可能です ` "info") if ans == true { send() } else { Mk:dialog("" "送信を中止しました" "info") } } @send() { var imgUrl = Mk:api("i" {userId: USER_ID}).avatarUrl Mk:api("notifications/create" { body: text, header: title, icon: imgUrl }) } Ui:render([ Ui:C:mfm({ text: "**通知メモ**" }) Ui:C:textInput({ onInput: @(t){ title = t } default: "" label: "タイトル" }) Ui:C:textarea({ onInput: @(t){ text = t } default: "" label: "本文(必須)" }) Ui:C:button({ text: "確認" onClick: @(){ if text == "" { Mk:dialog("" "本文は必須です" "error")

【Misskey】名前、ユーザーIDを2段で表示するカスタムCSS

/* 名前、ユーザーIDを2段で表示する */ header.xCPfz { align-items: flex-start; flex-wrap: wrap; white-space: normal; margin-bottom: 10px; a.xngrp { order: 1; flex-grow: 0; flex-basis: 70%; } div.xBLVI { order: 3; flex-grow: 0; flex-basis: auto; } div.x5vC9 { order: 4; flex-grow: 1; flex-basis: auto; } div.xAtlm { order: 2; flex-grow: 1; flex-basis: 20%; text-align: right; } } Copy

【Misskey】ノート投稿時、特定の文字列をランダムな数字に置換するプラグイン

/// @ 0.17.0 ### { name: "ダイスを振る" version: "3" author: "@uru_S3@oekakiskey.com" description: "ノート投稿時、特定の文字列をランダムな数字に置換する" config: { target_mark: { type: "string" label: "置換する文字列の頭につける記号(1字)" description: "" default: "%" }, target_word: { type: "string" label: "置換する文字列" description: "" default: "dice" }, min_num: { type: "number" label: "最小の数" description: "" default: 0 }, max_num: { type: "number" label: "最大の数" description: "" default: 100 }, fg_color: { type: "string" label: "文字色" description: "16進数(6字)" default: "ff0000" } } } var mark = Plugin:config.target_mark var word = Plugin:config.target_wo

【Misskey】スマホから閲覧時、チャンネル一覧でチャンネル名の表示をいい感じにするカスタムCSS

@media (max-width: 550px) { /* チャンネル一覧でチャンネル名の表示をいい感じにする(スマホ) */ a.eftoefju > div.banner { div.fade { background: linear-gradient(0deg,var(--X6),var(--acrylicPanel)) !important; height: 100% !important; } div.name { top: unset !important; left: 0 !important; right: 0; bottom: 0; background: transparent !important; } } /* チャンネル一覧でセンシティブの表示をいい感じにする(スマホ) */ div.sensitiveIndicator { top: 10px; right: 10px; left: unset !important; bottom: unset !important; } } Copy

【Misskey】チャンネルノートの線を左端に移動させるカスタムCSS

/* 「タイムラインのノートを離して表示」がオフの時、チャンネルのノートであることを示す線をノートの左端にピッタリくっつける */ .xzSZs.xwehs > .xqbRq .x3762 { article.x5yeR, div.xBwhh, .xD2mX.xCFgx { position: relative; } div.xj6M6, .xD2mX.xCFgx > .x3YLY > .xq0fT { position: absolute; top: 0; left: 0; border-radius: 0; padding: 8px 0; } } Copy

【Misskey】スマホでデッキUI使用時、メニューをボタンだけにするカスタムCSS

/* デッキUI時、メニューをボタンだけにする(スマホ) */ div.xtvr9 { padding-bottom: 0; } div.xntiB { display: block; bottom: -100px; button { right: 16px; position: absolute; filter: drop-shadow(1px 3px 5px var(--modalBg)); } button:nth-of-type(1) { bottom: 260px; } button:nth-of-type(3) { bottom: 190px; } button:nth-of-type(4) { bottom: 120px; } } Copy

【Misskey】ピン留めされたノートを横スクロール表示するカスタムCSS

/* ピン留めされたノートを横スクロール表示 */ .contents._gaps > div._gaps { display: flex; flex-direction: row; align-items: stretch; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; div.xcSej { min-width: 93% !important; scroll-snap-align: start; div.xDn7E { header + div > div { overflow-y: auto; max-height: 200px; } } } } Copy

【Misskey】「新しいノートがあります」ボタン横のクリックを無効化するカスタムCSS

/* 「新しいノートがあります」ボタン横クリック無効化 */ div.xjKwB { pointer-events: none; button.xvbZZ { pointer-events: auto; } } Copy

【Misskey】サムネイル右下のメニューを非表示にするカスタムCSS

/* サムネイル右下のメニューを非表示 */ button.xEvDK._button { display: none; } Copy

【Misskey】UIにぼかし効果を適用しない場合の背景を調整するカスタムCSS

/* UIにぼかし効果を適用しない時、「このハッシュタグで投稿」「チャンネルに投稿」部分の背景に薄っすら背景色をつける */ div.xc3v8, div.xaY9v { background: rgba(246, 248, 249, 0.65); } Copy

【Misskey】他鯖名の縁取りを除去するカスタムCSS

/* 他鯖名の縁取りを除去 ※可読性が下がる可能性があります */ .xaVIe { text-shadow: none !important; } Copy

【Misskey】ノート本文の上下に余白を追加するカスタムCSS

/* ノート本文の上下に余白を追加 */ article.x5yeR > div.xDn7E > div:has(div > .x48yH) { padding: 5px 0; } Copy

【Misskey】アイコンをスクロールに追従させないようにするカスタムCSS

/* アイコンをスクロールに追従させない */ a.xrEoV, a.xCcjq { position: relative !important; top: 0 !important; left: 0 !important; } Copy

【Misskey】サムネイルを範囲いっぱいに表示するカスタムCSS

/* サムネイルを範囲いっぱいに表示 */ div.xbIzI { img{ object-fit: cover; object-position: top center; } div.xutAY.xsfFg { height: auto !important; img { object-fit: cover; object-position: center center; } } } Copy

【Misskey】サムネイル画像表示部背景のストライプを非表示にするカスタムCSS

/* サムネイル画像表示部背景のストライプを非表示 */ .xnU59.xesxE.image { background-image: none; } Copy

【Misskey】フォロ限だけフキダシ表示するカスタムCSS

/* フォロ限だけフキダシ表示 */ article:has(i.ti-lock).x5yeR, div:has(i.ti-lock).xD2mX.xCFgx { div.xDn7E, div.x3COt { position: relative; padding: 20px; background: var(--shadow); border-radius: 1rem; } div.xDn7E::before, div.x3COt::before { content: ""; position: absolute; left: -10px; width: 10px; height: 50px; background-color: var(--shadow); clip-path: polygon(0 10px, 20px 0, 20px 20px); } div.xDn7E::before { top: 20px; } div.x3COt::before { top: 10px; } } Copy

【Misskey】リアクション絵文字を灰色にするカスタムCSS

/* リアクション絵文字を灰色にする */ img.emoji, img.xeJ4G, div.xlT1y img { filter: grayscale(100%); } Copy

【Misskey】フォローボタンとメニューを離すカスタムCSS

/* フォローボタンとメニューを離す */ .ftskorzw > .main > .profile > .main > .banner-container { .actions { width: 100%; height: 100%; position: relative; top: 0 !important; left: 0 !important; padding: 0 !important; background: transparent !important; backdrop-filter: none !important; button.menu._button, button._button.x88qx.xfS58.koudoku { position: absolute; right: 12px; } button.menu._button { bottom: 12px; -webkit-backdrop-filter: var(--blur, blur(8px)); backdrop-filter: var(--blur, blur(8px)); background: rgba(0,0,0,.2); border-radius: 50%; } button._button.x88qx.xfS58.koudoku { top: 12px; } } } Copy

【Misskey】画像を隠すアイコンをクソデカ仕様にするカスタムCSS

/* 画像を隠すアイコンをクソデカ仕様にする */ i.xlnR0 { font-size: 24px; } Copy

【Misskey】画像のぼかし強度を調整するカスタムCSS

/* センシティブぼかし調整 */ canvas.x4Rm8 { display: none !important; } .chromatic-ignore img { display: block !important; } div.xmylE, div.x45q7 { width: 100%; height: 100%; border-radius: 8px; /* ↓背景色調整↓ */ background: rgba(0,0,0, 0.0); /* ↓ぼかし調整↓ */ -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } Copy

【Misskey】引用RNを装飾するカスタムCSS

/* 引用RNを装飾する */ div.xChvz, div.xqQzL { background: var(--panel); border-radius: 0.25rem; position: relative; border: solid 1px var(--accent) !important; margin: 10px auto; padding: 1.5rem !important; filter: drop-shadow(5px 5px 0px var(--accentedBg)); overflow: visible; } div.xChvz:before, div.xChvz:after, div.xqQzL:before, div.xqQzL:after { font-family: "tabler-icons"; font-size: 1.5rem; color: var(--accent); position: absolute; text-shadow: 1px 1px 0 var(--panel), -1px -1px 0 var(--panel), -1px 1px 0 var(--panel), 1px -1px 0 var(--panel), 0px 1px 0 var(--panel), 0-1px 0 var(--panel), -1px 0 0 var(--panel), 1px 0 0 var(--panel); } div.xChvz:before, div.xqQzL:before { content: "\efbe"; top: -1rem; left: 0.25rem; transform: scale(-1, -1) } div.xChvz:after, div.xqQzL:after { content: "\efbe"; bottom: -1rem; right: 0.25rem; } Copy

【Misskey】背景をドット柄にするカスタムCSS

/* 背景をドット柄にする */ div.xFdHz { background-image: radial-gradient(#fff 20%, transparent 20%), radial-gradient(#fff 20%, transparent 20%); background-size: 20px 20px; background-position: 0 0, 10px 10px; } Copy

【Misskey】ホームアイコンをお城にするカスタムCSS

/* ホームアイコンをお城にする */ /* ※@importはカスタムCSS入力フォームの一番上に持って行ってください */ @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"); i.ti.ti-home { position: relative; } i.ti.ti-home::before { visibility: hidden; } i.ti.ti-home::after { font-family: 'Material Symbols Outlined' !important; font-size: 1.25em; content: "\eab1"; /* サーカスのテント → \ea68 アイスクリーム → \ea69 その他 → https://fonts.google.com/icons */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } Copy

【Misskey】アイコンの周りに★を飛ばすカスタムCSS

/* アイコンの周りに★を飛ばす */ .x5yeR { ._noSelect { position: relative; } ._noSelect::before, ._noSelect::after { content: "★"; line-height: 1; color: transparent; z-index: 10; display: block; position: absolute; background-image: linear-gradient(135deg, #fc00ff, #00dbde); -webkit-background-clip: text; } ._noSelect::before { top: 5px; left: -5px; font-size: 1.5em; animation: twinkle 1.8s infinite; } ._noSelect::after { bottom: 0px; right: 0px; font-size: 1em; animation: twinkle 2.0s infinite; } } @keyframes twinkle { 0% { opacity: 0; transform: scale(0.2) rotate(0deg); } 85% { opacity: 0.9; transform: scale(1) rotate(360deg); } 100% { opacity: 0.5; transform: scale(0.7) rotate(361deg); } } Copy

【Misskey】画像が表示された時にキラっとさせるカスタムCSS

/* 画像が表示された時にキラっとさせる */ div.xnU59.xesxE.image { display:inline-block; position:relative; overflow:hidden; } div.xnU59.xesxE.image:after { content:""; height:100%; width:30px; position:absolute; top:-180px; left:0; background-color: #fff; opacity:0; -webkit-transform: rotate(45deg); -webkit-animation: reflection 2s ease-in-out; } @keyframes reflection { 0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; } 80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; } 81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; } 100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; } } Copy