برخ از کد رنگ های جذاب برای استفاده در رنگ پس زمینه متن
- fce7ed کد رنگی که برای این پس زمینه استفاده شده است.
- d0f0f6 کد رنگی که برای پس زمینه این متن استفاده شده است
- f9efe1 کد رنگی استفاده شده برای این پس زمینه.
- e0f4f8 کد رنگی جذابی که برای پس زمینه این متن استفاده شده است.
- f0f2f6 کد رنگی که برای بک گراند این متن استفاده شده.
- ebf6e6 کد رنگی استفاده شده برای این متن
- fceea7 کد رنگی استفاده شده برای این متن
- f0e3df کد رنگی استفاد شده برای بک گراند این بخش از متن
- dbf5f9 کد رنگ ابی برای پس زمینه این متن
باکس های جذاب گرافیکی برای نوشتن متن
باکس شماره ۰:
<div class="hiwebmaster-box-content1234 hiwebmaster-box-content0-gray">متن</div>باکس شماره ۱:
<div class="hiwebmaster-box-content1234 hiwebmaster-box-content1-green">متن</div>باکس شماره ۲:
<div class="hiwebmaster-box-content1234 hiwebmaster-box-content2-red">متن شما</div>باکس شماره ۳:
حال شما اگر یک نیمرو یا یک املت ساده هم درست کرده باشید اما به خوبی سرو شود قطعا لذت و خوشمزگی خودش را برای کسی که میل می کند به همراه دارد.
<div class="hiwebmaster-box-content1234 hiwebmaster-box-content3-orange">متن</div>باکس شماره ۴
<div class="hiwebmaster-box-content1234 hiwebmaster-box-content4-blue">متن شما</div>
باکس شماره ۵:
<div class="hiwebmaster-box-rightborder5-violet">متن شما</div>باکس شماره ۶:
<div class="hiwebmaster-box-rightborder6-gray">متن شما</div>
باکس شماره ۷:
<div class="hiwebmaster-box-rightborder7-red">متن شما</div>باکس شماره ۸:
<div class="hiwebmaster-box-rightborder8-honey">متن شما</div>باکس شماره ۹:
مناسب برای فروشگاه‌های متوسط تا بزرگ با ترافیک بالاتر و نیاز به منابع بیشتر با منابع اختصاصی (CPU، RAM و فضای ذخیره‌سازی) که کنترل کامل بر روی تنظیمات سرور دارید و امکان امکان نصب و تنظیمات سفارشی وجود دارد و یک انتخاب خوب برای برای فروشگاه‌هایی با حجم محصولات زیاد می باشند. قیمت هاست های وی پی اس ووکامرس از: ۵۰۰،۰۰ به بالا (ماهیانه) می باشد.
<div class="hiwebbmaster-topborder9-red">متن شما</div>باکس شماره ۱۰:
مناسب برای فروشگاه‌های متوسط تا بزرگ با ترافیک بالاتر و نیاز به منابع بیشتر با منابع اختصاصی (CPU، RAM و فضای ذخیره‌سازی) که کنترل کامل بر روی تنظیمات سرور دارید و امکان امکان نصب و تنظیمات سفارشی وجود دارد و یک انتخاب خوب برای برای فروشگاه‌هایی با حجم محصولات زیاد می باشند. قیمت هاست های وی پی اس ووکامرس از: ۵۰۰،۰۰ به بالا (ماهیانه) می باشد.
<div class="hiwebbmaster-topborder10-gray">متن شما</div>باکس شماره ۱۱:
مناسب برای فروشگاه‌های متوسط تا بزرگ با ترافیک بالاتر و نیاز به منابع بیشتر با منابع اختصاصی (CPU، RAM و فضای ذخیره‌سازی) که کنترل کامل بر روی تنظیمات سرور دارید و امکان امکان نصب و تنظیمات سفارشی وجود دارد و یک انتخاب خوب برای برای فروشگاه‌هایی با حجم محصولات زیاد می باشند. قیمت هاست های وی پی اس ووکامرس از: ۵۰۰،۰۰ به بالا (ماهیانه) می باشد.
<div class="hiwebbmaster-topborder11-e2e4fb">متن شما</div>باکس شماره ۱۲:
مناسب برای فروشگاه‌های متوسط تا بزرگ با ترافیک بالاتر و نیاز به منابع بیشتر با منابع اختصاصی (CPU، RAM و فضای ذخیره‌سازی) که کنترل کامل بر روی تنظیمات سرور دارید و امکان امکان نصب و تنظیمات سفارشی وجود دارد و یک انتخاب خوب برای برای فروشگاه‌هایی با حجم محصولات زیاد می باشند. قیمت هاست های وی پی اس ووکامرس از: ۵۰۰،۰۰ به بالا (ماهیانه) می باشد.
<div class="hiwebbmaster-topborder12-eef4da">متن شما</div>کدهای css برای باکس های فوق
برای باکس های شماره ۱ الی ۴ می تواند از این کد css استفاده کنید:
<!-- شروع کد باکس های ۱ تا۴ -->
.hiwebmaster-box-content1234 {
border-radius: 8px;
margin: 30px 0 35px;
padding: 30px;
}
.hiwebmaster-box-content1-green {
background: rgba(27, 212, 174, .08);
box-shadow: 5px 5px rgba(27, 212, 174, .35);
color: #062d25;
}
.hiwebmaster-box-content2-red {
background: rgba(255, 80, 132, .08);
box-shadow: 5px 5px rgba(255, 80, 132, .35);
color: #92002b;
}
.hiwebmaster-box-content3-orange {
background: rgba(255, 134, 82, .08);
box-shadow: 5px 5px rgba(255, 134, 82, .35);
color: #942d00;
}
.hiwebmaster-box-content4-blue {
background: rgba(80, 145, 250, .08);
box-shadow: 5px 5px rgba(80, 145, 250, .35);
color: #043789;
}
<!-- پایان کد باکس های ۱ تا۴ -->
برای باکس های شماره ۵ الی ۸ می تواند از این کد css استفاده کنید:
<!-- شروع کد باکس های ۵ تا۸ -->
.hiwebmaster-box-rightborder5-violet {
border-right: 6px solid #8e8ee4;
padding: 15px 12px;
background: #E6E6FA;
margin: 20px 0px;
}
.hiwebmaster-box-rightborder6-gray {
border-right: 6px solid #9999B0;
padding: 15px 12px;
background: #ebebeb;
margin: 20px 0px;
}
.hiwebmaster-box-rightborder7-red {
border-right: 6px solid #f8c7d4;
padding: 15px 12px;
background: #fdf2f5;
margin: 20px 0px;
}
.hiwebmaster-box-rightborder8-honey {
border-right: 6px solid #dfbb88;
padding: 15px 12px;
background: #fff0dc;
margin: 20px 0px;
}
<!-- پایان کد باکس های ۵ تا۸ -->
برای باکس های شماره ۹ الی ۱۲ می تواند از این کد css استفاده کنید:
<!-- شروع کد باکس های ۹ تا۱۲ -->
.hiwebbmaster-topborder9-red {
border-top: 6px solid #eba9c4;
padding: 15px 12px;
background: #FFF0F5;
margin: 20px 0px;
}
.hiwebbmaster-topborder10-gray {
border-top: 6px solid #9999B0;
padding: 15px 12px;
background: #ebebeb;
margin: 20px 0px;
}
.hiwebbmaster-topborder11-e2e4fb {
border-top: 6px solid #8e8ee4;
padding: 15px 12px;
background: #e2e4fb;
margin: 20px 0px;
}
.hiwebbmaster-topborder12-eef4da {
border-top: 6px solid #5d8736;
padding: 15px 12px;
background: #eef4da;
margin: 20px 0px;
}
<!-- پایان کد باکس های ۹ تا۱۲ -->
انتخاب پالت های رنگی بسیار زیبا
شما میتواندی از سایت colorhunt.co برای انتخاب پالت ای رنگی که بسیار ست شده و هماهنگ هسند استفاده کنید.چگونه این کدها را در سایت خود قرار دهیم:
قالب های ایمپرزا و زفایر
اگر از قالب هایی مثل ایمپرزا و زفایر استفاده می کنید کافی است به این بخش بروید: تنظیمات پوسته > کد لخواه > CSS دلخواه و کدهای بالا را در باکس مربوط به CSS دلخواه کپی کنید و حال در هر جایی از سایت که میخواهید فقط کافی است کلاس مربوطه را استفاده کنید.
سایت های المنتوری
اکر از افزونه المنتور استفاده می کنید، خود المنتور قابلیت نوشن کدهای سفارشی را به سادگی به شما میدهد. در زیرمنوهای المنتور گزینه کدهای سفارشی را انتخاب کنید
توجه: کدهای css خود را باید بین <style> </style> قرار دهیید
استفاده از افزونه Simple Custom CSS and JS
