终端 #001
------
欢迎,用户
------
终端内部的链接会在鼠标移过时显示“>”。
就像这样
谢谢你查看我的格式!
日期 | 数据 | 效果 | 笔记 |
---|---|---|---|
日期 |
数据 |
效果 | 笔记 |
日期 |
数据 |
效果 | 笔记 |
日期 |
数据 |
效果 | 笔记 |
日期 |
数据 |
效果 | 笔记 |
日期 |
数据 |
效果 | 笔记 |
日期 |
数据 |
效果 | 笔记 |
[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
日期
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
数据
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
效果
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
笔记
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[/table]]
实验标题 | |
对象 | 数据在此 |
协议 | 数据在此 |
结果 | 数据在此 |
[[table style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
实验标题
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
对象
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
数据在此
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
协议
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
数据在此
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
结果
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
数据在此
[[/cell]]
[[/row]]
[[/table]]
| 细节
| 细节
| 细节
| 细节
| 细节
文字 文字 文字
更多文字
更多
以及更多
甚至还有更多要记录的文字
[[module css]]
.danke{
padding: 5px 5px 5px 15px;
margin-bottom:10px;
width: 100%;
font-family: monospace;
font-size: 1.1em; }
.agent{
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site{
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]
[[div class="danke agent"]]
| 细节
| 细节
| 细节
| 细节
| 细节
文字 文字 文字
更多文字
更多
以及更多
甚至还有更多要记录的文字
[[/div]]
里面的东西
[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
里面的东西
[[/div]]
[[/div]]
文本
更多文本
更多
[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]
[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- 请勿删除此 "+*"。 --]
[[span_ class="overlay"]]
以及更多!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
文本
更多文本
更多[[span class="blinkbar"]][][[/span]]
[[/div]]
[[/div]]
[[/div]]
[[module CSS]]
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* 终端上方的黑色阴影 */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* 终端周围的阴影 */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* 防止扫描条产生滚动条 */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* 你可能需要修改这个。如果扫描条走得太快了,添加5秒。 */
animation: scan 12s linear 0s infinite; /* 同上 */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text{
color: rgba(128,255,128,0.8);
padding-left: 2em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* 你可能需要根据你终端的长短修改这个。如果扫描条走到一半停止了,增大第二个数字。 */
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* 同上。 */
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]
[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]]__终端 #001__[[/size]]
@@ @@
@@ @@
@@------@@
欢迎,用户
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> 终端内部的链接会在鼠标移过时显示“>”。
> [http://www.baidu.com 就像这样]
谢谢你查看我的格式!
@@ @@
@@ @@
[[/div]]
[[/div]]
内容
[[div style="border:solid 边框粗细(填数字)px #边框色; background:#背景色; padding:5px; margin-bottom: 10px;"]]
内容
[[/div]]
带有背景图的框
[[div style="background: url(背景图URL) center no-repeat; float: center; border: solid 2px #边框颜色; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
内容
[[/div]]
正文在此。你需要在新的一行中使用“@@ @@”来正确地分行。
就像这样。
你可以使用[[<]],[[=]],[[>]]来将不同文本/段落以你的方式对齐。
尽情享受
[[module css]]
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
[[/module]]
[[div class="page"]]
正文在此。你需要在新的一行中使用“@<@@ @@>@”来正确地分行。
@@ @@
就像这样。
@@ @@
你可以使用[[<]],[[=]],[[>]]来将不同文本/段落以你的方式对齐。
@@ @@
[[>]]
尽情享受
[[/>]]
[[/div]]