Paylaşım mythic progbar css

[flamee]

İnternette olanlar pek hoşuma gitmemişti o yüzden 2,3 şeyi değiştirip böyle bir şey yaptım çok zor bir şey değil kullanmak isteyenler olur diye paylasiom ?


mythic_progbar/html/css/style.css bunla değiştirin,

@import url('

Linkleri,görmek için Giriş yap veya üye ol.

html {
overflow: hidden;
font-family: 'Open Sans', sans-serif;
}
body {
background: transparent !important;
margin: 0;
padding: 0;
overflow: hidden;
height: 50%;
width: 50%;
}
.progress-container {
display: none;
z-index: 5;
color: rgb(0, 0, 0);
font-family: 'Open Sans', sans-serif;
width: 16.5%;
position: fixed;
bottom: 12.65%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.progress-labels {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
display: inline-block;
white-space: nowrap;
}
.progress-labels div {
font-size: 0.9vh;
line-height: 35px;
position: relative;
color: #ffffff;
z-index: 10;
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1vh;
}
.progress-bar-container {
width: 100%;
height: 10px;
background: rgba(0, 0, 0, 0.246);
text-align: left;
overflow: hidden;
position: relative;
display: block;
white-space: nowrap;
border-radius: 5px;
}
.progress-bar {
background-color: #ffffffa6;
width: 0%;
height: 40px;
transition: width 0.2s;
transition-timing-function: ease-out;
}


Ondan sonra mythic_progbar/html/js/script.js
7. Satırı

$("#progress-bar").stop().css({"width": 0, "background-color": "#25345c"}).animate({

bunla değiştirin

Dolan koyu mavi şeyin rengini değiştirmek isterseniz #25345c bu renk kodunu istediğiniz renk koduyla değişin

 

[CHs]

İnternette olanlar pek hoşuma gitmemişti o yüzden 2,3 şeyi değiştirip böyle bir şey yaptım çok zor bir şey değil kullanmak isteyenler olur diye paylasiom ?
Ekli dosyayı görüntüle 69552

mythic_progbar/html/css/style.css bunla değiştirin,

@import url('

Linkleri,görmek için Giriş yap veya üye ol.

html {
overflow: hidden;
font-family: 'Open Sans', sans-serif;
}
body {
background: transparent !important;
margin: 0;
padding: 0;
overflow: hidden;
height: 50%;
width: 50%;
}
.progress-container {
display: none;
z-index: 5;
color: rgb(0, 0, 0);
font-family: 'Open Sans', sans-serif;
width: 16.5%;
position: fixed;
bottom: 12.65%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.progress-labels {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
display: inline-block;
white-space: nowrap;
}
.progress-labels div {
font-size: 0.9vh;
line-height: 35px;
position: relative;
color: #ffffff;
z-index: 10;
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1vh;
}
.progress-bar-container {
width: 100%;
height: 10px;
background: rgba(0, 0, 0, 0.246);
text-align: left;
overflow: hidden;
position: relative;
display: block;
white-space: nowrap;
border-radius: 5px;
}
.progress-bar {
background-color: #ffffffa6;
width: 0%;
height: 40px;
transition: width 0.2s;
transition-timing-function: ease-out;
}


Ondan sonra mythic_progbar/html/js/script.js
7. Satırı

$("#progress-bar").stop().css({"width": 0, "background-color": "#25345c"}).animate({

bunla değiştirin

Dolan koyu mavi şeyin rengini değiştirmek isterseniz #25345c bu renk kodunu istediğiniz renk koduyla değişin

eklemeler kısmından kod olarak paylaşırsan daha düzenli ve güzel gözükür örnek :

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
html {
overflow: hidden;
font-family: 'Open Sans', sans-serif;
}
body {
background: transparent !important;
margin: 0;
padding: 0;
overflow: hidden;
height: 50%;
width: 50%;
}
.progress-container {
display: none;
z-index: 5;
color: rgb(0, 0, 0);
font-family: 'Open Sans', sans-serif;
width: 16.5%;
position: fixed;
bottom: 12.65%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.progress-labels {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
display: inline-block;
white-space: nowrap;
}
.progress-labels div {
font-size: 0.9vh;
line-height: 35px;
position: relative;
color: #ffffff;
z-index: 10;
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1vh;
}
.progress-bar-container {
width: 100%;
height: 10px;
background: rgba(0, 0, 0, 0.246);
text-align: left;
overflow: hidden;
position: relative;
display: block;
white-space: nowrap;
border-radius: 5px;
}
.progress-bar {
background-color: #ffffffa6;
width: 0%;
height: 40px;
transition: width 0.2s;
transition-timing-function: ease-out;
}

 

[Oph3Z]

guzel

 

[flamee]

eklemeler kısmından kod olarak paylaşırsan daha düzenli ve güzel gözükür örnek :

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
html {
overflow: hidden;
font-family: 'Open Sans', sans-serif;
}
body {
background: transparent !important;
margin: 0;
padding: 0;
overflow: hidden;
height: 50%;
width: 50%;
}
.progress-container {
display: none;
z-index: 5;
color: rgb(0, 0, 0);
font-family: 'Open Sans', sans-serif;
width: 16.5%;
position: fixed;
bottom: 12.65%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.progress-labels {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
display: inline-block;
white-space: nowrap;
}
.progress-labels div {
font-size: 0.9vh;
line-height: 35px;
position: relative;
color: #ffffff;
z-index: 10;
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1vh;
}
.progress-bar-container {
width: 100%;
height: 10px;
background: rgba(0, 0, 0, 0.246);
text-align: left;
overflow: hidden;
position: relative;
display: block;
white-space: nowrap;
border-radius: 5px;
}
.progress-bar {
background-color: #ffffffa6;
width: 0%;
height: 40px;
transition: width 0.2s;
transition-timing-function: ease-out;
}

Teşekkürler tavsiyen için

 

[Yatogami0]

+rep güzel paylaşım

 

[flamee]

+rep güzel paylaşım

thx

 

[CaferCanKPLN]

İPTAL DEL yazısını nasıl eklerim

 

[CaferCanKPLN]

İnternette olanlar pek hoşuma gitmemişti o yüzden 2,3 şeyi değiştirip böyle bir şey yaptım çok zor bir şey değil kullanmak isteyenler olur diye paylasiom ?
Ekli dosyayı görüntüle 69552

mythic_progbar/html/css/style.css bunla değiştirin,

@import url('

Linkleri,görmek için Giriş yap veya üye ol.

html {
overflow: hidden;
font-family: 'Open Sans', sans-serif;
}
body {
background: transparent !important;
margin: 0;
padding: 0;
overflow: hidden;
height: 50%;
width: 50%;
}
.progress-container {
display: none;
z-index: 5;
color: rgb(0, 0, 0);
font-family: 'Open Sans', sans-serif;
width: 16.5%;
position: fixed;
bottom: 12.65%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.progress-labels {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
display: inline-block;
white-space: nowrap;
}
.progress-labels div {
font-size: 0.9vh;
line-height: 35px;
position: relative;
color: #ffffff;
z-index: 10;
font-family: sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1vh;
}
.progress-bar-container {
width: 100%;
height: 10px;
background: rgba(0, 0, 0, 0.246);
text-align: left;
overflow: hidden;
position: relative;
display: block;
white-space: nowrap;
border-radius: 5px;
}
.progress-bar {
background-color: #ffffffa6;
width: 0%;
height: 40px;
transition: width 0.2s;
transition-timing-function: ease-out;
}


Ondan sonra mythic_progbar/html/js/script.js
7. Satırı

$("#progress-bar").stop().css({"width": 0, "background-color": "#25345c"}).animate({

bunla değiştirin

Dolan koyu mavi şeyin rengini değiştirmek isterseniz #25345c bu renk kodunu istediğiniz renk koduyla değişin

slm bana html kısmınıda atamısın senin resim deki yazı kısmındaki İPTEL DEL yazısını nasıl yaptıgına bakıcam

 

[EymeNNNN]

slm bana html kısmınıda atamısın senin resim deki yazı kısmındaki İPTEL DEL yazısını nasıl yaptıgına bakıcam

Kullandığın şeye yazman lazım onu. Mesela nitro kullanıyorsun, mythic_progbar çalıştığında yazacak yazı NITRO DOLDURUYORSUN - İPTAL [DEL] olmalı..

 

[flamee]

slm bana html kısmınıda atamısın senin resim deki yazı kısmındaki İPTEL DEL yazısını nasıl yaptıgına bakıcam

Diğer arkadaşda anlatmış mythic progbarı triggerladığı yerde Yazar Kasa Zorluyorsun yazısının sonuna İptal Del diye ekliyebilirsin mesela