“Widget:Openload”与“Widget:用户测试邀请信”：页面之间的差异

H萌娘，万物皆可H的百科全书！
（页面间差异）
跳到导航 跳到搜索
小 （文本替换 - 替换“hmoegirl.com”为“hmoegirl.info”）
 
小 （文本替换 - 替换“hmoegirl.com”为“hmoegirl.info”）
 
第1行： 第1行：
<noinclude>
<body>
用于引入openload视频的widget。
<div id="wrap">
 
<h2>暂时没有测试中的功能！</h2>
发布地址：https://www.hmoegirl.info/Widget:Openload
<br><br><br>
 
<div id="form-wrap">
注意事项：转载保留出处链接
<form>
 
<p>HELLO JOE,</p>
例子像这样：
<label for="email">Your Message:</label>
<nowiki>{{#widget:Openload|id=sjxqhevWOtE}}</nowiki>
<textarea name="message" id="message" value="Your Message"></textarea>
== 参数 ==
* '''id''' - 视频ID，如https://openload.co/f/'''sjxqhevWOtE'''
<p>BEST,</p>
DxToHJEBd5Q就是这个视频的ID.
<label for="name">Name:</label>
[[分类: 插件]]
<input type="text" name="name" value="" id="name" />
</noinclude>
<includeonly>
<label for="email">Email:</label>
<iframe src="http://openload.co/embed/<!--{$id}-->/" scrolling="no" frameborder="0" width="700" height="430" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"">openload的视频</iframe><includeonly>
<input type="text" name="email" value="" id="email" />
<input type="submit" name="submit" value="NOW, I SEND THANKS!" />
</form>
</div>
</div>
</body>
<style>
#wrap p{
font-family: tahoma;
font-size: 24px;
color: #757575;
}
#wrap{
width: 530px;
margin: 20px auto 0;
height: 1000px;
}
#wrap h2{
margin-bottom: 20px;
text-align: center;
font-size: 35px;
font-family: tahoma;
color: black;
}
#form-wrap{
height: 447px;
position: relative;
top: 0px;
transition: all 1s ease-in-out .3s;
}
#form-wrap:before{
content: "";
position: absolute;
bottom: 128px;
left: 0px;
background: url('https://www.hmoegirl.info/images/a/a9/Before.png');
width: 530px;
height: 317px;
}
#form-wrap:after{
content: "";
position: absolute;
bottom: 0px;
left: 0;
background: url('https://www.hmoegirl.info/images/c/c6/After.png');
width: 530px;
height: 259px;
}
#form-wrap.hide:after,
#form-wrap.hide:before{
display: none;
}
#form-wrap:hover{
height: 777px;
top: -200px;
}
#wrap form{
background: url('https://www.hmoegirl.info/images/c/cf/Letter_bg.png');
position: relative;
top: 200px;
height: 200px;
width: 400px;
margin: 0px auto;
padding: 20px;
border: 1px solid white;
border-right: 3px;
transition: all 1s ease-in-out .3s;
}
#form-wrap:hover form{
height: 530px;
}
#wrap lable{
margin: 11px 20px 0 0;
font-size: 15px;
color: gray;
text-transform: uppercase;
}
#wrap input[type=text], textarea{
font: 14px normal uppercase, arial, serif;
color: dimgray;
background: none;
width: 380px;
height: 37px;
padding: 0px 10px;
margin: 0 0 10px 0;
border: 1px solid #BDBDBD;
border-radius: 5px;
}
#wrap textarea{
height: 80px;
padding-top: 14px;
}
#form-wrap input[type=submit]{
position: relative;
font-family: tahoma;
font-size: 24px;
color: gray;
width: 300px;
text-align: center;
opacity: 0;
cursor: pointer;
border-radius: 3px;
transition: opacity 0.7s ease-in-out 0s;
}
#form-wrap:hover input[type=submit]{
z-index: 1;
opacity: 1;
transition: opacity 0.5s ease-in-out 1.3s;
}
#form-wrap.hide:before{
display: none;
}
</style>

2022年11月20日 (日) 15:04的最新版本

<body>

暂时没有测试中的功能！




<form>

HELLO JOE,

<label for="email">Your Message:</label> <textarea name="message" id="message" value="Your Message"></textarea>

BEST,

<label for="name">Name:</label> <input type="text" name="name" value="" id="name" />

<label for="email">Email:</label> <input type="text" name="email" value="" id="email" />

<input type="submit" name="submit" value="NOW, I SEND THANKS!" /> </form>

</body> <style>

  1. wrap p{

font-family: tahoma; font-size: 24px; color: #757575; }

  1. wrap{

width: 530px; margin: 20px auto 0; height: 1000px; }

  1. wrap h2{

margin-bottom: 20px; text-align: center; font-size: 35px; font-family: tahoma; color: black; }

  1. form-wrap{

height: 447px; position: relative; top: 0px; transition: all 1s ease-in-out .3s; }

  1. form-wrap:before{

content: ""; position: absolute; bottom: 128px; left: 0px; background: url('https://www.hmoegirl.info/images/a/a9/Before.png'); width: 530px; height: 317px; }

  1. form-wrap:after{

content: ""; position: absolute; bottom: 0px; left: 0; background: url('https://www.hmoegirl.info/images/c/c6/After.png'); width: 530px; height: 259px; }

  1. form-wrap.hide:after,
  2. form-wrap.hide:before{

display: none; }

  1. form-wrap:hover{

height: 777px; top: -200px; }

  1. wrap form{

background: url('https://www.hmoegirl.info/images/c/cf/Letter_bg.png'); position: relative; top: 200px; height: 200px; width: 400px; margin: 0px auto; padding: 20px; border: 1px solid white; border-right: 3px; transition: all 1s ease-in-out .3s; }

  1. form-wrap:hover form{

height: 530px; }

  1. wrap lable{

margin: 11px 20px 0 0; font-size: 15px; color: gray; text-transform: uppercase; }

  1. wrap input[type=text], textarea{

font: 14px normal uppercase, arial, serif; color: dimgray; background: none; width: 380px; height: 37px; padding: 0px 10px; margin: 0 0 10px 0; border: 1px solid #BDBDBD; border-radius: 5px; }

  1. wrap textarea{

height: 80px; padding-top: 14px; }

  1. form-wrap input[type=submit]{

position: relative; font-family: tahoma; font-size: 24px; color: gray; width: 300px; text-align: center; opacity: 0; cursor: pointer; border-radius: 3px; transition: opacity 0.7s ease-in-out 0s; }

  1. form-wrap:hover input[type=submit]{

z-index: 1; opacity: 1; transition: opacity 0.5s ease-in-out 1.3s; }

  1. form-wrap.hide:before{

display: none; } </style>

取自“https://hmoegirl.com/index.php?title=Widget:Openload&oldid=67338”