「@wiki スタートアップ」の編集履歴（バックアップ）一覧はこちら

「@wiki スタートアップ」(2008/05/20 (火) 17:20:21) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#setmenu(スタートアップメニュー)
#include_js(http://homepage2.nifty.com/lightbox/copyClip.js)
#html2(){
<OBJECT
	id="flash1"
	classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
	width=0
	height=0
>
	<PARAM name="movie" value="http://www39.atwiki.jp/lightbox/pub/utilWeblog.swf">
	<PARAM name="allowScriptAccess" value="always">

	<EMBED
		id="flash2"
		name="utilWeblog"
		swliveconnect="true"
		src="http://www39.atwiki.jp/lightbox/pub/utilWeblog.swf"
		width=0
		height=0
		type="application/x-shockwave-flash"
	>
</OBJECT>
}
#javascript(){{
var obj = new COPYCLIP( );
}}
*&this_page()
+デザインを選択
++オレンジロゴ（２カラム）
+「基本デザインのCSSを無効化する」にチェック
+ユーザ定義CSS書き込み
#html2(){{
　<A href="javascript:obj.copyString( document.getElementById('css').value )">クリップボードへコピー</A><br />
}}
#html2(){{
　<TEXTAREA id='css' cols="80" rows="20" readonly>
/* サブタイトル用 */
#subttl {
	border-color:gray;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	background-color:silver;
	background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0;
}

/* YAHOO UI メニュー用 */
.bd A {
	font-family: "ＭＳ Ｐゴシック" !important;
	font-size: 12px !important;
	text-align: left;
}

/* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */
#atwiki-jp-bg1 {
	background:transparent url(http://homepage2.nifty.com/lightbox/winofsql.png) no-repeat scroll 0%;
}
/* height: ロゴを表示している部分の高さ */
#header a#atwiki-jp-bg1 {
	height:70px;
	width:100px;
}

body {
	background:#fff;
	color:#666;
	font-family:arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

body *{
	line-height:1.5;
}

/* text-decoration:none -> リンクに下線無し */
a:link,a:visited{
	color:navy;
	text-decoration:none;
}
a:hover, a:active{
	color:forestgreen;
	text-decoration:none;
}

.box:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

/* ヘッダーのパディンクと背景色と高さ */
#header{
	margin: 0 0 0 0;
	border-bottom:3px solid #FFA500;
	background-color: forestgreen;
}

/* ロゴ画像のマージン等調整 */
#header a#atwiki-jp-bg1 {
	display:block;
	float:left;
	margin: 5px 5px 5px 5px;
	width: 200px;
}

#header h1,
#header h2{
	margin:0;
	padding:0;
	line-height:1;
}

/* サブタイトル文字の調整 */
#header h1{
	padding-top: 45px;
	padding-bottom:4px;
}


#header h1 a{
	color:#6c0;
	font-size: 12px;
	text-decoration:none;
	line-height:1;
}

#header h2 a{
	color:#333;
	font-size:15px;
	text-decoration:none;
	line-height:1;
	display: none;
}

#container {
 width:100%;
 text-align:left;
}

#wrapper {
 width:100%;
}

#footer,
#toolbar {
 width:100%;
 clear:left;
}

#toolbar{
/*	display:none; */
}

#contents {
 width:100%;
 float:right;
 margin-left:-194px;
}

#contents_inner {
 margin-right:25px;
 margin-left:204px;
 border:1px dotted #FFA500;
 padding:10px;
 overflow:hidden;
}

#menubar_wrapper{
	padding-left:5px;
}

#menubar_inner h3 {
	line-height:26px;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	height: 26px;
	width: 155px;
	padding-left:5px;
	background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

#menubar {
 width:165px;
 float:left;
 overflow:hidden;
 /* border:2px dotted #FFA500; */
}

#menubar2 {
 width:165px;
 float:left;
 overflow:visible;
 /* border:2px dotted #FFA500; */
}	

#menubar_inner,
#menubar_inner2{
	padding:0px;
}


.menu fieldset{
	width:135px;
	overflow:visible;
}

.menu select{
	max-width:135px;
}
.menu input{
	max-width:135px;
}
.menu textarea{
	max-width:135px;
	background:#fff;
}

#footer_inner{
	padding:10px 25px;
}
#toolbar_inner{
	padding:10px 25px 0 25px;
}


/* General Rules */


p,
dl,
multicol{
	display: block;
	margin: 1em 0;
}
dd{
	display: block;
	margin-left: 20px;
}
dt{
	font-weight:bold;
}
blockquote{
	display: block;
	margin: 1em;
}
address{
	display: block;
	font-style: italic;
}
center{
	display: block;
	text-align: center;
}
h1{
	margin: 13px 0;
	font-size:167%;
	font-weight:bold;
}
h2{
	margin: 13px 0;
	font-size:152%;
	font-weight:bold;
}
h3{
	margin: 13px 0;
	font-size:13px;
	font-weight:bold;
}
h4{
	margin: 13px 0;
	font-size:129%;
	font-weight:bold;
}
h5{
	margin: 13px 0;
	font-size:114%;
	font-weight:bold;
}
h6{
	margin: 13px 0;
	font-size:100%;
	font-weight:bold;
}

xmp, 
pre, 
plaintext{
	display: block;
	font-family: fixed;
	margin: 1em 0;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; 		/* Opera 4-6 */
	white-space: -o-pre-wrap; 	/* Opera 7 */
	white-space: pre-wrap;			/* CSS3 */
	word-wrap: break-word;			/* IE 5.5+ */
}

table{
	display: table;
	border-spacing: 2px;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	-moz-box-sizing: border-box;
	text-indent: 0;
	border:1px solid #aaa;
}

caption{
	display: table-caption;
	text-align: center;
}

tr{
	display: table-row;
	vertical-align: inherit;
}
col{
	display: table-column;
}
colgroup{
	display: table-column-group;
}
tbody{
	display: table-row-group;
	vertical-align: middle;
}
thead{
	display: table-header-group;
	vertical-align: middle;
}

tfoot{
	display: table-footer-group;
	vertical-align: middle;
}
table > tr{
	vertical-align: middle;
}
td{ 
	display: table-cell;
	vertical-align: inherit;
	text-align: inherit; 
	padding: 3px;
	border:1px solid #999;
}
th{
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	padding: 3px;
	border:1px solid #999;
}
q:before{
	content: open-quote;
}
q:after{
	content: close-quote;
}

b, 
strong{
	font-weight: bolder;
}

i, 
cite, 
em, 
var, 
dfn{
	font-style: italic;
}

u, 
ins{
	text-decoration: underline;
}

s, 
strike, 
del{
	text-decoration: line-through;
}

sub{
	vertical-align: sub;
	font-size: smaller;
	line-height: normal;
}

sup{
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

nobr{
	white-space: nowrap;
}

ul{
	display: block;
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 15px;
}

ol{
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
	padding-left: 25px;
}

 li{
	display: list-item;
}

 ul ul,
 ul ol,
 ul dl,
 ol ul,
 ol ol,
 ol dl,
 dl ul,
 dl ol,
 dl dl {
	margin-top: 0px;
	margin-bottom: 0;
}

 ol ul,
 ul ul{
	list-style-type: circle;
}

 ol ol ul,
 ol ul ul,
 ul ol ul,
 ul ul ul{
	list-style-type: square;
}

/*
 hr{
	display: block;
	height: 1px;
	border: 1px;
	margin: 0.5em auto 0.5em auto;
}
*/

/**/

#wikibody ul {
	list-style-image: url(http://homepage2.nifty.com/lightbox/list.gif);
}
#wikibody h3 {
	line-height:32px;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	height: 32px;
	padding-left:15px;
	background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

pre{
	background:#fd8;
	padding:10px;
	color:#333;
}

blockquote{
	border-left:3px solid #FFA500;
	padding-left:.5em;
}
</TEXTAREA>
}}



**このサブタイトルは、【**文字列】です。#wikibody h3 で定義しています

-以下のように指定します
#highlight(){{
#divid(subttl){
スタートアップ
}
}}
#highlight(css){{
/* サブタイトル用 */
#subttl {
	border-color:gray;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	background-color:silver;
	background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0;
}
}}

#highlight(css){{
/* YAHOO UI メニュー用 */
.bd A {
	font-family: "ＭＳ Ｐゴシック" !important;
	font-size: 12px !important;
	text-align: left;
}
}}

#highlight(css){{
/* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */
#atwiki-jp-bg1 {
	background: transparent url(http://homepage2.nifty.com/lightbox/winofsql.png)
	no-repeat scroll 0%;
}
}}

-高さをロゴの実サイズより同じか大きく設定してタイトル部分の縦幅を調整します
#highlight(css){{
/* height: ロゴを表示している部分の高さ */
#header a#atwiki-jp-bg1 {
	height: 70px;
	width:100px;
}
}}

#highlight(css){{
/* リンク色、text-decoration:none -> リンクに下線無し */
a:link,a:visited{
	color: navy;
	text-decoration: none;
}
a:hover, a:active{
	color: forestgreen;
	text-decoration: none;
}
}}

#highlight(css){{
/* ヘッダーのパディンクと背景色と高さ */
#header{
	margin: 0 0 0 0;
	border-bottom:3px solid #FFA500;
	background-color: forestgreen;
}
}}

#highlight(css){{
/* ロゴ画像のマージン等調整 */
#header a#atwiki-jp-bg1 {
	display:block;
	float:left;
	margin: 5px 5px 5px 5px;
	width: 200px;
}
}}

#highlight(css){{
/* サブタイトル文字の調整 */
#header h1{
	padding-top: 45px;
	padding-bottom:4px;
}


#header h1 a{
	color:#6c0;
	font-size: 12px;
	text-decoration:none;
	line-height:1;
}
}}

&html(<HR size=1 color=forestgreen>)


#setmenu(スタートアップメニュー)
#include_js(http://winofsql.sakura.ne.jp/system/js/shCore.js)
#include_js(http://winofsql.sakura.ne.jp/system/js/shBrushXml.js)

#html2(){{
<textarea name="code" class="html">  
<INPUT type="text" name="field">
</textarea>  
}}

#javascript(){{
dp.SyntaxHighlighter.ClipboardSwf = '/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');

}}

#setmenu(スタートアップメニュー)
#include_js(http://homepage2.nifty.com/lightbox/copyClip.js)
#html2(){
<OBJECT
	id="flash1"
	classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
	width=0
	height=0
>
	<PARAM name="movie" value="http://www39.atwiki.jp/lightbox/pub/utilWeblog.swf">
	<PARAM name="allowScriptAccess" value="always">

	<EMBED
		id="flash2"
		name="utilWeblog"
		swliveconnect="true"
		src="http://www39.atwiki.jp/lightbox/pub/utilWeblog.swf"
		width=0
		height=0
		type="application/x-shockwave-flash"
	>
</OBJECT>
}
#javascript(){{
var obj = new COPYCLIP( );
}}
*&this_page()
+デザインを選択
++オレンジロゴ（２カラム）
+「基本デザインのCSSを無効化する」にチェック
+ユーザ定義CSS書き込み
#html2(){{
　<A href="javascript:obj.copyString( document.getElementById('css').value )">クリップボードへコピー</A><br />
}}
#html2(){{
　<TEXTAREA id='css' cols="80" rows="20" readonly>
/* サブタイトル用 */
#subttl {
	border-color:gray;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	background-color:silver;
	background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0;
}

/* YAHOO UI メニュー用 */
.bd A {
	font-family: "ＭＳ Ｐゴシック" !important;
	font-size: 12px !important;
	text-align: left;
}

/* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */
#atwiki-jp-bg1 {
	background:transparent url(http://homepage2.nifty.com/lightbox/winofsql.png) no-repeat scroll 0%;
}
/* height: ロゴを表示している部分の高さ */
#header a#atwiki-jp-bg1 {
	height:70px;
	width:100px;
}

body {
	background:#fff;
	color:#666;
	font-family:arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

body *{
	line-height:1.5;
}

/* text-decoration:none -> リンクに下線無し */
a:link,a:visited{
	color:navy;
	text-decoration:none;
}
a:hover, a:active{
	color:forestgreen;
	text-decoration:none;
}

.box:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

/* ヘッダーのパディンクと背景色と高さ */
#header{
	margin: 0 0 0 0;
	border-bottom:3px solid #FFA500;
	background-color: forestgreen;
}

/* ロゴ画像のマージン等調整 */
#header a#atwiki-jp-bg1 {
	display:block;
	float:left;
	margin: 5px 5px 5px 5px;
	width: 200px;
}

#header h1,
#header h2{
	margin:0;
	padding:0;
	line-height:1;
}

/* サブタイトル文字の調整 */
#header h1{
	padding-top: 45px;
	padding-bottom:4px;
}


#header h1 a{
	color:#6c0;
	font-size: 12px;
	text-decoration:none;
	line-height:1;
}

#header h2 a{
	color:#333;
	font-size:15px;
	text-decoration:none;
	line-height:1;
	display: none;
}

#container {
 width:100%;
 text-align:left;
}

#wrapper {
 width:100%;
}

#footer,
#toolbar {
 width:100%;
 clear:left;
}

#toolbar{
/*	display:none; */
}

#contents {
 width:100%;
 float:right;
 margin-left:-194px;
}

#contents_inner {
 margin-right:25px;
 margin-left:204px;
 border:1px dotted #FFA500;
 padding:10px;
 overflow:hidden;
}

#menubar_wrapper{
	padding-left:5px;
}

#menubar_inner h3 {
	line-height:26px;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	height: 26px;
	width: 155px;
	padding-left:5px;
	background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

#menubar {
 width:165px;
 float:left;
 overflow:hidden;
 /* border:2px dotted #FFA500; */
}

#menubar2 {
 width:165px;
 float:left;
 overflow:visible;
 /* border:2px dotted #FFA500; */
}	

#menubar_inner,
#menubar_inner2{
	padding:0px;
}


.menu fieldset{
	width:135px;
	overflow:visible;
}

.menu select{
	max-width:135px;
}
.menu input{
	max-width:135px;
}
.menu textarea{
	max-width:135px;
	background:#fff;
}

#footer_inner{
	padding:10px 25px;
}
#toolbar_inner{
	padding:10px 25px 0 25px;
}


/* General Rules */


p,
dl,
multicol{
	display: block;
	margin: 1em 0;
}
dd{
	display: block;
	margin-left: 20px;
}
dt{
	font-weight:bold;
}
blockquote{
	display: block;
	margin: 1em;
}
address{
	display: block;
	font-style: italic;
}
center{
	display: block;
	text-align: center;
}
h1{
	margin: 13px 0;
	font-size:167%;
	font-weight:bold;
}
h2{
	margin: 13px 0;
	font-size:152%;
	font-weight:bold;
}
h3{
	margin: 13px 0;
	font-size:13px;
	font-weight:bold;
}
h4{
	margin: 13px 0;
	font-size:129%;
	font-weight:bold;
}
h5{
	margin: 13px 0;
	font-size:114%;
	font-weight:bold;
}
h6{
	margin: 13px 0;
	font-size:100%;
	font-weight:bold;
}

xmp, 
pre, 
plaintext{
	display: block;
	font-family: fixed;
	margin: 1em 0;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap; 		/* Opera 4-6 */
	white-space: -o-pre-wrap; 	/* Opera 7 */
	white-space: pre-wrap;			/* CSS3 */
	word-wrap: break-word;			/* IE 5.5+ */
}

table{
	display: table;
	border-spacing: 2px;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	-moz-box-sizing: border-box;
	text-indent: 0;
	border:1px solid #aaa;
}

caption{
	display: table-caption;
	text-align: center;
}

tr{
	display: table-row;
	vertical-align: inherit;
}
col{
	display: table-column;
}
colgroup{
	display: table-column-group;
}
tbody{
	display: table-row-group;
	vertical-align: middle;
}
thead{
	display: table-header-group;
	vertical-align: middle;
}

tfoot{
	display: table-footer-group;
	vertical-align: middle;
}
table > tr{
	vertical-align: middle;
}
td{ 
	display: table-cell;
	vertical-align: inherit;
	text-align: inherit; 
	padding: 3px;
	border:1px solid #999;
}
th{
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	padding: 3px;
	border:1px solid #999;
}
q:before{
	content: open-quote;
}
q:after{
	content: close-quote;
}

b, 
strong{
	font-weight: bolder;
}

i, 
cite, 
em, 
var, 
dfn{
	font-style: italic;
}

u, 
ins{
	text-decoration: underline;
}

s, 
strike, 
del{
	text-decoration: line-through;
}

sub{
	vertical-align: sub;
	font-size: smaller;
	line-height: normal;
}

sup{
	vertical-align: super;
	font-size: smaller;
	line-height: normal;
}

nobr{
	white-space: nowrap;
}

ul{
	display: block;
	list-style-type: disc;
	margin: 1em 0;
	padding-left: 15px;
}

ol{
	display: block;
	list-style-type: decimal;
	margin: 1em 0;
	padding-left: 25px;
}

 li{
	display: list-item;
}

 ul ul,
 ul ol,
 ul dl,
 ol ul,
 ol ol,
 ol dl,
 dl ul,
 dl ol,
 dl dl {
	margin-top: 0px;
	margin-bottom: 0;
}

 ol ul,
 ul ul{
	list-style-type: circle;
}

 ol ol ul,
 ol ul ul,
 ul ol ul,
 ul ul ul{
	list-style-type: square;
}

/*
 hr{
	display: block;
	height: 1px;
	border: 1px;
	margin: 0.5em auto 0.5em auto;
}
*/

/**/

#wikibody ul {
	list-style-image: url(http://homepage2.nifty.com/lightbox/list.gif);
}
#wikibody h3 {
	line-height:32px;
	border-style:solid;
	border-width:1px;
	border-color:#9192A3;
	height: 32px;
	padding-left:15px;
	background:url(http://homepage2.nifty.com/lightbox/YUI/sprite.png) repeat-x 0 0;
}

pre{
	background:#fd8;
	padding:10px;
	color:#333;
}

blockquote{
	border-left:3px solid #FFA500;
	padding-left:.5em;
}
</TEXTAREA>
}}



**このサブタイトルは、【**文字列】です。#wikibody h3 で定義しています

-以下のように指定します
#highlight(){{
#divid(subttl){
スタートアップ
}
}}
#highlight(css){{
/* サブタイトル用 */
#subttl {
	border-color:gray;
	border-style:solid;
	border-width:1px;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	background-color:silver;
	background:url(http://homepage2.nifty.com/lightbox/h5.png) repeat-x 0 0;
}
}}

#highlight(css){{
/* YAHOO UI メニュー用 */
.bd A {
	font-family: "ＭＳ Ｐゴシック" !important;
	font-size: 12px !important;
	text-align: left;
}
}}

#highlight(css){{
/* ロゴ画像を変更したい場合は、以下のURLをロゴのURLに書き換え */
#atwiki-jp-bg1 {
	background: transparent url(http://homepage2.nifty.com/lightbox/winofsql.png)
	no-repeat scroll 0%;
}
}}

-高さをロゴの実サイズより同じか大きく設定してタイトル部分の縦幅を調整します
#highlight(css){{
/* height: ロゴを表示している部分の高さ */
#header a#atwiki-jp-bg1 {
	height: 70px;
	width:100px;
}
}}

#highlight(css){{
/* リンク色、text-decoration:none -> リンクに下線無し */
a:link,a:visited{
	color: navy;
	text-decoration: none;
}
a:hover, a:active{
	color: forestgreen;
	text-decoration: none;
}
}}

#highlight(css){{
/* ヘッダーのパディンクと背景色と高さ */
#header{
	margin: 0 0 0 0;
	border-bottom:3px solid #FFA500;
	background-color: forestgreen;
}
}}

#highlight(css){{
/* ロゴ画像のマージン等調整 */
#header a#atwiki-jp-bg1 {
	display:block;
	float:left;
	margin: 5px 5px 5px 5px;
	width: 200px;
}
}}

#highlight(css){{
/* サブタイトル文字の調整 */
#header h1{
	padding-top: 45px;
	padding-bottom:4px;
}


#header h1 a{
	color:#6c0;
	font-size: 12px;
	text-decoration:none;
	line-height:1;
}
}}

&html(<HR size=1 color=forestgreen>)


#setmenu(スタートアップメニュー)
#include_js(http://winofsql.sakura.ne.jp/system/js/shCore.js)
#include_js(http://winofsql.sakura.ne.jp/system/js/shBrushXml.js)

#html2(){{
<pre name="code" class="html">  
<INPUT type="text" name="field">
</pre>  
}}

#javascript(){{
dp.SyntaxHighlighter.ClipboardSwf = '/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');

}}