https://erfanwd.blog.ir/ fa https://blog.ir/ Sat, 06 Aug 2016 10:53:21 +0430 https://erfanwd.blog.ir/1395/05/04/header-creator-online <div style="direction:rtl"><script src="http://bayanbox.ir/download/1819069377284381211/jscolor.js"></script><script src="http://bayanbox.ir/download/8513280444449450747/headerSazEncrypted.js"></script><p>ارتفاع هدر : <span style="color: #bfbfbf;">px</span> <input id="headerHeight"></p> <p>رنگ پس زمینه هدر : <input id="headerBgColor" class="jscolor"></p> <p>لینک تصویر پس زمینه : <input id="headerBgImg"></p> <p>تنظیمات تکرار تصویر پس زمینه : <select id="headerbgImgRepeat"><option value="none">پیش فرض</option> <option value="repeat">تکرار شود</option> <option value="no-repeat">تکرار نشود</option> </select></p> <p>تنظیمات سایز تصویر پس زمینه : <select id="headerbgImgCover"><option value="">پیش فرض</option> <option value="cover">پوشش تمام کادر</option> </select></p> <p>محل قرار گیری تصویر پس زمینه : <select id="headerbgImgPosition"><option value="">پیش فرض</option> <option value="center">وسط</option> <option value="right">راست</option> <option value="left">چپ</option> </select></p> <p>میزان گردی گوشه های هدر: <span style="color: #bfbfbf;">px</span> <input id="headerBorderRadius"></p> <p>محل قرار گیری عنوان و توضیح مختصر وبلاگ : <select id="headerTitlePosition"><option value="right">راست</option> <option value="left">چپ</option> <option value="center">وسط</option> </select></p> <p>اندازه فونت عنوان وبلاگ : <span style="color: #bfbfbf;">px</span> <input id="headerTitleFontSize"></p> <p>فونت عنوان وبلاگ : <select id="headerTitleFontFamily"><option value="">پیش فرض</option> <option value="yekan,tahoma">یکان</option> <option value="tahoma">tahoma</option> </select></p> <p>تنظیمات فونت عنوان وبلاگ : <select id="headerTitleFontStyle"><option value="">پیش فرض</option> <option value="bold">bold</option> <option value="normal">normal</option> </select></p> <p>فاصله عنوان و توضیح مختصر وبلاگ از بالای هدر : <span style="color: #bfbfbf;">px</span> <input id="headerPdTop"></p> <p>فاصله عنوان و توضیح مختصر وبلاگ از راست : <span style="color: #bfbfbf;">px</span> <input id="headerPdRight"></p> <p>فاصله عنوان و توضیح مختصر وبلاگ از چپ : <span style="color: #bfbfbf;">px</span> <input id="headerPdLeft"></p> <p>رنگ عنوان وبلاگ : <input id="headerTitleColor" class="jscolor"></p> <p>رنگ توضیح مختصر وبلاگ : <input id="headerDesColor" class="jscolor"></p> <p>اندازه فونت توضیح مختصر وبلاگ : <span style="color: #bfbfbf;">px</span> <input id="headerDesFontSize"></p> <p>فونت توضیح مختصر وبلاگ : <select id="headerDesFontFamily"><option value="">پیش فرض</option> <option value="yekan,tahoma">یکان</option> <option value="tahoma">tahoma</option> </select></p> <p>تنظیمات فونت توضیح مختصر وبلاگ : <select id="headerDesFontStyle"><option value="">پیش فرض</option> <option value="bold">bold</option> <option value="normal">normal</option> </select></p> <p>فاصله عنوان وبلاگ از پایین و بالا : <span style="color: #bfbfbf;">px</span> <input id="headerTitlePaddingT"></p> <p>فاصله توضیح مختصر وبلاگ از پایین و بالا : <span style="color: #bfbfbf;">px</span> <input id="headerDesPaddingT"></p> <p>اندازه خط دور کادر هدر : <span style="color: #bfbfbf;">px</span> <input id="headerBorderSize" value="0"></p> <p>نوع خط کادر دور هدر : <select id="headerBorderStyle"><option value="">نداشته باشد</option> <option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور کادر هدر : <input id="headerBorderColor" class="jscolor"></p> <p>فاصله هدر از اطراف:</p> <p>فاصله از بالا : <span style="color: #bfbfbf;">px <input id="headerMarginTop" value="0"> فاصله از پایین : <span style="color: #bfbfbf;">px <input id="headerMarginBotton" value="0"> </span></span></p> <p>فاصله از راست : <span style="color: #bfbfbf;">px <input id="headerMarginRight" value="0"> فاصله از چپ : <span style="color: #bfbfbf;">px <input id="headerMarginLeft" value="0"> </span></span></p> <style type="text/css">#headerPreview { width: 90%; padding: 20px; border-top: 4px solid #e5e5e5; background: #fafafa; margin: 10px 0px; Direction: rtl; } #headerCode { width: 90%; height: 100px; overflow: auto; margin: 10px; direction: ltr; background-image: url(http://bayanbox.ir/view/3986601338215813803/textareaback.png); background-position: center; background-repeat: no-repeat; } #buttonMakeCode { border-radius: 2px; cursor: pointer; background: #243238; border: 1px solid #3d5762; color: #fff; padding: 6px 10px; } #buttonMakeCode:hover { background: #3f5b66; }</style> <p style="text-align: center;"><button id="buttonMakeCode" onclick="erfanwd()">پیش نمایش + کد</button></p> <div id="headerPreview"> </div> <p><textarea id="headerCode" onclick="javascript:this.select();"></textarea></p> <p style="border-bottom: 1px solid #dedede;"> </p> <p> </p> <p>+ ویدئوی آموزش استفاده از این ابزار ( حجم : 5.3 مگابایت ) " <a href="http://bayanbox.ir/download/2569294485628449676/HeaderMaker.mp4">دانلود</a> "</p> <div>+ طریقه استفاده : کدی که ابزار در اختیارتون  قرار میده رو کپی کنید و جایگزین کد هدر فعلی قالبتون در قسمت ویرایش ساختار قالب فعلی کنید .</div> <div>+ اگر میخواین عنوان و توضیح مختصر نمایش داده نشه میتونین اندازه فونتشون رو صفر بزنین ...</div></div> Mon, 25 Jul 2016 21:42:08 +0430 https://erfanwd.blog.ir/1395/05/04/header-creator-online#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/oFgC53nL0KM 67 آموزش تغییر هدر قالب ساخت هدر برای بیان هدر بلاگ بیان هدر ساز آنلاین برای بیان هدر سفارشی برای بلاگ بیان