人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

間違って前の質問を終了してしまったんで、また御教授お願いします、
即決回等にポイントはずみます。
俺の日記のdivで指定した部分を丸くしたいんですが。IEででもです。
この部分の角を丸く背景を白くしたい、の場所です
http://d.hatena.ne.jp/oiotyakure/20050119

●質問者: oiotyakure
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:IE ポイント 教授
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● amanoftaste
●100ポイント

http://www.hatena.ne.jp/1106136289#

人力検索はてな - 間違って前の質問を終了してしまったんで、また御教授お願いします、 即決回等にポイントはずみます。 俺の日記のdivで指定した部分を丸くしたいんですが。IEででもです。 ..

<div class=”hatena-module”>

<div class=”hatena-moduletitle”>

タイトル的テキスト

</div>

<div class=”hatena-modulebody”>

ボディ的テキスト

</div>

</div>

これをヘッダ内に入れてみてください。

◎質問者からの返答

グチャグチャになりました。

わからないんで、ヘッダ部分を丸ごと教授して下さい。


2 ● zizz_walla
●100ポイント

http://d.hatena.ne.jp/oiotyakure/20050119#header

丸くできない - oiotyakureの日記

ページのヘッダ

------------------------------

<div class=”main”>

<div class=”orediary”>

<div class=”orediarytitle”></div>

<div class=”orediarybody”>俺日記、この部分を何とかしたい</div>

</div>

<hatena name=”calendar”>

http://d.hatena.ne.jp/oiotyakure/20050119#footer

丸くできない - oiotyakureの日記

ページのフッタ

------------------------------

</div>

<div class=”sidebar”>

<hatena name=”searchform” template=”hatena-module”>

<hatena name=”calendar2” template=”hatena-module”>

<hatena name=”section” template=”hatena-module”>

<hatena name=”pv” template=”hatena-module”>

</div>

http://d.hatena.ne.jp/oiotyakure/20050119#style

丸くできない - oiotyakureの日記

スタイルシート

-----------------------------

span.highlight {

color: black;

background-color: yellow;

}

img.photo {

float: right;

margin: 10px;

border: 0;

}

a.keyword {

text-decoration: none;

border-bottom: 1px solid gray;

}

div.sidebar {

margin-top: 20px;

text-indent: 5px;

}

div.orediary {

margin:0 0 10px 0;

padding: 0 0 30px 0;

background-image: url(”

http://d.hatena.ne.jp/theme/soda/waku3.gif

”);

background-position: bottom left;

background-repeat: no-repeat;

text-align: left;

width: 100% ;

}

div.orediarytitle {

font-family: ’Comic Sans MS’,sans-serif;

font-size: 120%;

padding: 15px 15px 10px 15px;

margin: 0px;

text-align: left;

background-image: url(”

http://d.hatena.ne.jp/theme/soda/waku1.gif

”);

background-position: top left;

background-repeat: no-repeat;

}

div.orediarybody {

padding: 10px 15px 0 15px;

margin: 0;

font-size: 90%;

width:100%;

background-image: url(”

http://d.hatena.ne.jp/theme/soda/waku2.gif

”);

background-position: top left;

background-repeat: repeat-y;

}

http://d.hatena.ne.jp/oiotyakure/20050119#

丸くできない - oiotyakureの日記

解説

それぞれをページのヘッダ、ページのフッタ、スタイルシートに貼り付けてみてください。

background-image: url(”waku3.gif”);

の”が全角になっていました。

waku3.gifは、

http://d.hatena.ne.jp/theme/soda/waku3.gif

にあるのでフルパスにしました。

◎質問者からの返答

サイドバー?が消えて、俺日記、この部分を何とかしたいのすぐ下に

Error : ”calendar” module is not found.

と表示されます

全角半角は注意してやります、ありがとう


3 ● 186
●2000ポイント

http://d.hatena.ne.jp/keyword/%b6%b5%a4%a8%a4%c6%a4%cf%a4%c6...

例1

こちらの場合、少々上と下に大きめの空白が出来ます。が、リストだろうがテーブルだろうが書けるので便利です。

ヘッダ

----

<div class=”main”>

<div class=”day” id=”description”>

<h2>copy</h2>

<div class=”body”>

<div class=”section”>

<p>俺日記、この部分を何とかしたい</p>

</div>

</div>

</div>

<hatena name=”calendar”>

----

CSS

----

div#description h2 {

color: white;

}

----

例2:簡潔に

こちらの場合、「俺〜」のところにはマークアップ出来ません。

ヘッダ

----

<div class=”main”>

<div class=”day” id=”description”>

<h2>copy</h2>

俺日記、この部分を何とかしたい

</div>

<hatena name=”calendar”>

----

CSS

----

例1:と同様

----

で、URIはキーワード「教えてはてなダイアリー」です。ぜひご利用を。

◎質問者からの返答

回等ありがとう

やりなおしたら成功しました

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