خوش آمدید به انجمن ای فری

بازدیدکننده گرامی برای دسترسی به تمامی امکانات در انجمن عضو شوید. پس از ثبت نام و ورود به سیستم ، می توانید موضوعات ایجاد کنید ، پاسخ به موضوعات موجود ارسال کنید ، به اعضای انجمن امتیاز دهید ، اقدام به خرید و فروش کنید ، و موارد دیگر. عضویت، سریع و کاملاً رایگان است ، پس منتظر چی هستی؟

درخواست راهنمایی

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

فروشگاه

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

دانلود منابع

قالب و افزونه های جدید و بروز را میتوایند از اینجا دانلود کنید

تغییرات قالب یک استایل تبلیغاتی بسازید

  • شروع کننده موضوع maede
  • تاریخ شروع

maede

کاربر افتخاری
عضویت
4/8/20
ارسال ها
57
امتیاز واکنش
27
به بخش تبلیغات انجمن رفته و یک تبلیغ بسازید
نام و عنوان را وارد کنید
در بخش html کد های زیر را وارد کنید
کد
<div class="block--annonce">
<div class="banner">
    <div class="banner--text">
    <i class="fa fa-info-circle" aria-hidden="true"></i> Annonce</div>
</div>
<div class="content">
<h3>Societyfrenchmodding</h3><p>Est une communauté francophone fondée sur le principe de partage et d'entraides.</p>
<p>Vous avez des questions ? n'hésitez pas a les poser, nous somme là pour vous  répondre.</p>
<p>L'inscription est gratuite, profitez en et rejoignez-nous !
    </p>
  </div>
</div>

و کد های زیر را به extra.less اضاف کنید

کد
.block--annonce {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9em;
  line-height: 1.4em;
  text-align: justify;
  font-weight: 200;
  background-color: white;
}
.block--annonce .banner {
  position: relative;
  overflow: hidden;
  height: 10vmax;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 300;
  color: #ffffff;
}
.block--annonce .banner:before,
.block--annonce .banner:after {
  content: "";
  position: absolute;
  width: 110%;
  height: 10vmax;
}
.block--annonce .banner:before {
  left: -1%;
  background: rgba(0, 114, 255, 0.5);
  background: linear-gradient(to right, rgba(0, 114, 255, 0.5) 15%, rgba(0, 91, 204, 0.5) 100%);
  z-index: 10;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
.block--annonce .banner:after {
  right: -1%;
  background: #0052b7;
  background: linear-gradient(to right, #0052b7 15%, #002451 100%);
  -webkit-transform: rotate(1deg);
          transform: rotate(1deg);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
.block--annonce .banner .banner--text {
  position: absolute;
  top: 30%;
  left: 5vmax;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 50;
  text-align: left;
  font-size: 1.5vmax;
  line-height: 2.85714286vmax;
}
.block--annonce .content {
  padding: 2vmax;
}
.block--annonce .fa {
  font-size: 1.2em;
}

شما میتوانید رنگ پس زمینه را تغییر دهید
نمونه:
1bdcd232fac7a4e78197ec8465912fc2.png


2936d52568cc8674f35f02de8a734dd7.png
 
ارسال کننده موضوعات مشابه انجمن پاسخ ها تاریخ
mona.habibizadeh اجرای اندروید روی آیفون به کمک یک قاب محافظ آموزش های سخت افزار 0
elecomco اجرا و اشکال زدایی یا دیباگ اپلیکیشن در یک دستگاه سخت افزاری با ADB اندروید آموزش های برنامه نویسی 0
elecomco می خواهید همه چیز درباره برنامه نویسی اندروید را با یک پکیج و با یه استاد خود یاد بگیرید؟ گفتگوی آزاد 0
elecomco مهارت های یاد گرفتنی برای تبدیل شدن به یک برنامه نویس اندروید آموزش های برنامه نویسی 1
elecomco چطوری از یک وب سایت درامدزایی کنیم؟ طراحی وب 0
Admin قرعه کشی یک عدد سرور مجازی قدرتمند ایران برای کاربران اِی فری گفتگوی آزاد 13
Admin دامین رایگان یک ساله .best به مناسبت BLACK FRIDAY WEEK طراحی وب 0
alirahmani7443 راهنمایی در مورد فعال کردن پذیرفتن دیدگاه به صورت پیشفرض در یک پست تایپ وردپرس آموزشهای وردپرس 2
saeedGeo آموزش چطور یک سایت وردپرس را از لوکال هاست به سرور منتقل کنیم؟ آموزشهای وردپرس 0
4 ارور 404 در یک لینک فارسی پشتیبانی زنفورو 12
M طراحی یک صفحه محصول شگفت انگیز با پیوست های CSS پس زمینه آموزش های برنامه نویسی 0
M نحوه نوشتن یک پست بلاگ بهینه شده ( SEO )در وردپرس وردپرس 0
J O K E R آموزش اضافه شدن یک سوم به اشتراک فیلیمو نرم افزارهای اندروید 0
J O K E R آموزش اضافه شدن یک سوم به اشتراک فیلیمو آموزش های پرمیوم 0
A امروز می خوام یک روش برای چسباندن زیرنویس به فیلم در اندروید رو اموزش بدم آموزشها 1
J O K E R فعالسازی فعالسازی یک گیگ اینترنت رایگان همراه اول آموزش های نرم افزار 0
J O K E R فعالسازی فعالسازی رایگان یک گیگابایت اینترنت هدیه ایرانسل در لنز آموزش های نرم افزار 0
WALKER آموزش حذف همه نظرات وردپرس بصورت دسته جمعی با یک کلیک آموزشهای وردپرس 0
WALKER آموزش آموزش ریدایرکت به نتیجه جستجو در صورت وجود یک نتیجه در وردپرس آموزشهای وردپرس 0
WALKER بسته شد اکانت پرمیوم سایت یک مووی YekMovie اکانت پرمیوم سایت های فیلم 1
P اموزش نصب استایل پشتیبانی زنفورو 7
WALKER آموزش اضافه کردن استایل به گروه کاربری آموزشهای زنفورو 5
A اعتراض به قیمت کلیک های شرکت های تبلیغاتی گفتگوی آزاد 6
Magical اندروید دانلود VideoAdKing: Digital Video Marketing Ad Maker Full 4.0 - نرم افزار ساخت ویدیو ها تبلیغاتی برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Logo Maker - Logo Creator, Generator & Designer Premium 1.8 - نرم افزار ساخت لوگو و پوستر تبلیغاتی برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Poster Maker,Flyer Creator,Banner Arts,Designer PRO 21.0 - نرم افزار ایجاد پوستر و آگهی های تبلیغاتی برای اندروید نرم افزارهای اندروید 0
Magical اندروید دانلود Flyer Maker, Poster Creator,Card Designer PRO 14.0 - نرم افزار ساخت پوستر و آگهی تبلیغاتی برای اندروید نرم افزارهای اندروید 0

موضوعات مشابه

shape1
shape2
shape3
shape4
shape7
shape8
بالا