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
<!-- Created by Bartika🎶 -->
<!--
It was actually created 4 or 5 months ago.
-->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="https://use.fontawesome.com/bae75bb48f.js"></script>
</head>
<body bgcolor="#222">
<div id="load">
<img src="https://www.freepnglogos.com/uploads/youtube-icon-logo-7.png" id="logo">
</div>
<div id="topfixed">
<div id="header">
<div id="ytlogoimg"><img src="https://www.freepnglogos.com/uploads/youtube-icon-logo-7.png" id="fa-youtube-play"></div><div id="yt">YouTube</div><img src="https://cdn2.iconfinder.com/data/icons/circle-avatars-1/128/039_girl_avatar_profile_woman_headband-512.png" id="avatar">
<i class="fa fa-search"></i><i class="fa fa-video-camera"></i>
</div>
<div class="tabs">
<div class="tab1" onclick='ck(1);searchTrending("")'>
All
</div>
<div class="tab2" onclick='ck(2);searchTrending("iphone")'>
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
28
/* Created by Bartika🎶 */
body {
margin:0;
color: white;
}
#main{
width:100vw;
}
#name{
display:inline-block ;
font-weight:bold;
margin-left:2.5vw;
width:70vw;
margin-top:1vh;
line-height:5vw;
font-size:14px;
}
#side{
float:left;
width:13vw;
height:20vw;
margin-top:1vh;
}
#sub{
height:10vw;
width:10vw;
border-radius:50%;
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
document.addEventListener("DOMContentLoaded", function() {
const categories = document.querySelectorAll(".category");
const newsSections = document.querySelectorAll(".news-section");
categories.forEach(category => {
category.addEventListener("click", function() {
// Remove active class from all categories
categories.forEach(cat => cat.classList.remove("active"));
this.classList.add("active");
// Hide all sections and show the selected one
newsSections.forEach(section => section.classList.add("hidden"));
document.getElementById(this.dataset.category).classList.remove("hidden");
});
});
});
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Uruchom