• ベストアンサー

背景によくつかわれているボーダーや斜線はどうやって作っているんですか?

はじめまして。 現在お店のHPを作ろうと思うのですが、背景に使われているボーダーや斜線の作り方がわかりません。 イラストレーターで作ってCSSで背景に設定するのでしょうか? photoshopやDWを一応持ってはいるんですが、余り使ったことがなくどうやればいいのかわからず困っています? ご教授いただけないでしょうか? http://www.cosme.net/

noname#52036
noname#52036
  • HTML
  • 回答数2
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • Nine-nine
  • ベストアンサー率49% (25/51)
回答No.2

>photoshopやDWを一応持ってはいるんですが、余り使ったことがなくどうやればいいのかわからず困っています? 宝の持ち腐れですね?いろいろできるは結局勉強しないと何も出来ないですからね。そんな時は、単機能のものを選ぶといいですよ。好みの斜線を作ってくれるサイトを紹介しますね。線の色や幅を指示するだけで作ってくれますし、タダですし、簡単です。 英語です http://lab.rails2u.com/bgmaker/ 上を日本語で説明 http://seoda.seesaa.net/article/33150911.html もう少し選択支あり、日本語なし。 http://www.stripegenerator.com/ 画像を用意すれば後は、cssですとbackgroundに指定するだけです。

noname#52036
質問者

お礼

