http://guiness.6.ql.bz/sample.jpg
のように多角形同士を繋げたレイアウトをしたいのですがどういった方法をとれば良いのでしょうか?
例の上の画像の水色五角形はボタンと思っていただければと思います。
スタイルシートでは三角形や五角形など、斜めに線を引くことはできないと思うのですが、、、
当方まだ未熟な者で芸達者な方いらっしゃいましたらご伝授いただけませんでしょうか。
No.1ベストアンサー
- 回答日時:
まず、そんなレイアウトはしませんが、
1個毎にCSSで作るよりも、1枚に繋げた画像を使うのが現実的でしょう。
ボタンって事はリンクボタン部分を作りたいという質問でしょうか?
HTMLの、map要素 と area要素に shape="poly" coords="全座標"
を設定すれば可能です。
「クリッカブルマップ」で要検索
------------------------------
それとも、
六角形の画像の作り方の話でしたか?
photoshopの多角形ツールなら一発で出来ますが、
ツールが少ないソフトでも、画像を合体させたり回転させれば出来るでしょう。
質問内容はnaokitaさんがおっしゃってるリンクボタンの配置についてでした。
座標を指定して配置するという手があったのですか。
クリッカブルマップについて少し調べて勉強してみたいと思います。
六角形の作成自体はヘタクソですがフォトショップでできますが、
を画像のように六角形を繋げまくって蜂の巣のようにリンクボタンを配置していたサイトがあったので(海外だったかな)
かっこいいなあと思っていました。
ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 数学 正五角形の対角線と求角 添付の画像、36°と求められるのですけど、 私は正五角形の内角の1つを108 5 2022/10/20 15:00
- 数学 中3 円周角の定理の問題です 3 2022/06/29 22:21
- 数学 問題「キッチンペーパーだけでバウムクーヘンを五等分せよ」 正解は? 5 2022/12/16 22:18
- Illustrator(イラストレーター) イラストレーターで添付画像のような五角形を簡単に作る方法を教えてください 3 2022/10/30 15:14
- 数学 場合の数、確率 29 導入問題 ( 円周上の鋭角三角形) 4 2023/07/06 18:00
- 数学 場合の数、確率 30 円周上の鋭角三角形(偶数等分) 2 2023/07/07 04:56
- 数学 『弧は弦より長し』 8 2022/04/18 10:23
- 数学 AP=13,AD=10の時の四角形AQEPの面積を求めたいのですが、 ヒントをいただけますでしょうか 8 2022/12/22 23:42
- 数学 場合の数、確率 28 円周上の鋭角三角形 6 2023/07/06 08:51
- 数学 三角比の相互関係「sinA^2+cosA^2=1」が直角でなくても成り立つ理由について。 これは、三 8 2022/03/31 09:22
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでこの画像を表示したいで...
-
スマホでサイトの画像を長押し→...
-
C# VisualStudioでプロジェクト...
-
「using Windows」でエラーが出る
-
VB6でプリントスクリーンを無効...
-
【WPF】画像の切り替え
-
gif 画像上の ボタンに リン...
-
UWSCの色判定
-
画像をロックしたい
-
PowerPoint VBA で画像の鮮明度...
-
画像のビット数を変更する方法
-
vb.net 画像の透過について
-
HTMLでの画像配置
-
C#で画像を他の画像に貼り付け...
-
UWSC 画像認識で条件分岐
-
画像をランダムに表示して名前...
-
UWSCの画像認識と条件分岐につ...
-
多角形を繋げるレイアウト
-
画像を表示するには
-
UWSC 画像判定と条件分岐について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
背景画像の繰り返しについて
-
EXCEL VBA 複数のImageコントロ...
-
「using Windows」でエラーが出る
-
jqueryスライダーを2段でスライ...
-
画像のピクセルデータの取得
-
ImageMagickでgif画像の一部が...
-
Excel ユーザーフォームで表示...
-
uwcs のマクロで画像認識をして...
-
uwscの画像認識に失敗します。
-
vb.net 画像の透過について
-
VBA シート毎に画像挿入
-
UWSC 画像判定と条件分岐について
-
UWSC「画像が無い場合」
-
gif 画像上の ボタンに リン...
-
Pythonでgif画像が上手く作れない
-
VBAのユーザーフォームのイメー...
-
UWSC 画像認識で条件分岐
-
パネルに画像
-
【WPF】画像の切り替え
おすすめ情報