てがろぐ - Fumy Otegaru Memo Logger -

by admin. ⌚2023年6月12日(月) 23:54:09〔2年以上前〕 ＜9文字＞ 編集

by nishishi. ⌚2023年6月9日(金) 19:32:35〔2年以上前〕 ＜401文字＞ 編集

by admin. ⌚2023年6月8日(木) 21:28:10〔2年以上前〕 ＜1文字＞ 編集

by admin. ⌚2023年6月8日(木) 17:35:59〔2年以上前〕 ＜5文字＞ 編集

by nishishi. ⌚2023年6月7日(水) 22:19:59〔2年以上前〕 ＜47文字＞ 編集

by nishishi. ⌚2023年6月7日(水) 21:49:16〔2年以上前〕 ＜83文字＞ 編集

by nishishi. ⌚2023年6月7日(水) 21:45:31〔2年以上前〕 ＜81文字＞ 編集

by nishishi. ⌚2023年6月7日(水) 21:45:17〔2年以上前〕 ＜348文字＞ 編集

by sakura. ⌚2023年6月7日(水) 02:14:57〔2年以上前〕 ＜115文字＞ 編集

管理画面へのリンクを右上に固定表示すると便利なのでスキンいじりが趣味の方にシェアします。笑　#🌱豆知識
↓例


■やりかた
続きを読む以下を設定＞フリースペースにコピーする。

◆多目的フリースペースに掲載する内容　にコピペ
<!--管理画面へのリンク-->
<a href="[[ADMIN:URL]]" class="Login-Required skin-override-adminlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="10" width="18" height="12" rx="2"/><path d="M6 6a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v4H6V6z"/></svg></a>
<!--新規投稿画面へのリンク-->
<a href="tegalog.cgi?mode=edit" class="Login-Required skin-override-newpost skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.333 16.048L16.57 3.81a2.56 2.56 0 0 1 3.62 3.619L7.951 19.667a2 2 0 0 1-1.022.547L3 21l.786-3.93a2 2 0 0 1 .547-1.022z"/><path d="M14.5 6.5l3 3"/></svg></a>

◆強制的に追加するCSS　にコピペ
.skin-override-adminlink{position:fixed;top:0;right:0;}
.skin-override-newpost{position:fixed;top:34px;right:0;}
.skin-override-icon svg{width:32px;height:32px;z-index:2000;opacity:1;}

注意
1.Login-Requiredクラス（ログインしている管理人以外見えない）を機能させるために[[QUICKPOST]]がskin-cover.htmlに必要です。
2.フリースペースを利用しているので [[FREESPACE]] がskin-cover.htmlに必要です。
3.「▼上書きスタイルシートを出力する対象」の設定を「すべてのスキンに対して強制出力する」にしてください。

アイコンはMIT license のAkar Icons より

これでどのスキンも同じ場所に管理画面へのリンクと新規投稿リンクが表示されます。
アイコンの色を変えたいときはHTML内のstroke="currentColor"にお好きな色を。デフォルトではスキンのリンクカラーと同じ色になるはずです。
CSSのopacity: 1;の数字を0.6とかにすると透けます。


なお、個別記事への編集画面へのリンクを付け足したい場合はskin-onelog.htmlの下のほうに以下を足します。
■HTML
<!--編集画面へのリンク-->
<a href="[[EDITURL]]" class="Login-Required skin-override-editlink skin-override-icon"><svg xmlns="http://www.w3.org/2000/svg&quot; width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16.474 5.408l2.118 2.117m-.756-3.982L12.109 9.27a2.118 2.118 0 0 0-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 1 0-2.621-2.621z"/><path d="M19 15v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3"/></svg></a>

■CSS（スキンごとのCSSファイルでも、強制的に追加するCSSに追加してもどちらでも）
.toppage .skin-override-editlink{display:none;}
.onelog .skin-override-editlink{display:block;position:fixed;top:68px;right:0;}

個別の記事表示の時にのみ編集画面へのリンクが追加で表示されます。

以上です。何かミスがあったらごめんなさい。畳む

by tomoyo. ⌚2023年6月5日(月) 21:28:07〔2年以上前〕 ＜2416文字＞ 編集

by nishishi. ⌚2023年6月5日(月) 19:10:17〔2年以上前〕 ＜16文字＞ 編集

by sakura. ⌚2023年6月5日(月) 11:48:56〔2年以上前〕 ＜175文字＞ 編集

by admin. ⌚2023年6月5日(月) 04:53:11〔2年以上前〕 ＜71文字＞ 編集

by tomoyo. ⌚2023年6月4日(日) 11:08:30〔2年以上前〕 ＜162文字＞ 編集

by admin. ⌚2023年6月3日(土) 19:53:50〔2年以上前〕 ＜161文字＞ 編集

by tomoyo. ⌚2023年6月2日(金) 16:27:28〔2年以上前〕 ＜22文字＞ 編集

by admin. ⌚2023年6月2日(金) 08:07:36〔2年以上前〕 ＜101文字＞ 編集

by admin. ⌚2023年6月2日(金) 07:20:44〔2年以上前〕 ＜40文字＞ 編集

by tomoyo. ⌚2023年6月1日(木) 13:27:23〔2年以上前〕 ＜302文字＞ 編集

3748
なるほど。デザインの好みにもよりますが、背景色をつけたり左側に一本ラインを引くだけでもちょっとわかりやすくなるのでお試しあれ。
.readmorearea {
    border-left: 3px solid #ccc;
    margin: 0 0 0 1em;
    padding-left: 1em;
}
この場合、「設定」＞「続きを読む・指定範囲を隠す 共通設定」＞「展開する範囲の表示方法」をblockにしてください。

by tomoyo. ⌚2023年5月31日(水) 23:24:29〔2年以上前〕 ＜226文字＞ 編集

by admin. ⌚2023年5月31日(水) 22:08:13〔2年以上前〕 ＜256文字＞ 編集

by tomoyo. ⌚2023年5月31日(水) 01:09:43〔2年以上前〕 ＜259文字＞ 編集

by sakura. ⌚2023年5月29日(月) 23:35:38〔2年以上前〕 ＜150文字＞ 編集

by tomoyo. ⌚2023年5月29日(月) 22:48:38〔2年以上前〕 ＜124文字＞ 編集

by tomoyo. ⌚2023年5月29日(月) 15:29:37〔2年以上前〕 ＜93文字＞ 編集

by tomoyo. ⌚2023年5月29日(月) 15:17:10〔2年以上前〕 ＜131文字＞ 編集

by sakura. ⌚2023年5月29日(月) 13:28:24〔2年以上前〕 ＜29文字＞ 編集

by tomoyo. ⌚2023年5月29日(月) 10:57:57〔2年以上前〕 ＜82文字＞ 編集

by tomoyo. ⌚2023年5月29日(月) 01:45:30〔2年以上前〕 ＜114文字＞ 編集

by tomoyo. ⌚2023年5月28日(日) 23:14:35〔2年以上前〕 ＜89文字＞ 編集