رفتن به مطلب

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


ارسال های توصیه شده

سلام

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

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

این کد 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>
<!--پایان رنگ قرمز-->

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

با تشکر

یاحق

سلام

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

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

با تشکر

یاحق

لینک ارسال
به اشتراک گذاری در سایت های دیگر

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

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

کادر اول:

<span class="red-GG">

کادر دوم:

</span>

 

لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام علی اقا

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

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

با تشکر

یاحق

لینک ارسال
به اشتراک گذاری در سایت های دیگر

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

سلام علی اقا

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

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

با تشکر

یاحق

background-color:#2ecc71;

 

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • مدیر کل بازنشسته سایت
در 21 دقیقه قبل، ircfc گفته است :

سلام علی اقا

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

یاحق

سلام 

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

font-family

لینک ارسال
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.