ユーザ「かんりにん」の投稿[34件](4ページ目)
2022年11月 この範囲を時系列順で読む(かんりにんの投稿に限定) この範囲をファイルに出力する
ダミー文章
木曾路はすべて山の中である。
あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。道路の位置も幾たびか改まったもので、古道はいつのまにか深い山間に埋もれた。名高い桟も、蔦のかずらを頼みにしたような危い場処ではなくなって、徳川時代の末にはすでに渡ることのできる橋であった。新規に新規にとできた道はだんだん谷の下の方の位置へと降って来た。
道の狭いところには、木を伐って並べ、藤づるでからめ、それで街道の狭いのを補った。
長い間にこの木曾路に起こって来た変化は、いくらかずつでも嶮岨な山坂の多いところを歩きよくした。
木曾路はすべて山の中である。
あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。道路の位置も幾たびか改まったもので、古道はいつのまにか深い山間に埋もれた。名高い桟も、蔦のかずらを頼みにしたような危い場処ではなくなって、徳川時代の末にはすでに渡ることのできる橋であった。新規に新規にとできた道はだんだん谷の下の方の位置へと降って来た。
道の狭いところには、木を伐って並べ、藤づるでからめ、それで街道の狭いのを補った。
長い間にこの木曾路に起こって来た変化は、いくらかずつでも嶮岨な山坂の多いところを歩きよくした。
木曾路はすべて山の中である。
あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。道路の位置も幾たびか改まったもので、古道はいつのまにか深い山間に埋もれた。名高い桟も、蔦のかずらを頼みにしたような危い場処ではなくなって、徳川時代の末にはすでに渡ることのできる橋であった。新規に新規にとできた道はだんだん谷の下の方の位置へと降って来た。
道の狭いところには、木を伐って並べ、藤づるでからめ、それで街道の狭いのを補った。
長い間にこの木曾路に起こって来た変化は、いくらかずつでも嶮岨な山坂の多いところを歩きよくした。
ダミー終
#サンプル
木曾路はすべて山の中である。
あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。道路の位置も幾たびか改まったもので、古道はいつのまにか深い山間に埋もれた。名高い桟も、蔦のかずらを頼みにしたような危い場処ではなくなって、徳川時代の末にはすでに渡ることのできる橋であった。新規に新規にとできた道はだんだん谷の下の方の位置へと降って来た。
道の狭いところには、木を伐って並べ、藤づるでからめ、それで街道の狭いのを補った。
長い間にこの木曾路に起こって来た変化は、いくらかずつでも嶮岨な山坂の多いところを歩きよくした。
木曾路はすべて山の中である。
あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。道路の位置も幾たびか改まったもので、古道はいつのまにか深い山間に埋もれた。名高い桟も、蔦のかずらを頼みにしたような危い場処ではなくなって、徳川時代の末にはすでに渡ることのできる橋であった。新規に新規にとできた道はだんだん谷の下の方の位置へと降って来た。
道の狭いところには、木を伐って並べ、藤づるでからめ、それで街道の狭いのを補った。
長い間にこの木曾路に起こって来た変化は、いくらかずつでも嶮岨な山坂の多いところを歩きよくした。
木曾路はすべて山の中である。
あるところは岨づたいに行く崖の道であり、あるところは数十間の深さに臨む木曾川の岸であり、あるところは山の尾をめぐる谷の入り口である。一筋の街道はこの深い森林地帯を貫いていた。東ざかいの桜沢から、西の十曲峠まで、木曾十一宿はこの街道に添うて、二十二里余にわたる長い谿谷の間に散在していた。道路の位置も幾たびか改まったもので、古道はいつのまにか深い山間に埋もれた。名高い桟も、蔦のかずらを頼みにしたような危い場処ではなくなって、徳川時代の末にはすでに渡ることのできる橋であった。新規に新規にとできた道はだんだん谷の下の方の位置へと降って来た。
道の狭いところには、木を伐って並べ、藤づるでからめ、それで街道の狭いのを補った。
長い間にこの木曾路に起こって来た変化は、いくらかずつでも嶮岨な山坂の多いところを歩きよくした。
ダミー終
#サンプル
by admin. ⌚2022年11月22日(火) 22:30:40〔1年以上前〕 表示サンプル <1143文字> 編集
class="[[SITUATION:CLASS]]"を使えば、カテゴリーだけではなくハッシュタグや単独投稿ページなどで特定のCSSを読み込むことができると思います。
というか今回その練習で作りました。さすがにいろいろ荒いので、落ち着いたら手入れするか似たパターンの新規スキンを作成するかもしれません。
また、カテゴリを装飾することができるので、サイトのCMS代わりにできるのではないかと思います。
例えば、カテゴリ「更新履歴」「作品」というカテゴリがあったとして、
作品を置いているカテゴリは閲覧に適した幅広のデザインを、更新履歴は日付と内容のみのすっきりしたデザインを適用できます。
(実際そういう風に使用されているユーザーさんもいらっしゃるみたいです)
てがろぐ自体は1つしか設置していなくても、複数のデザインが適用できれば、もっと自由な使い方ができるのではないかと思います。
てがろぐの楽しい使い方を提案できる場所になれればと思います。
(というか●●の希望があるのでそういうスキンをだれか作ってほしい…という願いを発信できる場所になればいいと思ってます…)
というか今回その練習で作りました。さすがにいろいろ荒いので、落ち着いたら手入れするか似たパターンの新規スキンを作成するかもしれません。
また、カテゴリを装飾することができるので、サイトのCMS代わりにできるのではないかと思います。
例えば、カテゴリ「更新履歴」「作品」というカテゴリがあったとして、
作品を置いているカテゴリは閲覧に適した幅広のデザインを、更新履歴は日付と内容のみのすっきりしたデザインを適用できます。
(実際そういう風に使用されているユーザーさんもいらっしゃるみたいです)
てがろぐ自体は1つしか設置していなくても、複数のデザインが適用できれば、もっと自由な使い方ができるのではないかと思います。
てがろぐの楽しい使い方を提案できる場所になれればと思います。
(というか●●の希望があるのでそういうスキンをだれか作ってほしい…という願いを発信できる場所になればいいと思ってます…)
by admin. ⌚2022年11月18日(金) 20:49:14〔1年以上前〕 メモ <501文字> 編集
skin-tako-2
偽横タブ型/白黒・赤アクセントカラーのシンプルスキンです。#skin-tako-2
試しに見てみる
<スキンについて>
●左サイドバーはheight100%のボックスをposition:fixedで固定しています。skin1のような、同じページ内に内容を表示するタブ型ではないです(ページが変わります)
(もうちょっといいやり方があるのかもしれません。。。)
一番上のリンクはホームに戻るリンク、その下は[[CATEGORY:TREE]]を挿入しています。
●外側スキン[[CATEGORY:TREE]]の装飾について
①まずは見た目を安定させるため、第2階層以降を非表示にします。公式説明に従って.depth2 { display:none; }を記述します。
┗てがろぐ公式:カテゴリの第1階層だけを表示させる方法
②付箋っぽくしたいので、サイドバーの右側、カテゴリーの各リンクをボーダーで適当に囲います。
③「○○のカテゴリを表示すると、○○のボタンの色が反転する」という装飾をします。
公式説明に従って<body>とかにclass="[[SITUATION:CLASS]]"を指定します。
┗てがろぐ公式:そのときの表示状況に応じてページデザインを切り替える方法
これでカテゴリ名に対応したカテゴリIDをクラス名として持つページができます。
<body>に指定しているのでページ全体の背景を変更したり、自由なカスタマイズが可能です。
(これでできる方にはできると思いますが、管理人自身が忘れないためのメモ的説明です。多分もっと簡単でちゃんとした方法があると思います…。)
今回は『カテゴリ名「共通内容」カテゴリID「cat1」というページを表示したとき』に装飾をしたいので、
.selected-cat.cat-cat1 .catlink.cat-cat1 {~~}
というような記述をします。
.selected-cat.cat-cat1はcat1を表示したときに[[SITUATION:CLASS]]に出力されているクラス、
.catlink.cat-cat1はカテゴリツリーのcat1に付与されているクラスです。
畳む
④縦書きにします。(ここは好み) writing-mode: vertical-rl;
⑤box-shadowで右に水平に5pxくらい伸ばして付箋っぽくします。そのほか、適当に好みの形に整えて終わりです。
●CSSだけでページ内移動をなめらかにする方法
html { scroll-behavior: smooth;} を記述
Javascripttとかわかる方はこれ以外の方法でもできると思います。
<参考リンク>
CSSでページ内リンクをなめらかにスクロールする
偽横タブ型/白黒・赤アクセントカラーのシンプルスキンです。#skin-tako-2
試しに見てみる
<スキンについて>
●左サイドバーはheight100%のボックスをposition:fixedで固定しています。skin1のような、同じページ内に内容を表示するタブ型ではないです(ページが変わります)
(もうちょっといいやり方があるのかもしれません。。。)
一番上のリンクはホームに戻るリンク、その下は[[CATEGORY:TREE]]を挿入しています。
●外側スキン[[CATEGORY:TREE]]の装飾について
①まずは見た目を安定させるため、第2階層以降を非表示にします。公式説明に従って.depth2 { display:none; }を記述します。
┗てがろぐ公式:カテゴリの第1階層だけを表示させる方法
②付箋っぽくしたいので、サイドバーの右側、カテゴリーの各リンクをボーダーで適当に囲います。
③「○○のカテゴリを表示すると、○○のボタンの色が反転する」という装飾をします。
公式説明に従って<body>とかにclass="[[SITUATION:CLASS]]"を指定します。
┗てがろぐ公式:そのときの表示状況に応じてページデザインを切り替える方法
これでカテゴリ名に対応したカテゴリIDをクラス名として持つページができます。
<body>に指定しているのでページ全体の背景を変更したり、自由なカスタマイズが可能です。
(これでできる方にはできると思いますが、管理人自身が忘れないためのメモ的説明です。多分もっと簡単でちゃんとした方法があると思います…。)
今回は『カテゴリ名「共通内容」カテゴリID「cat1」というページを表示したとき』に装飾をしたいので、
.selected-cat.cat-cat1 .catlink.cat-cat1 {~~}
というような記述をします。
.selected-cat.cat-cat1はcat1を表示したときに[[SITUATION:CLASS]]に出力されているクラス、
.catlink.cat-cat1はカテゴリツリーのcat1に付与されているクラスです。
畳む
④縦書きにします。(ここは好み) writing-mode: vertical-rl;
⑤box-shadowで右に水平に5pxくらい伸ばして付箋っぽくします。そのほか、適当に好みの形に整えて終わりです。
●CSSだけでページ内移動をなめらかにする方法
html { scroll-behavior: smooth;} を記述
Javascripttとかわかる方はこれ以外の方法でもできると思います。
<参考リンク>
CSSでページ内リンクをなめらかにスクロールする
by admin. ⌚2022年11月18日(金) 19:53:49〔1年以上前〕 スキン <1243文字> 編集