- ベストアンサー
タブの角丸とグラデーション
ホームページでページを切り替えるタブを見ますが、Htmlに関して以下のことがわかりません。 ・角丸のタブはどうすれば作ることができますか? ・タブのグラデーションはどのようにして作ることができますか? イメージとしては、以下のホームページの上部にある「商品」「お客様サポート」タブです。 http://kadenfan.hitachi.co.jp/products/index.html よろしくお願いします。
- tkdchocolat
- お礼率90% (278/306)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
>・角丸のタブはどうすれば作ることができますか? これはhtmlとは直接関係なくて、事前に「角丸のタブの画像」を作っておいて、それをパーツとしてホームページに組み込んでいるのです。 「角丸のタブの画像」ならば、ホームページビルダーに付属の「ウェブアートデザイナー」や、有名なものでは「イラストレーター」などの画像編集ソフトで作ることができます。 >・タブのグラデーションはどのようにして作ることができますか? グラデーションも上記の画像編集ソフトでかけることができます。なお、写真などのJPG画像を編集したいときは「フォトショップ」などのソフトを使用します。 がんばってください。
その他の回答 (1)
- 神崎 渉瑠(@taloo)
- ベストアンサー率44% (1016/2281)
> ・角丸のタブはどうすれば作ることができますか? 角丸の画像を背景などに使う > ・タブのグラデーションはどのようにして作ることができますか? グラデーションの画像を使う。
関連するQ&A
- グラデーション背景色について
お世話になります。教えてください。 現在ホームページ作成中ですが、背景色に上部から下部へのグラデーションにしたいと思っています。画像編集ソフトで、上部(#0000FF)、下部(#FFFFFF)で作成し、いざページ作成をおこないました。ページの下部のCSS枠の背面色を#FFFFFFにして最下部は背景と境が分からない様になると思っていましたが、微妙に色合いが変わってきます。なぜなのでしょうか。 また、CSSにて背景グラデーションではIE以外では表示されないのでちょっと使えないです。 よろしくお願いいたします。
- 締切済み
- ホームページ作成ソフト
- 検索結果にリンクを表示させる
HTMLのコーディングで、検索結果に指定のテキストを表示させるために METAタグなどをよく使用しますが 以下のような表示のさせ方を探しています。 たとえば、「HITACHI」ホームページのように 「HITACHI」と検索するとGoogleであれば他のページへのリンクまで表示されます。 ------------------------------- パソコン・周辺機器 - www.hitachi.co.jp/products/personal/pc/index.html 生活家電 - www.hitachi.co.jp/products/personal/home/index.html AV機器 - av.hitachi.co.jp/ ニュースリリース - www.hitachi.co.jp/New/cnews/ ------------------------------- このように表示させる方法です。 ご存知のかた、いらっしゃいましたら教えて頂きたいです。
- ベストアンサー
- その他([技術者向] コンピューター)
- インラインフレーム内に2つのタブを作成する方法
ホームページ作成について、質問したいと思います。 実際に、使用されているページを見ていただいたほうが、分り易いと思います。 http://fc2.com/ 上記のページですが、中央のインラインフレーム内の上部に、2つの、「 お知らせ 」 と 「 新着記事 」 というタブがあります。これを入れるには、具体的に HTMLとCSSには、どのように記載するのが良いのでしょうか? 詳しい方がいましたら、よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- cssで凝った角丸ボックスを作りたい。
以下の条件を満たしたボックスをスタイルシートで作りたいのです。 ●ほぼ全てのブラウザに対応させたい。 ・化石のようなブラウザは結構ですが、 IE、FireFox、ネスケ、Operaには 崩れる事なく表示できるようにしたいです。 ●tableタグを使用したくない。 ・tableを使用せずにこのボックスを実現したいのです。 ●幅や高さは固定ではなく%で指定したい。 ・ブラウザのウィンドウサイズによって変化させたいのです。 ●角を丸く、その外側は透過させたい。 ・(bodyの)バックグラウンドカラーが凝っていて、%で指定したい為、 丸くさせた角の外側を透過させる必要があります。 参照1はかなり近いイメージなのですが、 角丸の外側が透過していません。(bodyのカラーと同じ色にしている) ちなみにこれを透過させると上下のバックグラウンドカラーや 左右の縦にリピートしているバックグラウンドイメージが見えてしまいます。 (参照1)http://www.sovavsiti.cz/css/corners.html ●左から右へとグラデーションをかけたい。 ・希望しているボックスがグラデーションの為、 参照2の黄色の縦線のように太くしたボーダーではできない。 (参照2)http://phrogz.net/CSS/roundcorner.html ●影を付けたい。 ・右下に影を付けたいです。ちなみに角丸・影などの画像は自分で作成できます。 ●画像はcssで表示させたい。 ・角丸やグラデーションなどの画像はhtmlにはimgタグを記述せず、 cssでバックグラウンドカラーなどで表示させたいと思っています。 ※これは変更・妥協可。 ●ボックスの中には文字などが入ります。 調べても考えても糸口が見つかりません。 もしご存知でしたら是非教えて下さい。 よろしくお願いします。
- ベストアンサー
- HTML
- グラデーション背景にしたい
こんにちは。 ホームページ作成初心者の者なのですが、 ページの背景をグラデーション背景にするために スタイルシートで以下のようにしてみました。 しかしグラデーション背景になりません。 どこがおかしいのでしょうか? ---------- ・ ・ ・ <title></title> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') ; } --> </STYLE> </head> <body>
- ベストアンサー
- HTML
- 検索タブ
ホームページビルダー19でホームページを初めて作成し、公開しました。しかし、インターネットエクスプローラーでページを開いてみると、検索タブ(名称がこれでいいのか分からないのですが、例えばYahooなら{Yahoo!JAPAN」、こちらのサイトであれば「質問!ITmedia」と書かれてあるブラウザーの上部のタブのことです)が、「ビルダークリニック」となっています。ここの表示を変えるには、どのようにしたらよろしいでしょうか。ホームページ作成初心者、コンピューターにはあまり詳しくない者でも分かるようにご教示頂けたら幸いです。よろしくお願い致します。
- 締切済み
- ホームページ作成ソフト
- HTMLで複数のタブを開くことは可能ですか?
たとえば、「新聞社のページ」という一つのリンクをクリックすると、朝日新聞、読売新聞、毎日新聞のタブが、今開いているタブの横に開くようなイメージです。 あくまでも、HTMLで対処したいと考えています。 よろしくお願いします。
- ベストアンサー
- レンタルサーバ・ASP
- タブをクリックするとページの上部に移動してしまう
WEBサイトに下記URLにあります「タブコンテンツ」を設置しました。 http://columegg.com/tabcontents/index01.html ページの下の方に設置したのですが、タブをクリックするとページの上部に上がってしまいます。 タブの中身は切り替わってはいるのですが、一瞬迷子になってしまいます。 cssに何か書き加える等して、タブをクリックしても表示位置を変えない方法ありましたら教えて下さい。 よろしくお願いいたします。
- 締切済み
- その他(インターネット・Webサービス)
- [404 Not Fond(見つからない)]のタブが一緒に表示される
[インターネット]をクリックしてページを開くと、[ホームページ] タブの横に[404 Not Fond(見つからない)]のタブが一緒に表示されている。 ↓このタブをクリックしたら次のURLが隠れています。 http://www.portrait.co.jp/support/support_contact.htm?usercode=0&RES=1280x1024&BPP=32&REF=60&&OS=6.0&IE=7.0.6001.18000&BUILD=R2004-06-20-1328-11&VersionString=Version%201.13%20ID:%20NEC&MODE=FullView このページにアクセスした覚えは全然ないのです。どんな原因でこんなのが出るのでしょう。 このタブが出ないようにする方法をご教授お願いします。
- ベストアンサー
- その他(インターネット接続・通信)
- Firefox 65.0.2の新しいタブについて
Firefox 65.0.2の新しいタブについてお聞きしたいです。 Firefoxを起動した際にgoogle検索が表示されるように「オプション」ー「ホーム」ー「新しいウィンドウとタブ」ー「ホームページと新しいウィンドウ」の箇所にカスタムURLをgoogleのURLを入れて、「新しいタブ」の箇所に拡張機能(New Tab Override)を使用して新しいタブを開いた際にもgoogleが開くように設定し、なおかつgoogleのページをstylusでダーク色系のものを導入して使っています。 そこで聞きたいのですが、タブ横のプラスをクリックして新しいタブを表示した際に一瞬白いページが表示された後、stylusで設定したダーク色系に変更したgoogleが表示されます。この一瞬だけ表示される白いページを出なくする、もしくはダーク色系に変更する事は可能なのでしょうか。 インターネットで調べてみて、「about:support」で「プロファイルフォルダ」を開き「chrome」フォルダを作成してその中にcssファイルを入れるという記事を見つけたのでその通りに試したのですが変化がありませんでした。 私のやり方が違うのか、他の方法があるのか わかる方がいたら教えて頂けないでしょうか、お願いします。
- ベストアンサー
- ブラウザ
お礼
教えていただきありがとうございます。 やはり、画像を用意しないといけないのですね。 ありがとうございました。