Support de l'utilisationfountainG

Forum de support pour toutes les questions concernant l'utilisation de phpBB toutes versions. les problèmes rencontrés lors de manipulations et de la configuration du forum.
no_avatar
Turquie kaptangula
Auteur du sujet
Messages : 12
Enregistré le : 23 juin 2021
Liquide : 122.10
Localisation : Tütkiye
Pays :
Turquie (tr)
Turquie

fountainG

Message par Turquie kaptangula » 02 juil. 2021, 22:57
End fountainG css animasyon noktalar
Css

code : Tout sélectionner

/* ------------------------ fountainG 50 newest topics loader/refresh colors ------------------------------------------ */

#fountainG{
	position:relative;
	width:150px;
	height:10px;
	margin:auto;
}

.fountainG{
	position:absolute;
	top: 2px;
	background-color:rgb(0,0,0);
	width:10px;
	height:10px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.9s;
		-o-animation-duration:1.9s;
		-ms-animation-duration:1.9s;
		-webkit-animation-duration:1.9s;
		-moz-animation-duration:1.9s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}

#fountainG_1{
	left:10px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#fountainG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#fountainG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#fountainG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#fountainG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#fountainG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}

@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	transform:scale(.3);
		background-color:transparent;
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-o-transform:scale(.3);
		background-color:transparent;
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:transparent;
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:transparent;
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(242, 245, 93);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:transparent;
	}
}
/* #information_server {
color: #FFF;
} */

/* ------------------------ End fountainG  -------------------------- */
Html uzantı

code : Tout sélectionner

&nbsp; <i id="fountainG">
	<div id="fountainG_1" class="fountainG"></div>
	<div id="fountainG_2" class="fountainG"></div>
	<div id="fountainG_3" class="fountainG"></div>
	<div id="fountainG_4" class="fountainG"></div>
	<div id="fountainG_5" class="fountainG"></div>
	<div id="fountainG_6" class="fountainG"></div>
	<div id="fountainG_7" class="fountainG"></div>
	<div id="fountainG_8" class="fountainG"></div>
</i>
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.


no_avatar
France Martin
Messages : 8
Enregistré le : 30 juin 2021
Liquide : 101.15
Pays :
France (fr)
France

fountainG

Message par France Martin » 03 juil. 2021, 11:16
Why do you keep posting code that is not yours ? i put that code into the top stats ext of dmzx original by stoker ?

Image
no_avatar
France Martin
Messages : 8
Enregistré le : 30 juin 2021
Liquide : 101.15
Pays :
France (fr)
France

fountainG

Message par France Martin » 03 juil. 2021, 16:10
Note the date also live refresh ;)
Screenshot from 2021-07-03 15-06-21.png
Code also come from here pls dont claim code as yours when it's not.
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
  • Inclure des Smileys

    🔒 Refermer le panneau des Smileys
  • Membres connectés en temps réel