http://shopdd.blog51.fc2.com/
裏技shop DDさんのサイトの上のほうにあるhomeやnews,linkなど書いていてボタン状になっているツールバー?(なんといえばいいのでしょうか?)はどうやって作っているのでしょうか?
私もブログを作っているので自分のサイトにも取り入れたいと思っています。なのでどのように作られているの教えてください。
おそらく難しいと思いますががんばって勉強するつもりです。
No.1ベストアンサー
- 回答日時:
聞く前にまずはそのページのソースを見てみることをお勧めします。
聞いてばかりだと身になりません。
よくやる方法としては
HTMLで
<ul>
<li><img></li>
<li><img></li>
<li><img></li>
</ul>
CSSで
img {
margin: 0px;
padding: 0px;
}
li {
float: left;
}
とします。
あとはソースを見てローカル環境でHTMLを作成してみてください。
HTML、JavaScriptのカテゴリで聞いてみるともっといろんな技法が見つかると思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- インターネットビジネス 個人事業用のwebサイトを作るためのおすすめの本を教えて下さい。 4 2022/06/30 17:20
- WordPress(ワードプレス) ワードプレスのパーマリンク設定について 1 2023/02/11 19:08
- その他(IT・Webサービス) 「サイトやブログの著作権について」 私は地名や歴史を調べるのが好きで、よくスマホで、「地名や歴史に関 4 2022/08/31 11:29
- フリーソフト libreoffice drawのツールバーのチェックが外れてしまう 1 2022/10/04 22:02
- CGI サイト訪問者の情報を取得したい 1 2023/02/21 11:03
- Illustrator(イラストレーター) クリップスタジオペイントについて。 1 2022/11/15 11:38
- その他(ビジネス・キャリア) 人の文章を書き換えることは著作権法違反にあたりますか? 2 2022/06/19 21:47
- その他(プログラミング・Web制作) Windowsのマクロプログラムで、こんなことできますか? 3 2022/06/28 14:30
- その他(IT・Webサービス) 動画が多い(容量が多い)Webサイト作成 1 2023/04/08 17:42
- その他(メンタルヘルス) 「自己啓発系サイトや本を読むコツ」 自己啓発系サイトや本を全体的に把握できなくても、理解できるコツが 4 2022/12/14 20:29
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
css 横並びのナビゲーションバ...
-
画像にリンクを張ると画像がず...
-
ポップアップメニューを表のよ...
-
ポップアップメニューの作成方...
-
html/cssの、navを2段にする...
-
CSSでの<ul><li>を使った改行設定
-
<table>の高さ固定。情報増加時...
-
リストの数字のフォントサイズ...
-
リストを2つに分割して、それぞ...
-
バーナーヘッダーを固定する方法
-
ol、liをスタイルシートで中央寄せ
-
計算式や注意書きなどの記述は...
-
タイトルの横にサブタイトルが並ぶ
-
文法チェックの<A>と</A>の間が...
-
CSS「table-cell」で横並びにし...
-
ボタンを横に並べて表示させる方法
-
スタイルシートで更新情報をつ...
-
2要素ずつcssを適用する疑似ク...
-
テーブル内のプルダウンの下に...
-
Webのコーディングについての質...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
番号付きリスト(<Ol><Li>・・...
-
liタグの中に<p>タグやら<dl>を...
-
レスポンシブWebデザインでリン...
-
<table>の高さ固定。情報増加時...
-
<ul><li></li></ul>にするメリ...
-
リストの数字のフォントサイズ...
-
HTMLで組織図を作成する方法
-
ulタグやliタグの中でbrタグ...
-
divタグ内のコンテンツが重なっ...
-
画像にリンクを張ると画像がず...
-
複数行にまたがる括弧を表示し...
-
ページを開いているときのリン...
-
html <ul></ul>の並びで一行空...
-
html/cssの、navを2段にする...
-
HTML5のfooterに見出しを付けて...
-
<ul>~</ul>が二つ続くと間に改...
-
htmlの<ol>タグで、数字などを...
-
リンク文字同士の間隔を開ける...
-
CSSでつくったメニューのアニメ...
おすすめ情報