ありがとうございます。 本当にその通りです・・・(汗 参考にいただいたサイトなどを見て勉強させていただきます。 本当にありがとうございました。

その他の回答 (1)

  • hisajiro
  • ベストアンサー率37% (124/329)
回答No.1

こんにちは。 通常はボーダーの画像を作るかフリーの素材をダウンロードしたものを使用しています。 <body BACKGROUND="画像ファイル"> としますが、 質問者様が参考になさったサイトではCSSにbodyタグの設定がされています。 CSSファイルは外部ファイルを使用しているようです。 body{ background-image:url("画像"); margin: 0; padding: 0; text-align:center; } となっています。 画像を作成した事が無いのでしたらどこかのフリー素材を提供しているサイトからダウンロードする事をお勧めします。 ”ホームページ 素材”で検索かければたくさんひっかかるので、イメージに合う素材を根気良く見つけてみてください。

関連するQ&A

  • photoshopで斜線を引く方法(斜線のスタイルを作る)を教えてください。

    はじめまして。 現在、photoshop勉強中のものなのですが、以下のサイトに所どころに見られる斜線をphotoshopで作成したいと考えています。 http://www.e-yamatoya.com/ このようなデザインをかなり多く見かけるのですが、おそらくphotoshopのスタイルのような感じで、ボタン一つで作成する方法がありそうなのですが、まだまだ勉強中のためわからずじまいです。 イラストレーターで斜線の画像を作れば小さなボタンなどは、大丈夫なのですが、背景や長いバーなどはスタイルのようなものでないととても大変のような気がします。 どなたか、これらの解決方法を教えていただけないでしょうか?

  • 動的にgridviewの背景色を変えたいのですが…。

    ASP.NET、VB.NET環境です。 DataGridViewの背景色を、条件により動的に変更したいと思っています。 色自体はCssファイルに定義する予定なので、Cssファイルから色を取得 できるようにしたいです。 まだASPの理解が薄いのですが、ascxファイルを見ると、 <asp:GridView (略)CssClass="border-w">の記載があるので、 通常時はborder-wというスタイルになる?んですよね? バインドのイベント時に1行1行色を変えるしかないかなと思ってますが、 (この時もどうやってCssから色をとればいいやら…)スマートなやり方を ご存知でしたら、ご教授ください。

  • CSSで背景の2カ所に位置を指定してボーダーを入れるにはどうしたらいいでしょうか?

    http://www.thefujiyagohonjin.com/ このサイトのようにページの最上部と、ページの下から100pxの位置に、画面いっぱいに伸縮するボーダーを入れたいと思っています。上部のボーダーは指定できたのですが、下部の方をどうやって位置を設定していいのかわからず困っています。ナビゲーションもこのサイトのように画面サイズによって伸縮するデザインなので、このサイトの背景部分のCSSを教えていただけたら非常に助かります。 かなり低レベルな質問かもしれませんが、どなたか宜しくお願いします。

  • 斜線やドットで書かれたような画像を作るには?

    こんばんは、はじめまして! 最近HPを作成しようとしていて画像などを自作しているため、いろいろのサイトを見て回っているのですが。 画像の上に斜線やドットのフィルムをかけて画像を加工しているものなどをよく見かけます。(分かりにくいですね^ ^;) 一応参考程度に画像加工をしているサイトののっけておきますが。 このように画像を加工するのはどのようにすればよいのでしょうか?? ご存知の方は教えてください>_< ※PhotoShopCSを購入予定ですので、それでできるようでしたらPhotoShopでのやり方でもかまいません!! http://sakura.ragheart.info/main.html http://ag5.net/~yuki891/

  • Photoshopのツールボックスの中にある「背景色」について

    Photoshopのツールボックスの中にある「背景色」について 「描画色」「背景色」のうち、右下にある正方形をクリックすると カラーピッカーが表示されます。 ここで色を選択しますが、ここで、背景を「透明」にする事はできるのでしょうか? Illustratorの場合は、(少し違いますが)正方形の中に斜線が書いてあるマークを クリックすると「塗り」について透明を選択できますが、このような事はできるのでしょうか? Photoshopではどうやれば良いのでしょうか。 それともできない事になっているのでしょうか? 目的としては、写真の外周をぼかす時にぼかしの境界付近を白や黒ではなく、透明に したいからです。

  • CSSでテーブルボーダーを一発指定出来ません!

    現在テーブルに対してのCSSを設定しているのですが、私の勘違いなのかうまく出来ません・・・。 例えば縦5×横5列の表が有ったとします。 そこにCSSで四方1pxのボーダーを指定します。 でも、これだけだと表の一番外枠部分にしかボーダーが表示されません・・・。(当然なのかもしれませんが) そこで、CSSを使い中のブロック?部分、<td>全てにボーダーを表示させたいのですが、そのようなことは可能なのでしょうか? ようは、表の枠線全てをcssで表示させたいのですが、この様な事は可能でしょうか?? ご存知の方がいましたら、アドバイスいただけますでしょうか? 宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • HP作成で背景をつけるのに手間取っています

    メモ帳で現在HP作成をしています。 HPにCSSの背景を付けたいのですがどのような行程を踏めばいいのでしょうか? すみません、詳しく教えて頂けると嬉しいです

  • Photoshop→FLASH(背景が透明画像)

    とある写真から背景を抜き取り、FLASHへ貼り付けたいのですが、 Photoshop(LE)、イラストレーター(9.0)、とあるのですが、やはりPhotoshopの方が きれいに仕上がりますか? また、一番画像が自然に、きれいに切り抜ける方法を教えてください。 (今現在はフォトショップで自動選択で背景削除、出力用プラグで透過GIFにして作成)

  • cssで背景の幅を設定

    cssで背景の幅を設定 GIGAZINE< http://gigazine.net/ >の各タイトル(黄色の背景)のように、文字の背景を一番右までになるように設定するにはcssをどういじればいいのでしょうか コードを読んでみてるのですが、特にかわったことをしている部分を見つけられませんでした 普通にbackground-colorを書くと普通に文字の部分だけに背景色が入ってしまいます

    • ベストアンサー
    • CSS
  • ホームページの背景設定

    HPの背景の画像を制作したのですが、 図のようにA、Bと言うページを作った際にコンテンツの長さが異なった場合は 背景の長さも変更しなくてはいけないと思うのですが、どのようにして良いか解りません。 どのようにhtmlやCSSを設定すればよいでしょうか?