DIYフリークの集い

『DIYフリークの集い』とは

『DIYフリークの集い』とは、元々はウェブリングでしたが、
WebRing.ne.jp」の消失により、機能しなくなってしまいました。
現在は、ランダムに選ばれたwebサイトのサムネールを表示する機能しかありません。
ですが、登録サイトの募集は行っております。
参加登録をご希望のサイトオーナー様は、
このページ上方の「メールフォーム」よりご連絡ください。

趣旨は、「DIY」をキーワードに、
webサイトやブログを紹介しあいましょう。という集まりになります。
他のwebサイトやブログから、ご自身のページへの流入が僅かですが期待できます。

参加の条件

条件は、後述する「紹介ボード」を埋め込むことと、「DIY」なページがあることだけです。
埋め込んで、視認できるように表示されるページのURLを教えて下さい。
埋め込む位置は、webサイトやブログのトップページや上方でなくても構いません。
DIYカテゴリのページなどでも構いません。

「DIY」なページというのは、広義の意味で「Do It Yourself !」であれば構いません。
日曜大工や部屋のリフォームみたいなものに限りません。
ハンドメイドみたいなものや、手芸、縫製、料理、自作パソコン、車の改造、などなど
とにかく、業者やショップに任せきりではなく、自身でやっていれば何でもOKです。


サンプル

簡素な紹介ボード

サンプルコード

このサンプルは、サイドバーに埋め込むことを想定していますので、幅が狭く高さがあります。
「width: 200px」つまり、横幅200ピクセルの幅にぴったり収まります。

「display: flex」を利用

前出の「簡素な紹介ボード」にstyleの「display: flex」を利用して、文章を書く例を紹介します。

このように、ここに文章を書くこともできます。
サイドバーなどが無いページでも、styleの「display: flex」を利用することによって、余白を有効に使うことができます。
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┗ ただ、この場合、紹介ボードとその左側に入る文章などの高さが同じくらいでないと、このように下に空白ができてしまいます。
サンプルコード

「float: right」を利用

次に「回り込み」の「float: right」を利用した例を紹介します。

このように、ここに文章を書くことができます。
サイドバーなどが無いページでも、styleの「float: right」を利用することによって、余白を有効に使うことができます。
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┃______________________________
┗ こうすると、下に空白ができずに文章が自動的に回り込んでくれる便利な方法です。この場合、styleの「clear: both」が記述されるまで回り込みを続けてしまいますので、回り込みを終える位置に注意が必要です。「right」の代わりに「left」も使えます。
サンプルコード

アレンジ可能

前述のサンプルをアレンジして構いませんので、創意工夫することができます。

また、紹介ボードの中をもっとアレンジしたいという場合は、
メールフォームよりご相談ください。
基本的には可能です。
ただし、紹介するwebページのサムネールが視認できるように表示されることが前提となります。


退会も自由

『DIYフリークの集い』への参加は自由です。
退会も勿論、自由です。
退会の方法は、埋め込んでいた「紹介ボード」を削除して、
その旨を登録してあるURLとともにメールフォームから教えていただくだけです。

なお、『DIYフリークの集い』管理人の私がある程度のランダムな周期で、
登録されているページを巡回します。
「紹介ボード」を削除、もしくは視認できなくしてしまったページは、
退会の連絡がなくても、勝手ながら登録を解除させていただいています。


お気に召しましたら、一票(ワンクリック)下さい。ランキングに参加しておりますゆえ。


人気ブログランキング

ウェブデザインランキング

手作り・DIYランキング



Views: 2