WFruit | Fruit Supplier and Wholesale
مشاهده RSS Feed

FoX FuN

راهنمایی برای ساخت این درجات کاربری

به این مطلب امتیاز بدهید
توسط در تاریخ 2015/05/02 در ساعت 07:39 PM (1291 نمایش ها)
نقل قول نوشته اصلی توسط p30web نمایش پست ها
کد زیر را در additional.css قرار دهید :
کد HTML:
.p30web{
text-align:center;
color:#F4F4F4;
font:14px Yekan,BYekan,B Yekan,Byekan,B yekan,byekan,b yekan,Tahoma;
padding:7px 0px 10px;
line-height:18px;
cursor:pointer;
}

.p30web-2{
float:right;
width:40px;
height:35px;
border-left:1px solid #3291D1;
background:#3291D1;
cursor:pointer;


}


.anmition{
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    border-bottom:4px solid #3291D1;
}
.anmition:hover{

    -webkit-transform:translateY(-4px);
    -moz-transform:translateY(-4px);
    transform:translateY(-4px);
    color:#fff
}
i.fa.fa-trophy {
  text-align: center;
  transform:translate(0px, 9px);
  font-size: 21px;
  color: #fff;
}

ودر انتهای headinclude کد زیر را قرار دهید
کد HTML:
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

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

کد HTML:
<div class="anmition"> <div class="p30web-2"><i class="fa fa-trophy"></i></div> <div class="p30web" style="background:#333;">مدير کل انجمن</div> </div>
موفق باشید

Submit "راهنمایی برای ساخت این درجات کاربری" to Digg Submit "راهنمایی برای ساخت این درجات کاربری" to del.icio.us Submit "راهنمایی برای ساخت این درجات کاربری" to StumbleUpon Submit "راهنمایی برای ساخت این درجات کاربری" to Google

برچسب ها: هیچ یک ویرایش برچسب ها
دسته بندی ها
دسته بندی نشده

نظرات