My imagination are strong enough for me to hold on.
Hello 2017

#Tutorial: Hidden ChatBox
Friday 13 May 2016 @ 23:13


大家好啊
小编今天教大家做一个隐藏版的聊天室
   

大家都可以发挥自己的创意去做
这个只是一个简单的模版给大家哦
跟着步骤走吧


步骤
1. 开你的模版
2.Ctrl+F(Command+F用Mac的)找</head>
3.在</head>之前放
 (a)左边
.dreamer{
border-radius: 0px 15px 15px 0px;
width:10px;
padding:10px;
height:55px;
margin-top:20px;
margin-left:255px;
background: #faafbe;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#salty {
position:fixed;
border:5px solid #faafbe;
border-radius: 15px 15px 15px 15px;
width:250px;
left:-268px;
top:10px;
height:400px;
padding:4px;
text-align:left;
font-size:11px;
font-family:arial;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#salty:hover {
left:1px;
}

(b)右边
.dreamer{
border-radius: 15px 0px 0px 15px;
width:10px;
padding:10px;
height:55px;
margin-top:20px;
margin-left:-35px;
background: #faafbe;
color:white;
font-size:12px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#salty {
position:fixed;
border:5px solid #faafbe;
border-radius: 15px 15px 15px 15px;
width:250px;
right:-269px;
top:10px;
height:400px;
padding:4px;
text-align:left;
font-size:11px;
font-family:arial;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
#salty:hover {
right:1px;
}
-#faafbe = 可以自行换颜色哦

4. Ctrl+F(Command+F用Mac的)找</body>
5.在</body>之前放
<div id="salty"><div class="dreamer">
C<br>h<br>a<br>t</div>
<div style="margin-top: -100px;"><br>
你的cbox code

- 你的cbox code = 放你的cbox code哦

6. save看看，如果success就恭喜你啦 >.<


希望大家会喜欢

Labels: