Widget:用户测试邀请信:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
(文本替换 - 替换“hmoegirl.com”为“hmoegirl.info”)
 
(未显示1个用户的2个中间版本)
第1行: 第1行:
<body>
<body>
<div id="wrap">
<div id="wrap">
<h2>SEND A MESSAGE</h2>
<h2> 暂时没有测试中的功能!</h2>
<br><br><br>
<br><br><br>
<div id="form-wrap">
<div id="form-wrap">
第50行: 第50行:
bottom: 128px;
bottom: 128px;
left: 0px;
left: 0px;
background: url('https://www.hmoegirl.com/images/a/a9/Before.png');
background: url('https://www.hmoegirl.info/images/a/a9/Before.png');
width: 530px;
width: 530px;
height: 317px;
height: 317px;
第59行: 第59行:
bottom: 0px;
bottom: 0px;
left: 0;
left: 0;
background: url('https://www.hmoegirl.com/images/c/c6/After.png');
background: url('https://www.hmoegirl.info/images/c/c6/After.png');
width: 530px;
width: 530px;
height: 259px;
height: 259px;
第72行: 第72行:
}
}
#wrap form{
#wrap form{
background: url('https://www.hmoegirl.com/images/c/cf/Letter_bg.png');
background: url('https://www.hmoegirl.info/images/c/cf/Letter_bg.png');
position: relative;
position: relative;
top: 200px;
top: 200px;
第124行: 第124行:
transition: opacity 0.5s ease-in-out 1.3s;
transition: opacity 0.5s ease-in-out 1.3s;
}
}
 
#form-wrap.hide:before{
display: none;
}
</style>
</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>