html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=yes">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
</head>
<body id="bd">
<div class="mainborder">
<div class="firstlayer">
<div class="firstchamber" style="width:120px">
<p class="facebook">facebook</p>
</div>
<div class="firstchamber" style="margin-left:5%;width:170px">
<div class="one" style="border:none">
<img style="width:60%;height:60%;margin-top:10px;margin-left:10px;border-radius:50%" src="https://i.ibb.co/x55d71Y/1634206041670.jpg" alt="1634206041670" border="0">
</div>
<div class="one" style="border:none;margin-left:7%">
<img style="width:60%;height:60%;margin-top:10px;margin-left:10px;border-radius:50%" src="https://i.ibb.co/F5R8v7W/1634206713665.jpg" alt="1634206713665" border="0" onclick="viewprofile()">
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
.loaders{width:10px;height:10px;border-radius:50%;position:relative;float:left;margin-left:5px;margin-top:5px;background: #888;;;;;;;}
/*....*/
.child{width:100%;height:50px;background: white;margin-top:1px;border-radius:3px;;;;;}
.child:active{background: gray;};
body {
background-color: white;
}
textarea:active{border:none;};
.fifthlayer{width:300px;height:130px;border:none;margin-top:5px;overflow:scroll;;;;}
.photo{color: #777;font-weight:bold;position:relative;margin-top:4px;font-size:12px;margin-left:20px;;;}
.five{width:40px;height:40px;border:1px solid black;margin-top:0px;margin-left:16px;;;}
.mainborder{width:95%;height:480px;border:none;margin-top:0px;position:fixed;background:none;;;}
.firstlayer{width:100%;height:50px;border:1px solid black;border-radius:5px;;;}
.secondlayer{width:100%;height:40px;border:1px solid black;margin-top:1px;border-radius:5px;;;}
.thirdlayer{width:100%;height:383px;border:none;margin-top:1px;overflow-y:scroll;border-radius:5px;;;;}
.firstchamber{width:80px;height:49px;border:none;float:left;;;}
.facebook{color: blue;font-weight:bold;font-size:25px;position:absolute;margin-top:10px;margin-left:5px;;}
.one{width:40px;height:40px;border:1px solid black;float:left;margin-top:5px;margin-left:10px;border-radius:50%;;;}
.two{width:30px;height:30px;border:none;float:left;margin-top:5px;margin-left:10px;;;;;;;}
.two:active{background: gray;};
.three{width:20px;height:20px;background: red;float:left;position:absolute;border-radius:50%;;;;;}
.fourthlayer{width:99%;height:70px;border:1px solid black;border-radius:5px;;;}
.four{width:60px;height:60px;border:1px solid black;float:left;margin-top:5px;margin-left:5px;;;}
.yourmind{color: #777;font-weight:bold;font-size:15px;position:relative;margin-top:20px;margin-left:3px;;;}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
window.onload=function(){
load();
var cload=0;
var dload=0;
var aloader=document.getElementById("aloader");
var on1=document.getElementById("on1");
var on2=document.getElementById("on2");
var on3=document.getElementById("on3");
var on4=document.getElementById("on4");
var on5=document.getElementById("on5");
var on6=document.getElementById("on6");
var bloader=document.getElementById("bloader");
function load() {
setInterval(startload,100)
function startload(){
cload++;
aloader.value=cload;
if(cload==5){
on1.style.backgroundColor="white"
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run