آموزش کادربندی امضا به سبک استایل محرم

[mohamad.s]

درود

فکر کنم ساده ترین راه کادربندی امضا هستش این راه چون فقط کافیه یه کد رو پیدا و جایگزین کنید .

برای اینکار ابتدا به جست و جوی قالب ها رفته و postbit.css را جست و جو کنید .

سپس کد های زیر رو پیدا کنید :

.signature {         padding-top: 1em;     border-top: {vb:stylevar signature_border};         margin-top: 2em; }

و با کد های زیر جایگزین کنید :

.signature { background: rgb(229,229,229); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(195,195,195,1) 46%, rgba(192,192,192,1) 50%, rgba(194,194,194,1) 53%, rgba(211,211,211,1) 76%, rgba(205,205,205,1) 87%, rgba(198,198,198,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(46%,rgba(195,195,195,1)), color-stop(50%,rgba(192,192,192,1)), color-stop(53%,rgba(194,194,194,1)), color-stop(76%,rgba(211,211,211,1)), color-stop(87%,rgba(205,205,205,1)), color-stop(100%,rgba(198,198,198,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */ padding-top: 1em; border-top: 1px dashed #676767; border-right: 1px dashed #676767; border-bottom: 1px dashed #676767; margin-top: 2em; border-radius: 0px 20px 20px 0px;

}
ذخیره کنید و تمام .

دقت داشته باشید در این امضا بکگراند به صورت گرادینت CSS داده شده اگر میخواید رنگش رو عوض کنید کل قسمت زیر رو پاک کنید :

background: rgb(229,229,229); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(195,195,195,1) 46%, rgba(192,192,192,1) 50%, rgba(194,194,194,1) 53%, rgba(211,211,211,1) 76%, rgba(205,205,205,1) 87%, rgba(198,198,198,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(46%,rgba(195,195,195,1)), color-stop(50%,rgba(192,192,192,1)), color-stop(53%,rgba(194,194,194,1)), color-stop(76%,rgba(211,211,211,1)), color-stop(87%,rgba(205,205,205,1)), color-stop(100%,rgba(198,198,198,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(195,195,195,1) 46%,rgba(192,192,192,1) 50%,rgba(194,194,194,1) 53%,rgba(211,211,211,1) 76%,rgba(205,205,205,1) 87%,rgba(198,198,198,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */

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

background: #ffffff;

دمو :