wang-zhiの日記 このページをアンテナに追加 RSSフィード

2006-12-01HTML・CSS保管 このエントリーを含むブックマーク このエントリーのブックマークコメント

保管用です

とりあえず、HTMLスタイルシートみんな更新してよいので

やっちまった!もどりてー!ってときはここからコピペして


  1. トップページHTML
<div class="main">
<!-- ### about ### -->
<div class="about_style">
<hatena name="groupabout" template="diary"><br>
</div>

<div class="day information">

<!-- ### ホットリンク ### -->
<h2><span class="title">地獄巡り ▽順路▽</span></h2>
<ul>
<li><a href="http://www5.atwiki.jp/yaruhara/" title="ゲームヘル2000">地獄総本山</a></li>
<li><a href="http://jbbs.livedoor.jp/otaku/7417/" title="ゲームヘル掲示板">地獄温泉</a></li>
<li><a href="http://www.takamin.com/oekakichat/user/oekakichat3.php?userid=40666" title="ゲームヘルチャット">地獄会議</a></li>
</ul>
<br class="clearLeft">

<!-- ### お知らせ ### -->
<h2><span class="title">お知らせ</span></h2>
<div class="body">
<div class="section"><p>
<h4>ゲームのはこづめVol.4</h4>
<pre>
コミックマーケット71 
12/31 日曜日 西地区 “い”ブロック 24b「・ω・」(おめが) 
に出展予定です。 
</pre>
</p></div>
</div>
</div>

<!-- ### キーワード一覧 ### -->
<div class="keyword_style">
<hatena name="keyword" template="diary">
<br class="clearLeft">
</div>
</div>


<!-- ### サイドバー ### -->
<div class="sidebar">
<hatena name="groupsearchform" template="hatena-module">
<hatena name="groupantenna" template="hatena-module" icon="true">
<hatena name="bbs" listlimit="10" moduletitle="最新スレ一覧" dateformat="%Y-%m-%d"> 
<hatena name="keywordform" template="hatena-module">
<hatena name="keyword" template="hatena-module">
<hatena name="keywordcontent" template="hatena-module" word="リンク集" edit="true">
</div>
<!-- ### サイドバー ### -->

  1. スタイルシート

/* margin,padding はクロスブラウザ対応なので外さないで */
* {
margin:0px;
padding:0px;
font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Geneva, sans-serif;
}

div.main {
margin-left:285px;
}

div.sidebar {
width: 280px;
position: absolute;
top: 100px;
left: 0px;
}

div.footer {
margin:10px 0px 10px 285px;
padding:5px;
border: solid 1px #800;
background-color:#AAA;
}

div.day {
margin:0 0 10px 0;
padding:5px;
border: solid 1px #800;
background-color:#CCC;
font-size: 80%;
}

div.recentitem_diary {
margin:0 0 10px 0;
padding:5px;
border: solid 1px #800;
background-color:#000;
font-size: 80%;
}

a:link {
text-decoration: none;
color:#C40;
}

a:active,a:visited {
text-decoration: none;
color:#F40;
}

a:hover {
text-decoration: none;
color:#F80;
}

/* kenmo append */
div.section p {
	margin:2px 2px 2px 30px;
}
div.section ul {
	list-style-type: disc;
	margin-left: 30px;
	padding-left: 15px;
}
div.section ol {
	list-style-type: decimal;;
	margin-left: 30px;
	padding-left: 15px;
}
div.section dl {
	margin-left: 30px;
	padding-left: 15px;
}
div.section pre {
	background-color: #EDEDED;
	margin:5px 5px 5px 30px;
	padding: 8px;
}

h2 {
	font-size: 100%;
	background-color: #909090;
	padding: 3px 0px 2px 10px;
	margin: 5px 0 0 0;
	width: auto;
	_width: 100%;
}

h2 span.date {
	color: #ffffff;
	font-size: 100%;
	font-style: normal;
	margin-left: 2px;
	margin-right: 2px;
}

h2 span.title {
	color: #ffffff;
	font-size: 100%;
	font-style: normal
	padding:0px;
}

h2 span.title a {
	color: #ffffff;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 2%;
	margin-bottom: 0.1%
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0.6em 10% 0 0.4em;
	border-left: 5px solid #909090;
	border-bottom: 1px solid #909090;
	padding: 0px 0.5em 0.1em 0.5em;
}
h5 {
	font-size: 100%;
	margin: 0.5em 0 0 20px;
}

div.hatena-modulebody ul, ul.hatena_antenna, ul.hatena_section, ul.hatena_groupantenna, ul.hatena_keyword, ul.hatena_hotkeyword, ul.hatena_hoturl, ul.hatena_hotasin {
	display: block;
	font-size: 80%;
	margin: 0;
	padding: 0;
}
/* kenmo append */

/*--------------------------------------------------------------------*/
div.hatena-module {
border-top: solid 1px #800;
border-bottom: solid 1px #800;
margin:0 0 5px 0;
padding:0 0 0 10px;
background-color:#DDD;
}

div.hatena-moduletitle {
font-size: 80%;
font-weight:bold;
padding:10px 20px 0px 0px;
border-bottom: dotted 1px #800;
border-right: solid 5px #800;
}

div.hatena-modulebody {
padding:0px 0px 10px 5px;
border-right: solid 5px #800;
font-size: 80%;
}

div.hatena-modulebody ul,ol {
padding:0px;
margin:0px;
}

div.hatena-modulebody li {
margin:0px;
padding:2px 20px 0 0;
list-style-type:none;
}

div.about_style div.section ul {
list-style-type: none;
padding-bottom:10px;
}

div.about_style div.section li {
font-weight:bold;
font-size:120%;
float:left;
margin:0 10px 0 10px;
padding:2px;
border-top:1px solid #888;
border-left:1px solid #888;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
}

div.about_style div.day {
margin:0;
padding:5px;
background-color:#CCC;
border:0;
}

div.about_style {
margin:0 0 10px 0;
border:solid 1px #800;
background-color:#CCC;
}


/*IE hack*/
* html div.information {
margin-top:30px;
}


div.information ul {
list-style-type: none;
padding:10px 0 10px 30px;
}

div.information  li {
font-weight:bold;
font-size:120%;
float:left;
margin:0 10px 0 10px;
padding:2px;
border-top:1px solid #888;
border-left:1px solid #888;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
}

div.keyword_style div.day {
width:220px;
height:150px;
float:left;
margin-right:10px;
}

div.keyword_style div.day p {
margin:5px;
}

br.clearLeft {
font-size:0px;
clear:left;
}

kenmokenmo2006/12/01 11:00CSSよく分かってないので、試行錯誤で変えてしまいました。
>margin,padding はクロスブラウザ対応なので外さないで
<ul>タグと<ol>タグが正しく表示されない原因っぽい感じなので、
消してしまいました。
([学習心理学をゲームに応用する]の最初と最後の文章あたりで使ってます。)

たぶん、もっと正しい解決法があるとは思うので、調べてみます。

kenmokenmo2006/12/01 11:32解決しました。お騒がせしました。

muiwxxkqqtmuiwxxkqqt2013/07/28 20:58jimichbnfifmm, <a href="http://www.omriewvvxw.com/">ctdqvcsniw</a> , [url=http://www.tabkkwzhgm.com/]rgkbgzejlm[/url], http://www.mxlzrachxq.com/ ctdqvcsniw

lowqtohykylowqtohyky2014/12/03 06:56atucghbnfifmm, <a href="http://www.zzpkeqsmrw.com/">wvoliekxaz</a> , [url=http://www.kvjzowfyzo.com/]fokmxwvatn[/url], http://www.sbhrvubtdb.com/ wvoliekxaz

2006-11-29グループ立ち上げ このエントリーを含むブックマーク このエントリーのブックマークコメント

ゲームヘルグループを立ち上げてみました

が、日記は個別のブログもあるので使えないと思う

----いまここ

テスト

Download