html-css

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

آخرین نظرات
  • ۲۰ شهریور ۹۶، ۱۹:۱۲ - یــاسـᓄـךּ ●‿●
    :)
  • ۱۷ تیر ۹۶، ۱۶:۱۶ - تنها ...
    تشکر
  • ۱۶ تیر ۹۶، ۲۲:۵۶ - تنها ...
    ممنون
چهارشنبه, ۳۱ خرداد ۱۳۹۶، ۰۸:۱۷ ب.ظ

کدهای cssجعبه دنبال کنندن بلاگ بیان

چهارشنبه, ۳۱ خرداد ۱۳۹۶، ۰۸:۱۷ ب.ظ
سلاام،امروزقصدمعرفی کدهایcssجعبه دنبال کنندگان هروبلاگ رابه صورت کامل بگزارم
.followBx {
background: rgba(0,0,0,0.05);
border-radius: 5px;
padding: 10px 4px 4px;
font-size: 16px;
}
#followInBx {
margin: 0 auto;
}
.followersCount {
float: left;
}
.followersTitle {
padding: 0 4px;
margin-bottom: 7px;
}
.follower {
float: right;
}
.follower:hover img {
transform: scale(1.1);
}
.followThis {
display: block;
padding: 3px 10px 5px;
margin: 2px;
background: #01BA00;
color: #fff !important;
border-radius: 3px;
text-align: center;
}
.followBx, .followThis {
font-family: "B Nazanin", BNazanin, "A Nazanin", "Nazanin 0", IRNazanin, Nazanin, W_Nazanin, "Times New Roman", "Arial", serif;
}
.followThis:hover {
color: #fff !important;;
}
.followThis.followed {
background: #0cb3ce;
}
#followInBx #followersLs .followImg {
width: 34px;
height: 34px;
border-radius: 4px;
margin:3px;
}
#followersLs {
text-align: center;
margin: 7px 0 13px;
clear: both;
}
اول کدبالارادرآخرکدهایcssوبتان ذخیره کنیدوآنرامطابق میلتان ویرایش کنید
بارای نمونه 2تعدادازکدهاراتوضیح میدهم:
کدجعبه اصلی دنبال کنندگان وبتان،که وب وعکس پروفایل دنبال کنندگانتان درآن قابل نمایش است
.followBx {
background: url(//bayanbox.ir/view/9128475771498214417/111699.png);چه عکسی پشت جعبه دنبال کنندگانتان قراربگیره
background: rgba(0,0,0,0.05); پشت زمبنه جعبه دنبال کنندگان وبتان چه رنگی باشه
یعنی بک گراند،یعنی پشت زمینه اش میخواهیدرنگ باشد،عکس باشد:)
border-radius: 5px;
یعنی اندازه قاب عکس پروفایل دنبال کنندگانتان چگونه باشد
padding: 10px 4px 4px;
یعنی فاصله جعبه نمایش عکس پروفایل دنبال کنندگانتان از ،جعبه اصلی خودش چقدرباشد
font-size: 16px;
اندازه فونت ((این وبلاگ رادنبال کنید))چقدرباشد
}
واین کدهم،که کدفونت جعبه دنبال کنندگانتان میباشد
.followBx, .followThis {
font-family: "B Nazanin", BNazanin, "A Nazanin", "Nazanin 0", IRNazanin, Nazanin, W_Nazanin, "Times New Roman", "Arial", serif;
}
اگربخواهیم فونت جعبه دنبال کنندکانمان یکان باشد،این کدروجایگزن کدبالامیکنیم
.followBx, .followThis {
font-family: 'yekan', BNazanin, "A Nazanin", "Nazanin 0", IRNazanin, Nazanin, W_Nazanin, "Times New Roman", "Arial", serif;
}
واگراین فونت رادروبتان نداریدمیتوانیدازاین صفحه آن فونت راکپی کرده ودروبتان بگزارید
موافقین ۰ مخالفین ۰ ۹۶/۰۳/۳۱
ali ghaleb

نظرات (۱)

 ممنونم.
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی