• ベストアンサー

角の丸い罫線はどうやって作る?

実際のサイトを例に出させていただいて恐縮ですが、以下のサイトにあるような、角の丸い罫線(囲み)は、どのような設定でできるのでしょうか。 http://movabletype.yh.land.to/archives/2005/10/04/movabletype-themes-template/ http://blog.info-rich.jp/archives/2005/10/movabletype32_3.html

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

  • ベストアンサー
  • sekiya-h
  • ベストアンサー率61% (1543/2514)
回答No.3

普通のホームページに比べ、Blog だとカスタマイズの自由度が少ないので、下記の方法で対処できるか不明ですが。 HTML で書き込めれば、  ページ作成実践講座[1]角の丸い枠を作る - All About  ⇒ http://allabout.co.jp/computer/hpcreate/closeup/CU20010608A/  とほほのWWW入門 - テーブル  ⇒ http://www.tohoho-web.com/how2/table.htm  ◆ホームページ作成入門-Heidi - 丸いテーブル  ⇒ http://verre.cside.to/table/table1.htm CSS を利用した方法  角の丸いTABLEをCSSで作るイミ  ⇒ http://plaza.rakuten.co.jp/webby/diary/200511020001/ 真似したいサイトがあれば、ソースを見ると参考になると思いますよ。

参考URL:
http://allabout.co.jp/computer/hpcreate/closeup/CU20010608A/
dospoko
質問者

お礼

ご回答ありがとうございます。

その他の回答 (3)

  • ingensai
  • ベストアンサー率71% (23/32)
回答No.4

丸角は画像。3*3のテーブルを作り中央にブログ本文、周りにその画像を置きます。 それ以外の線は「border-style」で指定します。

dospoko
質問者

お礼

ご回答ありがとうございます。

  • ubonoti01
  • ベストアンサー率20% (43/211)
回答No.2

ソースプログラムを見れば分かることなのですが・・・。 四隅は画像、その他(上辺、下辺、右辺、左辺)は背景で扱っているようです。この場合「罫線」というのは適切ではありません。 全体を「背景」とすることもできますが、そうすると、ブラウザで文字サイズを変更した場合に、崩れてしまいますので、伸縮自在になるように、上下左右の辺のみ背景にしてあるのでしょう。

dospoko
質問者

お礼

ご回答ありがとうございます。

noname#113407
noname#113407
回答No.1

ご質問の回答ではありませんが、僕はわかりませんからこういった隅肉RはフリーのCADソフトを使っております。 「JW_CAD」

参考URL:
http://www.ath-j.com/jw_win/
dospoko
質問者

お礼

ご回答ありがとうございます。

関連するQ&A

  • MovebleTypeの個別記事ページの表示が変

    MovableType3.2をインストールしたばかりです。 MovableTypeのトップページと、MovableTypeの個別記事ページのデザインが違ってしまっています。 スキンを2つほど試しましたが、2つともダメでした。 @トップページ http://charumera.my.land.to/top.png @個別記事 http://charumera.my.land.to/entry.png 他のMovableTypeを使っているサイトではこのような現象は見られないのですが僕のだけなんかおかしいです。 どうすればデザインを統一できるのでしょうか、誰か分かる方お願いします。

  • FC2公式ブログのように、記事本文の文字の下部に縦横の罫線を引くには?

    FC2ブログを利用しています。 下記のFC2公式ブログのように、文中の見出しを目立たせたいと思っています。 FC2総合インフォメーション http://blog.fc2.com/info/ 上記ブログの記事本文中、各話題の見出し部分に ┃___________ ↑こういう感じの、鍵カッコ型・オレンジ色の下線が付いています。(7/20現在) 同ブログより http://blog.fc2.com/info/blog-entry-416.html 「新テンプレートを2種類追加!」の文字下部に付いている下線です。 同じ下線を引きたくて、ブログ記事を書く欄にこのように書いてプレビューしました。 <div style="padding: 4px 0px 2px 4px; border-left: 5px solid #FF9900;border-bottom: 1px solid #FF9900;">ここに見出し</div> 一応似たような感じになりました。 この場合<div></div>と<p></p>のどちらがふさわしいでしょうか? 上記の記述はおかしいですか? また、こういう記述を「ブログテンプレートの編集」(HTML、CSS)ではなく ブログの本文を入力する欄に書くのは間違いでしょうか? (この罫線が画像か文字か何なのかもわからない所からここまでは来ました 上に書きました「FC2総合インフォメーション」のブログテンプレートは 見た目は公式テンプレートの「niziiro」ですが ソースを見たら公式テンプレート「neko_can」でした。 罫線と全く無関係でしたらすみません)

  • ブログに表示される画像の角を、丸くしたいです。

     ブログを書いています。ブログで画像を表示するとき、その画像の周りに、浮き上がるような装飾が自動的につくテンプレートを使用しています。そのテンプレートを下に書きます。 ------------------------------------------ /* 画像の装飾 */ .mainEntryBase img{ margin:0px 3px 0px 0px; padding: 3px; background-color: #FFFFFF; border-right-width: 1px; border-bottom-width: 2px; border-right-style: solid; border-bottom-style: solid; border-right-color: #999999; border-bottom-color: #999999; } ------------------------------------------  このテンプレートを変更して、ブログ上で表示する画像の角が自動的に丸くなるようにしたいと考えています。どのようにすればいいのか教えてください。  http://ezinfo.jp/contents/script/rcr/  このサイトでは、画像のURLを入力すると自動で角を丸くしてくれます。このような操作を、ブログのテンプレートに組み込み、表示した画像の角が自動的に丸くしたいと考えています。よろしくお願いします。

  • Movable Type でのサブドメインへの出力

    MovableTypeでCMS的なことを試みようとしています。 http://xxx.com/cgi-bin/mt でMTをインストールし、http://xxx.com/をブログID1に設定しています。 ブログID1で「info」というカテゴリを作り、新着情報をブログ記事として投稿する際に「info」というカテゴリを選択すれば http://xxx.com/info/index.html のようなファイル生成が可能だと思いますが、これを http://info.xxx.com/index.html にしたいと考えています。 ところが、「カテゴリ編集」のページで「出力ファイル/フォルダ名」に「info」は設定できますが、「info.xxx.com」や「http://xxx.com/info.xxx.com」のような設定ができません。 ちなみに「http://info.xxx.com」はサブドメインなので、実際には「xxx.com」の下に「info.xxx.com」というディレクトリが存在している状態です。 要は、最初に設定したブログから、別のドメインへファイルの出力をすることが可能かどうか、教えてください。 PS. 新しいブログとして例えばブログID2で「http://info.xxx.com」を作ってしまえば話は簡単なのですが(新着情報もID2でブログ投稿すればいいですし)、このようなサブドメインをたくさん作ろうと思っているので、そうなるとブログの数もたくさん必要なのでMovableTypeを使うメリットがあるのかな・・・と考えてしまいます。MultiBlogでテンプレートの共有はできますが。

  • 作成済みのMOVABLETYPEの独自ドメイン化

    サクラインターネットのサーバーを使い。 MOVABLETYPEを導入して MOVABLETYPEのテンプレートを導入し、とりあえず 5つのブログを立ち上げました。 まだ、ドメインを取得していないので サイトURLを HTTP://SAKU**.SAKURA.NE.JP/1/ サイトパスを /HOME/SAKU**/WWW/1 というふうに 数字の部分を 1~5にして5つのブログを立ち上げました。 ビジネスブログで作成するため、すでに、テンプレート等は 導入済みなのですが 5つのサイトに ドメインを取得して 上記5つのサイトに 割り当てたいのです。 ドメイン取得方法は、わかるのですが、 上記の設定を サイトURLを HTTP://独自ドメイン.COM サイトパスを /HOME/SAKU**/WWW/1 のようにして再構築すれば、簡単に変更できるのでしょうか? 気をつける点などあればお教えください。 MTのバージョンは、テンプレートの制限があり3.2を使っています。

  • クールなデザインのテンプレートがあるブログサービスサイトは?

    下記のようなIT系のクールなデザインのテンプレートがあるブログサービスサイトを紹介して下さい。 下記サイトはMovableType用なので、 ライブドアブログサービスなど一般のブログサービスでは使用できないのです。 ( 記 ) http://www.drblog.jp/blogtest/a034/

  • MovableType カテゴリ別にデザインを変更

    MovableTypeで会社のブログを作成しています。 現在はデフォルトのテンプレートを使用しています。 カテゴリ毎にデザインを変更しようと思い、こちらの http://bizcaz.com/archives/2007/04/14-114241.php http://www.koikikukan.com/archives/2008/04/25-010101.php WEBを参照にさして頂いたのですが、うまくいきませんでした。 下の小粋空間様のMTEntryIfCategoryのタグを使用の場合です。 <MTEntryIfCategory name="カテゴリー1">     : (カテゴリー1に属するブログ記事アーカイブのテンプレート)     : </MTEntryIfCategory> とありました。アーカイブテンプレートのブログ記事に入力し、このカテゴリー1はカテゴリ名とは分かるのですが、下の()内はテンプレートか何かを入力する必要がありますか?入力であれば、どのような形で入力すればよろしいのでしょうか? スタイルシートについてですが、 <MTEntryIfCategory name="カテゴリー1"> <head> <link rel="stylesheet" href="<$MTBlogURL$>[カテゴリー1に属するブログ記事のスタイルシートファイル名]" type="text/css" encode_html="1"$>" media="screen,tv" /> </head>     : (カテゴリー1に属するブログ記事アーカイブのテンプレート)     : </MTEntryIfCategory> となっていますが、[カテゴリー1に属する…]ファイルは分かるのですが、上記の質問と同じように()内に何か入力が必要ですか? ちなみに、この入力もブログ記事でよろしいのでしょうか? ヘッダーモジュールの記述ですが、HTMLヘッダーとバナーヘッダーとありますがHTMLヘッダーの方でよろしいですか? 合わせて他に何かやりやすいやり方があれば、ご教授お願い致します。 バージョンはMovable Type Pro version 4.28になります。 知識が少ない状態からの質問で恐縮なのですが、よろしくお願いします。

  • エクセル2007のマクロ機能について

    とあるサイトから、損益計算書のテンプレートをダウンロードしました。 それには、マクロボタンが5つくらい付いており、印刷ボタンを押すと 下書きレイアウト時の破線で囲まれた部分のみが印刷されます。 破線の囲み線は、書式設定の罫線ではなく、印刷範囲の破線ですが、 あの波線はどのようにして作るのでしょうか?

  • Movable Typeのテンプレートについて

    Movable Typeの素人です。 最近ブログを作成するにあたりMovable Type4を使用しようと考えています。 『ただテン!』というサイトが無料配布しているテンプレートを使用する予定です。 作業1. サイト上で無料で配布しているテンプレートを [mt]-[mt-static]-[themes]-[ここにダウンロードしたフォルダをアップロード] 作業に2. [デザイン]-[テンプレート]-[ブログのテンプレートを初期化] を行なっています。 ダウンロードしてサーバーにアップしたのですが [デザイン]-[スタイル]-[既定のスタイル] に全然反映されません。 最初から入っているテンプレートのみが表示され続けられます。 どうしたら反映されるのでしょうか。 素人的な質問ですがよろしくお願いします。

  • MovableTypeのカスタマイズについて

    普段CSSを使って、企業さま向けなどのホームページを作成しています。 このたび、必要に迫られMovableTypeでサイトを作ることになり、勉強中ですが、数冊本を読んだ段階で手詰まりとなってきました。 ブログメインのページではなく、あくまで企業さま向けのサイトデザインの中にCMSとしてMovableTypeの機能が組み込まれている、 また、その中で社員さまが日々更新する本来の意味でのブログも組み込まれている、というようなサイトを作りたいと思っています。 デザインは完全オリジナルのものを使用しないといけませんので、 ベースはMovableTypeのテンプレートを使うとしても、 そこからかなり変更する予定です。 ただ、もともとがデザイン畑出身のもので、プログラムなどを理解する脳みそが少し足りません・・・ こんな私が、希望するサイトを作るのに理解しておくべきこと、 また分かりやすい解説書などご存知の方、教えていただけないでしょうか? よろしくお願いします。