American Codes: Profil

Who's watching?

Name

KOD DO EFEKTU:

<div class="logo">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiV1KZa2impIrpCnwaRIc8vdbgfwziv-_4X3qQ9QfGuECclL5MLPDLSOCQMqMcf500XcWgIf5uLZCP6V9u_W0yqceVF62Ou2wcsTljDyaDtmGam2_nyhoOnpPa6wWna_tKYUjQWICsaMN4/s1600/netflix.png" />
</div>
<div class="head">
Who's watching?
</div>
<div class="ikonki">
<a href="javascript:ReverseDisplay('Identyfikator1')">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRgzWVTVMFwu_72bZuu_ZAgE_aLVL_ahpoHTaOM3CLcHubvcUyLQPAtvDMH-Et-xArkdKktPPiI54PbNVvqgpEdoR4kmT91jgxJdvipvytihbejfN3Vs_3KctE1nVijZSe6pLpt1tv5Yu/s0/ikonka1.png" />
<span class="zakładka" style="top: 115px; left: 40px; "> TWOJA ZAKŁADKA</span></a>
<a href="TWÓJ LINK">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZQvEVGOUM5ODSozU5HDOKstzsQZzLiiufhg8_TmQZgfzUKMvL4AnAAN3jIef0qodJM22wTiKeChXqNg-4RyhD8kBZiZJ0NtBs2FZq4-ik0ZUILRDTRst5CqaiWHUMH53FvWeJz9SkXRmF/s0/ikonka+2.png" />
<span class="zakładka" style="top: 115px; left: 178px;"> TWOJA ZAKŁADKA</span></a>
<a href="TWÓJ LINK">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8YWjMMlpgDDXv-qJ0DdkR_hrhC-pz2WN4NsqgBwQZHgD0GF4mvPOmC5JDE8hSk-YzPYlPnlupKXx9SiHK11xW3FldRU4pcrd7xITSwSy9LToYABLYBcd_RSk2PGa2p-TZhEyw67m7m7XZ/s0/ikonka+3.png" />
<span class="zakładka" style="top: 115px; left: 316px;"> TWOJA ZAKŁADKA</span></a>
<a href="TWÓJ LINK">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCgTLP6tG3OaI0cNF5ZLVZTofMAcigaMNeCq6MBK7UMK8kJs_FFP3K2EMEGvka8hvTzDcVyJlzc1ADxZbN7Zj-WMD0U-r3vMfdf0NkGnFYGqq-YiTncFTjwFfHl-K2P9VUxuxGp5DqVPJB/s0/ikonka+4.png" />
<span class="zakładka" style="top: 115px; left: 454px;"> TWOJA ZAKŁADKA</span></a>
</div>

<div id="Identyfikator1" style="display: none;">
<div class="tło">
<img src="TWOJE ZDJĘCIE" />
</div>
<div style="position: absolute; margin-top: -400px;">
<div class="netflix">
<b>Netflix</b> Original
</div>
<div class="tytuł">
TWÓJ TYTUŁ
</div>
<div class="dodatki">
<span style="color: #30d463;">95% Match</span>
<span>2020 </span>
2 seasons
</div>
<div class="treść">
TWOJA TREŚĆ
</div>
</div></div>

<style>
.treść {
font-family: arial;
width: 350px;
margin-top: 10px;}

.dodatki span {
margin-right: 15px;}

.dodatki {
color: #a2a2a2;
font-family: arial;
font-size: 12px;}

.tytuł {
color: #f0f0f0;
font-family: arial;
text-transform: uppercase;
font-size: 30px;
margin-top: -5px;}

.netflix {
font-family: arial;
text-transform: uppercase;
font-size: 14px;
color: #f0f0f0;
letter-spacing: 1px;}

.tło img {
padding: 0px;
width: 680px;
-webkit-mask-image: radial-gradient(ellipse 120% 200% at 80% 0%, black 0%, transparent 50%);
mask-image: radial-gradient(ellipse 120% 200% at 80% 0%, black 0%, transparent 50%);}

.tło {
margin-left: -41px;
margin-top: 40px;}

.zakładka:hover .ikonki img:hover {
color: #e4e4e4;
background: #e4e4e4;}

.zakładka {
color: #999;
padding: 2px 15px;
font-family: Arial;
font-size: 15px;

width: 76px;
text-align: center;
position: absolute;
letter-spacing: 0px;}

.ikonki img:hover {
background: #e4e4e4;}

.ikonki img {
background: #1f1f1f;
width: 100px;
padding: 2px;}

.ikonki {
text-align: center;
letter-spacing: 28px;
margin-top: 10px;
margin-bottom: 50px;
position: relative;
z-index: 9999999999;}

.head {
font-family: arial;
font-size: 37px;
color: #fefefe;
text-align: center;
margin-top: 50px;
letter-spacing: -1px;}

.logo img {
width: 100px;
padding-top: 10px;}

.logo {
position: relative;
width: 680px;
margin-left: -40px;
height: 50px;
margin-top: -40px;
background-image: linear-gradient(0deg, #141414, #060606);}

.post-body {
background: #141414;
margin-top:-16px; margin-bottom:-20px;}
</style>

<script language="JavaScript" type="text/javascript"></script>

▪ Wartości, które możesz edytować zaznaczone są kolorem.
▪ Obrazek powinien mieć szerokość minimum 680px.

American Codes

AG

Strony

czwartek, 26 sierpnia 2021

Profil - Netflix

Brak komentarzy:

Prześlij komentarz