American Codes: Awatar

Xochipilli

Książę Kwiatów

Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit ● Lorem ipsum dolor sit amet, consectetuer adipiscing elit

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię1">IMIĘ</div>
<div class="nazwisko1">DRUGIE IMIĘ</div>
<div class="zdjęcie1">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia"></div>
<div class="tekst">
TWÓJ TEKST
</div>
</div>

<style>
.tekst::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-left: 290px;
margin-right: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia {
border-top: 1px solid #635316;
margin-top: -150px;
margin-left: 70px;
position: relative;
opacity: 0.6;}

.nazwisko1 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: right;
margin-top: 45px;
margin-right: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię1 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: right;
font-size: 60px;
margin-right: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg, #40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie1 img {
background: #1d1e1c;
border: 1px solid #3c341e;
border-radius: 200px;
width: 200px;}

.zdjęcie1 {
position: relative;
text-align: left;
margin-left: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

▪ Wartości, które możesz edytować zaznaczone są kolorem.
▪ Zdjęcia powinny być kwadratowe i mieć szerokość minimum 200px.
▪ Możesz usunąć funkcję z drugim imieniem.
▪ Przy mniejszej ilości tekstu suwak będzie niewidoczny.

Xochipilli

Książę Kwiatów

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię2">IMIĘ</div>
<div class="nazwisko2">DRUGIE IMIĘ</div>
<div class="zdjęcie5">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia3"></div>
<div class="tekst2">
TWÓJ TEKST
</div>
</div>

<style>
.tekst2::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst2::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst2 {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-right: 290px;
margin-left: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia3 {
border-top: 1px solid #635316;
margin-top: -150px;
margin-right: 70px;
position: relative;
opacity: 0.6;}

.nazwisko2 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: left;
margin-top: 45px;
margin-left: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię2 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: left;
font-size: 60px;
margin-left: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg, #40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie5 img {
background: #1d1e1c;
border: 1px solid #3c341e;
border-radius: 200px;
width: 200px;}

.zdjęcie5 {
position: relative;
text-align: right;
margin-right: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

Xochipilli

Książę Kwiatów

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię1">IMIĘ</div>
<div class="nazwisko1">DRUGIE IMIĘ</div>
<div class="zdjęcie2">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia2"></div>
<div class="tekst">
TWÓJ TEKST
</div>
</div>

<style>
.tekst::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-left: 290px;
margin-right: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia2 {
border-top: 1px solid #444;
margin-top: -150px;
margin-left: 70px;
position: relative;
opacity: 0.6;}

.nazwisko1 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: right;
margin-top: 45px;
margin-right: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię1 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: right;
font-size: 60px;
margin-right: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg, #40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie2 img {
background: #1d1e1c;
border: 1px solid #3c341e;
border-radius: 200px;
width: 200px; -webkit-filter: grayscale(1); filter: grayscale(1);}

.zdjęcie2 {
position: relative;
text-align: left;
margin-left: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

Xochipilli

Książę Kwiatów

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię2">IMIĘ</div>
<div class="nazwisko2">DRUGIE IMIĘ</div>
<div class="zdjęcie6">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia4"></div>
<div class="tekst2">
TWÓJ TEKST
</div>
</div>

<style>
.tekst2::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst2::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst2 {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-right: 290px;
margin-left: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia4 {
border-top: 1px solid #444;
margin-top: -150px;
margin-right: 70px;
position: relative;
opacity: 0.6;}

.nazwisko2 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: left;
margin-top: 45px;
margin-left: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię2 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: left;
font-size: 60px;
margin-left: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg, #40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie6 img {
background: #1d1e1c;
border: 1px solid #3c341e;
border-radius: 200px;
width: 200px;
-webkit-filter: grayscale(1);
filter: grayscale(1);}

.zdjęcie6 {
position: relative;
text-align: right;
margin-left: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

Xochipilli

Książę Kwiatów

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię1">IMIĘ</div>
<div class="nazwisko1">DRUGIE IMIĘ</div>
<div class="zdjęcie3">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia"></div>
<div class="tekst">
TWÓJ TEKST
</div>
</div>

<style>
.tekst::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-left: 290px;
margin-right: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia {
border-top: 1px solid #635316;
margin-top: -150px;
margin-left: 70px;
position: relative;
opacity: 0.6;}

.nazwisko1 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: right;
margin-top: 45px;
margin-right: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię1 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: right;
font-size: 60px;
margin-right: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg, #40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie3 img {
background: #1d1e1c;
border: 1px solid #3c341e;
width: 200px;}

.zdjęcie3 {
position: relative;
text-align: left;
margin-left: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

Xochipilli

Książę Kwiatów

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię2">IMIĘ</div>
<div class="nazwisko2">DRUGIE IMIĘ</div>
<div class="zdjęcie7">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia3"></div>
<div class="tekst2">
TWÓJ TEKST
</div>
</div>

<style>
.tekst2::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst2::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst2 {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-right: 290px;
margin-left: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia3 {
border-top: 1px solid #635316;
margin-top: -150px;
margin-right: 70px;
position: relative;
opacity: 0.6;}

.nazwisko2 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: left;
margin-top: 45px;
margin-left: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię2 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: left;
font-size: 60px;
margin-left: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg, #40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie7 img {
background: #1d1e1c;
border: 1px solid #3c341e;
width: 200px;}

.zdjęcie7 {
position: relative;
text-align: right;
margin-right: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

Xochipilli

Książę Kwiatów

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię1">IMIĘ</div>
<div class="nazwisko1">DRUGIE IMIĘ</div>
<div class="zdjęcie4">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia2"></div>
<div class="tekst">
TWÓJ TEKST
</div>
</div>

<style>
.tekst::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-left: 290px;
margin-right: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia2 {
border-top: 1px solid #444;
margin-top: -150px;
margin-left: 70px;
position: relative;
opacity: 0.6;}

.nazwisko1 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: right;
margin-top: 45px;
margin-right: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię1 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: right;
font-size: 60px;
margin-right: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg,#40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie4 img {
background: #1d1e1c;
border: 1px solid #3c341e;
width: 200px; -webkit-filter: grayscale(1); filter: grayscale(1);}

.zdjęcie4 {
position: relative;
text-align: left;
margin-left: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

Xochipilli

Książę Kwiatów

KOD DO EFEKTU:

<div class="powiązanie">
<div class="imię2">IMIĘ</div>
<div class="nazwisko2">DRUGIE IMIĘ</div>
<div class="zdjęcie8">
<img src="LINK DO ZDJĘCIA"/></div>
<div class="linia4"></div>
<div class="tekst2">
TWÓJ TEKST
</div>
</div>

<style>
.tekst2::-webkit-scrollbar { width: 4px; height: 0px; background: transparent;}
.tekst2::-webkit-scrollbar-thumb:vertical {background: -webkit-linear-gradient(#BF2C2C, #59252E); -moz-linear-gradient(#BF2C2C, #59252E); -ms-linear-gradient(#BF2C2C, #59252E); -o-linear-gradient(#BF2C2C, #59252E); linear-gradient(#BF2C2C, #59252E); }
.tekst2 {
font-family: 'Barlow Semi Condensed', sans-serif;
text-align: justify;
font-size: 12px;
height: 115px;
padding-right: 3px;
margin-right: 290px;
margin-left: 30px;
margin-top: 20px;
overflow: scroll;
position: relative;
z-index: 999999999;
}

.linia4 {
border-top: 1px solid #444;
margin-top: -150px;
margin-right: 70px;
position: relative;
opacity: 0.6;}

.nazwisko2 {
font-family: 'Barlow Semi Condensed', sans-serif;
font-size: 12px;
position: relative;
float: left;
margin-top: 45px;
margin-left: -150px;
text-transform: uppercase;
letter-spacing: 10px;
z-index: 99999;
color: #c9c3b7;
opacity: 0.6;}

.imię2 {
font-family: 'Bebas Neue', cursive;
position: relative;
float: left;
font-size: 60px;
margin-left: 30px;
background:
-webkit-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-moz-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-ms-linear-gradient(120deg, #40122B, #A6382E, #40122B);
-o-linear-gradient(120deg, #40122B, #A6382E, #40122B);
linear-gradient(120deg, #40122B, #A6382E, #40122B);
-webkit-background-clip: text;
-moz-background-clip: text;
-ms-background-clip: text;
-o-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
-ms-text-fill-color: transparent;
-o-text-fill-color: transparent;
text-fill-color: transparent;}

.zdjęcie8 img {
background: #1d1e1c;
border: 1px solid #3c341e;
width: 200px; -webkit-filter: grayscale(1); filter: grayscale(1); }

.zdjęcie8 {
position: relative;
text-align: right;
margin-right: 50px;
z-index: 9999;}

.powiązanie {
width: 680px;
height: 212px;
margin-left: -41px;
margin-bottom: 70px;}
</style>

American Codes

AG

Strony

czwartek, 26 sierpnia 2021

Awatar

Brak komentarzy:

Prześlij komentarz