tumblrでサイトを作っています。
テンプレートを利用して何ページか作っているのですが、
トップページにある、押すと出てくるメニューを他のページ(カスタマイズデザイン)で使いたいと思い、該当部分をコピペしてみたのですがうまくできませんでした。
html,cssド素人の上にjavaはよくわからないもので、、、
添付した画像の矢印の部分です。
三本線のとこをクリックすると画像のようにメニューが出てくるようになっています。
これをカスタマイズページで表示させるにはどうコードをかけばいいのでしょうか?
ソースを全部張り付けて該当部分を教えていただければ早いんだと思うのですが、
ソースが長すぎて貼り付けられず。
全く同じものでなくても、同じような感じのメニューになるようなもののhtml,css,javaを教えていただけますでしょうか?
どうぞよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
>テンプレートを利用して何ページか作っているのですが、
それでは絶対に不可能!!根本的に間違っている。
最初の最初からきちんと本道を歩むと、決して難しくもなんともない事です。
> テンプレートをつかって文字を入替えるのはDTPです。
絶対に理解すべきこと
[HTMLはDTP( http://ja.wikipedia.org/wiki/DTP )じゃない]
【引用】____________ここから
HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )]より
なぜそうなのかは、HTMLが考案されたときのヒントになったのはSGML--背景( http://ja.wikipedia.org/wiki/Standard_Generalize … )
★HTMLには文書構造だけを書きます。
文書を構成する要素(部品)をタグを用いてマークアップします。
<h1>ここは見出し</h1><p>ここから新しい段落で、<strong>ここは重要</strong>なところ</p>
とね。これをブラウザで見ると<h1>は大きな太字で、<p>で間隔をあけて改行され、<strong>は太字。スクリーンリーダーは<h1>ぱ男声の大きめな声で、<p>で間を空けて<strong>でアクセントをつけて・・・。それらの機能はHTMLを利用するソフトによるもので、HTMLがそれを指定しているわけではない。
その上で、スタイルシートでscreenメディア(PCやスマホ)向けに、携帯電話向けに、あるいはプリンター向けにデザインして行きます。
>三本線のとこをクリックすると画像のようにメニューが出てくるようになっています。
三本線らしきところはないし、メニューらしきものもないので分からないですが、はじめはデザインではなく、ひたすらHTMLをきちんとマークアップすることを身につけましょう。検索エンジンは無論、誰しもページのデザインでサイトを訪問してくれるわけではありません。決め手になるのは内容ですから。
この説明の意味・・多分、急には理解できないと思いますので、(Chrome以外)のブラウザで下記サイトをご覧ください。
ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HT … )
・最初にHTMLソースを確認する。
・次に、ブラウザの[表示]メニューから[スタイル(シート)]に進んで、色々なスタイルを選択してみる。
・それぞれウィンドウ幅を変えたりフォントを大きくしたり小さくしたり
・印刷プレビューでプリントアウト時の状態を確認
HTMLさえ、きちんと書けていたら後はスタイルシートで自在にデザインできるのですよ。
ご丁寧にありがとうございました
ついこの間始めたばかりで何もわからず、初歩的なことまで教えていただき助かりました
教えていただいたところを見て頑張ってみます
また投稿するかもしれませんので、その際はよろしくお願いいたします
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS HTMLとCSSコードを教えてください 1 2022/04/27 09:47
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
デザインとコーディングは同一...
-
ホームページ、iPadやiPhoneで...
-
スマホでPCサイト見たらスマホ...
-
Safariで、ボタンが丸くなるの...
-
Windowsホームページ作成MACで...
-
サイトについての質問です。
-
趣味でhtmlを勉強するのに適し...
-
画像の横並び配列
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
Dreamweaverでページ全体が文字...
-
htmlファイルの表示が真っ白
-
VBA URLDownloadToFileについて
-
できません。。。HTMLブロ...
-
Webサイトから、txtファイルを...
-
テキストエディタとただのメモ...
-
ホームページビルダー17 ペー...
-
iPadの標準ブラウザでローカルH...
-
【至急!!助けて!】【スマホ...
-
根号の書き方について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
ホームページを作っているので...
-
平均的なウィンドウサイズとは?
-
カラム落ちの何が悪いのか
-
ガラケーサイトの一般的な画面...
-
リンクの下線は消すのが普通?
-
HPビルダーのフレームページ...
-
携帯電話(ガラケー)でのデザ...
-
スマホ横幅が720px だけ 横が...
-
レスポンシブデザインとは? ...
-
ホームページ制作、SPサイトの...
-
パソコンと携帯で文字のサイズ...
-
エラーが出ます
-
PC・ガラケー・スマホの振り分け
-
レスポンシブwebデザインでのIE...
-
スマホだけメニューが開く設定...
-
wordなどのファイルを開くタグ
-
これから勉強をするWEBクリエイ...
-
Webサイトを作成する前のイメー...
-
趣味でhtmlを勉強するのに適し...
おすすめ情報