デザインテスト@wiki
http://w.atwiki.jp/design_test/
デザインテスト@wiki
ja
2017-12-19T15:47:46+09:00
1513666066
-
トップページ
https://w.atwiki.jp/design_test/pages/1.html
カスタマイズCSSテストサイト
**@wikiへようこそ
-ウィキはみんなで気軽にホームページ編集できるツールです。
-このページは自由に編集することができます。
-メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます
**まずはこちらをご覧ください。
-[[@wikiの基本操作>>http://www1.atwiki.jp/guide/pages/11.html]]
-[[編集モード・構文一覧表>>http://www1.atwiki.jp/guide/pages/137.html]]
-[[@wikiの設定・管理>>http://www1.atwiki.jp/guide/pages/36.html]]
**分からないことは？
-[[@wiki ご利用ガイド>>http://atwiki.jp/guide/]]
-[[よくある質問>>http://www1.atwiki.jp/guide/pages/21.html]]
-[[@wiki更新情報>>http://www1.atwiki.jp/guide/pages/143.html]]
-[[@wikiへのお問合せフォーム>>http://atwiki.jp/helpdesk]]
等をご活用ください
**[[アットウィキモードでの編集方法>>http://www1.atwiki.jp/guide/pages/226.html#id_6861418f]]
-[[文字入力>>http://www1.atwiki.jp/guide/pages/228.html]]
-[[画像入力>>http://www1.atwiki.jp/guide/pages/230.html]]
-[[表組み>>http://www1.atwiki.jp/guide/pages/914.html]]
**[[ワープロモードでの編集方法>>http://www1.atwiki.jp/guide/pages/226.html#id_a14c0938]]
-[[文字入力>>http://www1.atwiki.jp/guide/pages/2644.html]]
-[[画像入力>>http://www1.atwiki.jp/guide/pages/2645.html]]
-[[表組み>>http://www1.atwiki.jp/guide/pages/2646.html]]
**その他にもいろいろな機能満載！！
-[[@wikiプラグイン一覧>>http://www1.atwiki.jp/guide/pages/264.html]]
-[[@wikiかんたんプラグイン入力サポート>>http://www1.atwiki.jp/guide/pages/648.html]]
**バグ・不具合を見つけたら？ 要望がある場合は？
お手数ですが、[[お問合せフォーム>>http://atwiki.jp/helpdesk]]からご連絡ください。
2017-12-19T15:47:46+09:00
1513666066
-
書式テストページ
https://w.atwiki.jp/design_test/pages/15.html
* 見出し1
** 見出し2
*** 見出し3
あいうえお
''あいうえお''
>あいうえお((かきくけこ))あいうえお
あいうえお
|~あいうえお|~あいうえお|
|~あいうえお|あいうえお|
|~あいうえお|あいうえお|
----
#image(https://img.atwiki.com/image/029m/header135.png)
#image(ftps://img.atwiki.com/image/029m/hea,left)
- あいうえお
- あいうえお
-- あいうえお
--- あいうえお
---- あいうえお
----- あいうえお
#asciiart(){{{
／: : : : : : : : : : :｀
/ .: .:.:::::::::::::::::::::.:. :. :. ＼
. /.: .:.:::::::::::::::::::::::::::::::.:. :. : :.
__/.: .::::::::::::::::::::::::::::::::::::.:. :. :. :|
. ⌒/ .: :.::::::::::::::::::::::::::::::::::::::::: : : :|
/ｲ.:.:::::::/j/＼:::::::::从::::(:::.:. :. : |
j/|.:.:::{ 笊xｧjへ:{ｨ斧ｧ}: /从^｀
j/从 丶 /ｲ∧
. ｒ 、 / 〉 ./ ∧ j / } } | ヽ /ヽ. r ､
rﾐ | | .l { /ヽ __,｡r==く 丶 ___ ｲ /ヽ r‐､ .| | | | | |
| | | | .l { | | ／{i:i:i:i:i:i:i:i}〉＼ 个 __ イ / ∨≧r ｡,_ | | | | | | | |
| ゝ, | ', | { | | /〉 .{￣￣￣} ／＼ ノ /ハ ∧ }: : : : : : 〕トﾐ | | | | / / / ,
. ＼ 丶 ',__| ゝ ´ | { {i { __{ {＿__,＼{〈i:i:i〉＼／ ‘, ￣￣ ／ ∨ | | | | / /／ ／
. ＼〉 ＼―‐ミ { {i { { r―――|: :/ｉ:ｉ|:.:./―― ∨.,_ / ｘ== } | 乂_ﾉ ゝ / ／
〕ト __ ＼ ハ /￣ { {i:{:. :. :. : : |:/i:i:ｉ:|:./￣￣￣￣ｱ / {{:. :.:.} r―― ＞| /
＞ ／ '/ / {===={i:{:. :. :. :.__|i:i:i:i:i:|/ :. :. :. : : アﾟ / ゞ=彡〉 / { ''" __,. イ
／ トs｡,／ ∨ .／ ／ / 寸,＿__| |i:i:i:i:i/￣|＿__アﾟ＿____{ ￣￣⌒ 丶 / ∨ _ ,. ｡s≦⌒
＼―― =≦ 〈/／ -≠- ∧ 寸 |i:i:／ , アﾟ ――‐ { ＼ ∨ ./ ＼≦〈 ',
＼ 〃'/ / '/ｉ: 寸, __У , アﾟ ∨ ＼ .〉/ ＼/ ',
‐ _ 〃 ＼ / Ⅵi: 寸i:{ ‐==彡 xア∧ /ﾑ 〉 ＿__〉
‐ _====彡 | / Ⅵｉ: }i:{ o xア／ ‘, / vﾑ / .／
‐ _ | ／ Ⅵi: }i:{ 〈ア゛/ ‘, ／ vﾑ ／／
‐ _ ／ } }i:{ |i:i|:ｲ ‘, vﾑ /／
｀ ＿／ }ｌ }i:{ |i:i|:.| ＼ ／
}l }i:{ |i:i|:.| ≧==== 彡
}}}
#include(未作成のページ)
#include(メニュー)
#include(CSS)
#include(右メニュー)
#include(トップページ)
2016-11-02T05:55:16+09:00
1478033716
-
CSS
https://w.atwiki.jp/design_test/pages/12.html
/********************************
全体
*********************************/
/* フォントの設定 */
body {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background-color: #f6f6f6;
}
/* リンク */
a {
text-decoration: none;
color: #002bb8;
background: none;
}
a:visited {
color: #5a3696;
}
a {
text-decoration: none;
color: #002bb8;
background: none;
}
/* 見出し */
h2, h3, h4 {
color: #000;
background: none;
font-weight: normal;
margin: 0;
overflow: hidden;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: 1px solid #aaa;
}
h3, h4 {
border-bottom: none;
font-weight: bold;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
/* 整形済みテキスト */
pre {
padding: 1em;
border: 1px dashed #aaa;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
padding: 5px;
}
/* 引用文 */
#wikibody blockquote {
background-color: #f9f9f9;
margin-top: 5px;
margin-left: 10px;
border-left: 3px #ccc solid;
padding:1em;
position:relative;
}
blockquote:before {
content:"“";
font-size:300%;
line-height:1em;
font-family:sans-serif;
color:#ccc;
position:absolute;
left:0;
top:0;
}
/* 水平線 */
#wikibody hr {
height: 0;
border-bottom: 1px solid #AAA;
}
/* 番号無しリスト */
ul {
line-height: 1.5em;
list-style-type: square;
margin: .3em 0 0 1.5em;
padding: 0;
list-style-image: url(//img.atwikiimg.com/common/_skin/bullet.gif);
}
li {
margin-bottom: .1em;
}
/* テーブル */
#wikibody table {
border: 1px solid #ccc;
margin: 2px;
padding: 2px;
background-color: white;
border-collapse: collapse;
border-spacing: 1px;
}
#wikibody table th {
background-color: #f1f1f1;
padding: 2px;
border: 1px solid #d1d1d1;
vertical-align: top;
font-weight: bold;
}
#wikibody table td {
padding: 5px;
border: 1px solid #d1d1d1;
}
/* 注釈 */
.link_atwiki_footnote{
font-size: smaller; /* 小さくする */
white-space: nowrap; /* 途中で改行させない */
line-height: 1em; /* 設定してないと行が高くなる */
vertical-align: super; /* 上付き文字にする */
}
/********************************
サイト名・ロゴ
*********************************/
div#atwiki-jp-bg1{
background: center url(//img.atwiki.com/image/029m/header135.png) no-repeat;
position: absolute;
width: 12em;
height: 72px;
top: 26px;
left: 0;
}
#atwiki-jp-bg1 h1{
color: #686a67;
text-align: center;
height: 100%;
margin: 0;
padding: 0;
border: none;
}
#atwiki-jp-bg1 a{
display: block;
padding-top: 60px;
font-size:12px;
}
/********************************
コンテンツ
*********************************/
#container{
padding: 0;
font-size: 94.4%; /* Wikipediaの#bodyContentに合わせる */
}
#contents {
margin-left: 12em;
padding: 1em;
border: 1px solid #a7d7f9;
border-right-width: 0;
margin-top: -1px;
background-color: #ffffff;
color: #252525;
}
/********************************
メニューバー
*********************************/
div#menubar{
font-size: 95%;
position: absolute;
top: 90px;
padding-top: 1em;
margin: 0 5px 0 5px;
width: 12em;
left: 0;
}
#menubar h3 {
margin: 10px 4px 0 4px;
padding: 2px 0 0 0;
}
/* メニューバーのhr */
#menubar hr {
margin: 2px 5px 0 5px;
height: 1px;
border: 0;
background: #aaa;
}
/* メニューバーの改行を消す */
#menubar br {
display:none;
}
#menubar ul{
list-style: none none outside;
margin: .3em 0 0 .5em;
padding: 0.25em 0;
}
/* 更新履歴の上下を調整する */
#menubar p.plugin_recent_day {
font-weight: bold;
margin: 0 5px 0 5px;
}
#menubar div.plugin_recent_day_div {
margin: 0 0 .7em 0;
}
#menubar ul.plugin_recent_ul {
margin: 0 0 0 .5em;
}
/********************************
フッター
*********************************/
/* 各種ソーシャルボタンの削除。twitter・はてな・mixi・facebook・Google Plus One */
#body_footer {
display:none;
}
/* フッターの@wiki部分は綺麗に残す */
#footer {
margin: 0;
padding: 0;
border-style: none;
background: transparent;
text-align: center;
font-size: 90%;
}
/* フッターの線は消す */
#footer hr{
display:none;
}
2016-07-22T09:03:52+09:00
1469145832
-
メニュー
https://w.atwiki.jp/design_test/pages/2.html
**メニュー
-[[トップページ]]
-[[未作成のページ]]
-[[プラグイン紹介>プラグイン]]
-[[CSS]]
-[[書式テストページ]]
-[[メニュー]]
-[[メニュー2]]
----
-[[@wiki>>http://atwiki.jp]]
-[[@wikiご利用ガイド>>http://atwiki.jp/guide/]]
**[[更新履歴]]
#recent(20)
**[[人気のページ>人気の頁]]
#popular(20,ignore=トップページ,ignore=メニュー,ignore=更新履歴,count)
2016-07-22T07:53:49+09:00
1469141629
-
未作成のページ
https://w.atwiki.jp/design_test/pages/13.html
#yetlist(100,ref,sensitive)
2016-07-22T04:31:10+09:00
1469129470
-
右メニュー
https://w.atwiki.jp/design_test/pages/3.html
**更新履歴
#recent(20)
&link_editmenu2(text=ここを編集)
2016-07-21T04:11:24+09:00
1469041884
-
プラグイン/ニュース
https://w.atwiki.jp/design_test/pages/4.html
* ニュース
@wikiのwikiモードでは
#news(興味のある単語)
と入力することで、あるキーワードに関連するニュース一覧を表示することができます
詳しくはこちらをご覧ください。
＝＞http://www1.atwiki.jp/guide/pages/266.html#id_542badf7
-----
たとえば、#news(ゲーム)と入力すると以下のように表示されます。
#news(ゲーム)
2016-07-21T04:11:24+09:00
1469041884
-
プラグイン/編集履歴
https://w.atwiki.jp/design_test/pages/5.html
* 更新履歴
@wikiのwikiモードでは
#recent(数字)
と入力することで、wikiのページ更新履歴を表示することができます。
詳しくはこちらをご覧ください。
＝＞http://www1.atwiki.jp/guide/pages/269.html#id_bf9eaeba
-----
たとえば、#recent(20)と入力すると以下のように表示されます。
#recent(20)
2016-07-21T04:11:24+09:00
1469041884
-
プラグイン/アーカイブ
https://w.atwiki.jp/design_test/pages/6.html
* アーカイブ
@wikiのwikiモードでは
#archive_log()
と入力することで、特定のウェブページを保存しておくことができます。
詳しくはこちらをご覧ください。
＝＞http://www1.atwiki.jp/guide/pages/921.html#id_2d967d6e
-----
たとえば、#archive_log()と入力すると以下のように表示されます。
保存したいURLとサイト名を入力して"アーカイブログ"をクリックしてみよう
#archive_log()
2016-07-21T04:11:24+09:00
1469041884
-
プラグイン/RSS
https://w.atwiki.jp/design_test/pages/7.html
*RSSを取り込んで一覧表示(rss)
#rss(ここにＲＳＳのＵＲＬ)
もしくは
#rss(ここにＲＳＳのＵＲＬを入力)
と入力することで指定したＲＳＳを取り込んで一覧表示します。
詳しくはこちらをご覧ください。
＝＞http://www1.atwiki.jp/guide/pages/269.html#id_a0e79757
----
たとえば、#rss(http://www1.atwiki.jp/guide/rss10_new.xml) と入力すると以下のように表示されます。
#rss(http://www1.atwiki.jp/guide/rss10_new.xml)
2016-07-21T04:11:24+09:00
1469041884