درست کردن کد کلاسیک برای نام های کاربری

[ircfc.ir 584]

سلام

خدا قوت خوبید؟

اگه امکان داره یکی از دوستان از طریق کدهای تبلیغات متنی زیر برای نام های کاربری کد رنگی بزنه مثل نمونه زیر

این کد css هستش

.green-GG {
	width:auto;
	height:25px;
	margin:5px;
	background-color:#2ecc71;
	font-family:'b yekan','Open Sans';
	font-size:13px;
	text-align:center;
	color:#fff;
	padding:5px;
	border-radius:3px;
	animation:dny .5s infinite;
	border:1px solid #27ae60;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-ms-transition:all .3s linear;
}
.green-GG:hover {
	background-color:#27ae60;
}
.green-GG a{
	text-decoration:none;
	color:inherit;
}
.red-GG {
	width:auto;
	height:25px;
	margin:5px;
	background-color:#e74c3c;
	font-family:'b yekan','Open Sans';
	font-size:13px;
	text-align:center;
	color:#fff;
	padding:5px;
	border-radius:3px;
	animation:dny .8s infinite;
	border:1px solid #c0392b;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-ms-transition:all .3s linear;
}
.red-GG:hover {
	background-color:#c0392b;
}
.red-GG a{
	text-decoration:none;
	color:inherit;
}
.white-GG {
	width:auto;
	height:25px;
	margin:5px;
	background-color:#ecf0f1;
	border:1px solid #bdc3c7;
	font-family:'b yekan','Open Sans';
	font-size:13px;
	text-align:center;
	color:#000;
	padding:5px;
	border-radius:3px;
	animation:dny .3s infinite;
	transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-ms-transition:all .3s linear;
}
.white-GG:hover {
	background-color:#bdc3c7;
}
.white-GG a{
	text-decoration:none;
	color:inherit;
}
@keyframes dny{
	10%{margin-right:5px;margin-left:5px;}
	20%{margin-right:10px;margin-left:10px;}
	30%{margin-right:15px;margin-left:15px;}
	40%{margin-right:20px;margin-left:20px;}
	50%{margin-right:25px;margin-left:25px;}
	60%{margin-right:20px;margin-left:20px;}
	70%{margin-right:15px;margin-left:15px;}
	80%{margin-right:10px;margin-left:10px;}
	90%{margin-right:5px;margin-left:5px;}
	100%{margin-right:3px;margin-left:3px;}
}

اینم کدی که قرار میدیم برای نمایش

<div class="bg-mid">
<!--رنگ سبز-->
<div class="green-GG">
<a href="/"> مـحـل تـبلـیـغـات شـمـا </a>
</div>
<!--پایان رنگ سبز-->

<!--رنگ سفید-->
<div class="white-GG">
<a href="/"> مـحـل تـبلـیـغـات شـمـا </a>
</div>
<!--پایان رنگ سفید-->

<!--رنگ قرمز-->
<div class="red-GG">
<a href="/"> مـحـل تـبلـیـغـات شـمـا </a>
</div>
<!--پایان رنگ قرمز-->

ممنون میشم یکی از مدیران این کد رو برای گروه های کاربری درسته بکنه

با تشکر

یاحق

سلام

لطفا یکی از کدنویسان به این موضوع رسیدگی کنند

@علی یوسفلاوی

با تشکر

یاحق

[علی یوسفلاوی 1669]

سلام دوست عزیز

شما دستورات CSS را در custom.css کپی کنید سپس به گرو ها برید و در قسمت نمایش به شکل زیر وارد کنید:

کادر اول:

<span class="red-GG">

کادر دوم:

</span>

 

[ircfc.ir 584]

سلام علی اقا

در css اولی چه بخشی رو باید با رنگ گروه های کاربری عوض کنیم؟

ممنون میشم این مورد رو هم بگید

با تشکر

یاحق

[علی یوسفلاوی 1669]

در 7 دقیقه قبل، ircfc گفته است :

سلام علی اقا

در css اولی چه بخشی رو باید با رنگ گروه های کاربری عوض کنیم؟

ممنون میشم این مورد رو هم بگید

با تشکر

یاحق

background-color:#2ecc71;

 

[صائب کوهپایه 2592]

در 21 دقیقه قبل، ircfc گفته است :

سلام علی اقا

در css اولی چه بخشی رو باید با رنگ گروه های کاربری عوض کنیم؟

یاحق

سلام 

یه مورد الان دیدم که نیاز به تعریف فونت نیست این بخش رو استفاده نکردید هم مشکل نداره

font-family