https://erfanwd.blog.ir/ fa https://blog.ir/ Wed, 03 Aug 2016 02:13:56 +0430 https://erfanwd.blog.ir/1395/05/11/ghaleb-51 <div style="direction:rtl"><img height="317" width="400" src="//bayanbox.ir/view/4760174321197266310/css.jpg"> <a href="https://erfanwd.blog.ir/1395/05/11/ghaleb-51">ادامه مطلب</a></div> Mon, 01 Aug 2016 20:48:58 +0430 https://erfanwd.blog.ir/1395/05/11/ghaleb-51#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/rL6EizMhP84 43 قالب بلاگ بیان قالب ریسپانسیو قالب ریسپانسیو بیان قالب ساده بیان قالب ساز بیان https://erfanwd.blog.ir/1395/05/07/Template-maker-online-bayan <div style="direction:rtl"><script src="http://bayanbox.ir/download/1819069377284381211/jscolor.js"></script><script src="http://bayanbox.ir/download/2075583629724006167/jsGhalebSazEncrypted.js"></script><p style="font-size: 14px;color: blue;">تنظیمات مربوط به بدنه قالب</p> <p style="font-size: 12px;color: red;">پس زمینه قالب</p> <p>رنگ پس زمینه قالب : <input id="bd1" class="jscolor"></p> <p>تصویر پس زمینه قالب : <input id="bd2"></p> <p>تنظیمات تکرار پس زمینه قالب : <select id="bd3"><option value="">پیش فرض</option> <option value="repeat">تکرار شود</option> <option value="no-repeat">تکرار نشود</option> </select></p> <p>سایز پس زمینه : <select id="bd4"><option value="">پیش فرض</option> <option value="cover">پوشش تمام صفحه</option> </select></p> <p>مکان قرار گیری پس زمینه : <select id="bd5"><option value="">پیش فرض</option> <option value="center">مرکز</option> <option value="right top">راست بالا</option> <option value="right bottom">راست پایین</option> <option value="left top">چپ بالا</option> <option value="left bottom">چپ پایین</option> </select></p> <p>حالت تصویر پس زمینه هنگام حرکت اسکرول : <select id="bd6"><option value="">پیش فرض</option> <option value="fixed">ثابت</option> </select></p> <p style="font-size: 12px;color: red;">تنظیمات کلی فونت قالب :</p> <p>فونت قالب : <select id="bd7"><option value="">پیش فرض</option> <option value="yekan,tahoma">یکان</option> <option value="tahoma">تاهوما</option> </select></p> <p>اندازه فونت : <input id="bd8" value="12"></p> <p>رنگ متن قالب : <input id="bd9" class="jscolor" value="000"></p> <p><button onclick="erfanwdBody();showPreviewBody();">پیش نمایش</button><style type="text/css">#bodyPreview { padding: 20px; border-top: 4px solid #e5e5e5; background: #fafafa; margin: 10px 0px; Direction: rtl; }</style></p> <div id="bodyPreview"> </div> <p style="border-bottom: 1px solid #000;"> </p> <p style="font-size: 12px;color: red;">اندازه عرض قالب ، ستون سمت راست و چپ</p> <p>عرض قالب : <input id="wr1" value="800"></p> <p>عرض ستون پست ها : <input id="wr2" value="580"></p> <p>عرض ستون سمت چپ : <input id="wr3" value="200"></p> <p style="border-bottom: 1px solid #000;"> </p> <p style="font-size: 14px;color: blue;">هدر</p> <p style="font-size: 12px;color: red;">تنظیمات پس زمینه هدر</p> <p>ارتفاع هدر : <input id="hd1"> px</p> <p>رنگ پس زمینه هدر : <input id="hd2" class="jscolor"></p> <p>لینک تصویر پس زمینه هدر : <input id="hd3"></p> <p>تنظیمات تکرار تصویر پس زمینه هدر : <select id="hd4"><option value="">پیش فرض</option> <option value="repeat">تکرار شود</option> <option value="no-repeat">تکرار نشود</option> </select></p> <p>اندازه تصویر پس زمینه هدر : <select id="hd5"><option value="">پیش فرض</option> <option value="cover">تمام صفحه</option> </select></p> <p>محل قرار گیری تصویر هدر : <select id="hd6"><option value="">پیش فرض</option> <option value="center">مرکز</option> <option value="right top">راست بالا</option> <option value="right bottom">راست پایین</option> <option value="left top">چپ بالا</option> <option value="left bottom">چپ پایین</option> </select></p> <p>تنظیمات حرکت تصویر پس زمینه با اسکرول : <select id="hd7"><option value="">پیش فرض</option> <option value="fixed">ثابت</option> </select></p> <p style="font-size: 12px;color: red;">خط دور کادر هدر</p> <p> </p> <p>قطر خط بالا : <input id="hd12" value="0"></p> <p>قطر خط راست : <input id="hd13" value="0"></p> <p>قطر خط پایین : <input id="hd14" value="0"></p> <p>قطر خط چپ : <input id="hd15" value="0"></p> <p>شکل خط دور کادر هدر : <select id="hd16"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور کادر هدر : <input id="hd17" class="jscolor" value="000"></p> <p style="font-size: 12px;color: red;">فاصله هدر از اطراف :</p> <p> </p> <p>فاصله هدر از بالا : <input id="hd8" value="0"></p> <p>فاصله هدر از راست : <input id="hd9" value="0"></p> <p>فاصله هدر از پایین : <input id="hd10" value="0"></p> <p>فاصله هدر از چپ : <input id="hd11" value="0"></p> <p style="font-size: 12px;color: red;">تنظیمات عنوان وبلاگ و توضیح مختصر</p> <p>مکان قرار گیری عنوان و توضیح مختصر روی هدر : <select id="hdt5"><option value="center">وسط</option> <option value="right">راست</option> <option value="left">چپ</option> </select></p> <p> </p> <p>فاصله عنوان و توضیح مختصر از بالا : <input id="hdt1" value="0"></p> <p>فاصله عنوان و توضیح مختصر از راست : <input id="hdt2" value="0"></p> <p>فاصله عنوان و توضیح مختصر از پایین : <input id="hdt3" value="0"></p> <p>فاصله عنوان و توضیح مختصر از چپ : <input id="hdt4" value="0"></p> <p style="font-size: 12px;color: red;">تنظیمات فونت عنوان و توضیح مختصر</p> <p>فونت عنوان وبلاگ : <select id="hdh1"><option value="">pishfarz</option> <option value="yekan,tahoma">yekan</option> <option value="tahoma">tahoma</option> </select></p> <p>اندازه فونت عنوان وبلاگ : <input id="hdh2"></p> <p>میزان درشتی عنوان وبلاگ : <select id="hdh3"><option value="">pishfarz</option> <option value="bold">bold</option> <option value="normal">normal</option> </select></p> <p>رنگ عنوان وبلاگ : <input id="hdh11" class="jscolor" value="000"></p> <p> </p> <p>فاصله عنوان وبلاگ از بالا و پایین : <input id="hdh7"></p> <p>فاصله عنوان وبلاگ از چپ و راست <input id="hdh8"></p> <p style="font-size: 12px;color: red;">تنظیمات فونت توضیح مختصر وبلاگ</p> <p>فونت توضیح مختصر وبلاگ : <select id="hdh4"><option value="">pishfarz</option> <option value="yekan,tahoma">yekan</option> <option value="tahoma">tahoma</option> </select></p> <p>اندازه فونت توضیح مختصر وبلاگ : <input id="hdh5"></p> <p>تنظیمات درشت بودن فونت توضیح مختصر وبلاگ : <select id="hdh6"><option value="">pishfarz</option> <option value="bold">bold</option> <option value="normal">normal</option> </select></p> <p>رنگ توضیح مختصر وبلاگ : <input id="hdh12" class="jscolor" value="000"></p> <p> </p> <p>فاصله توضیح مختصر از بالا و پایین : <input id="hdh9"></p> <p>فاصله توضیح مختصر از چپ و راست : <input id="hdh10"></p> <p><button onclick="erfanwdHeader();showPreviewHeader();">پیش نمایش</button><style type="text/css">#headerPreview { padding: 20px; border-top: 4px solid #e5e5e5; background: #fafafa; margin: 10px 0px; Direction: rtl; }</style></p> <div id="headerPreview"> </div> <p style="border-bottom: 1px solid #000;"> </p> <p style="font-size: 14px;color: blue;">تنظیمات مربوط به منوی وبلاگ</p> <p style="font-size: 12px;color: red;">زمینه منو</p> <p>رنگ پس زمینه منو : <input id="mn3" class="jscolor"></p> <p> </p> <p>اندازه خط بالای منو : <input id="mn4" value="0"></p> <p>اندازه خط راست منو : <input id="mn5" value="0"></p> <p>اندازه خط پایین منو : <input id="mn6" value="0"></p> <p>اندازه خط چپ منو : <input id="mn7" value="0"></p> <p>نوع خط دور منو : <select id="mn8"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور منو : <input id="mn9" class="jscolor"></p> <p> </p> <p>میزان گردی بالا چپ <input id="mn11" value="0"></p> <p>میزان گردی بالا راست <input id="mn12" value="0"></p> <p>میزان گردی پایین راست <input id="mn13" value="0"></p> <p>میزان گردی پایین چپ <input id="mn14" value="0"></p> <p style="font-size: 12px;color: red;">تنظیمات گزینه های داخل منو</p> <p> </p> <p>فاصله گزینه ها از بالا و پایین : <input id="mn1" value="4"></p> <p>فاصله گزینه ها از چپ و راست : <input id="mn2" value="6"></p> <p>محل قرار گیری گزینه های منو : <select id="mn10"><option value="right">right</option> <option value="left">left</option> <option value="center">center</option> </select></p> <p>رنگ متن گزینه های منو <input id="mna1" class="jscolor" value="000"></p> <p>رنگ پس زمینه گزینه های منو <input id="mna2" class="jscolor"></p> <p> </p> <p>فاصله درونی گزینه های منو از بالا و پایین : <input id="mna3" value="0"></p> <p>فاصله درونی گزینه های منو از چپ و راست : <input id="mna4" value="0"></p> <p> </p> <p>فاصله گزینه های منواز بالا و پایین : <input id="mna13" value="0"></p> <p>فاصله گزینه های منو از چپ و راست : <input id="mna14" value="0"></p> <p> </p> <p>گردی گزینه منو بالا چپ : <input id="mna5" value="0"></p> <p>گردی گزینه منو بالا راست : <input id="mna6" value="0"></p> <p>گردی گزینه منو پایین راست : <input id="mna7" value="0"></p> <p>گردی گزینه منو پایین چپ : <input id="mna8" value="0"></p> <p>اندازه فونت منو : <input id="mna9" value="12"></p> <p>نوع فونت منو : <select id="mna10"><option value="">پیش فرض</option> <option value="tahoma">تاهوما</option> <option value="yekan,tahoma">یکان</option> </select></p> <p style="font-size: 12px;color: red;">گزینه های منو زمانی که موس میره روشون</p> <p>رنگ پس زمینه گزینه ها : <input id="mna12" class="jscolor"></p> <p>رنگ متن گزینه ها : <input id="mna11" class="jscolor" value="000"></p> <p><button onclick="erfanwdMenu();showPreviewMenu();">پیش نمایش</button></p> <style type="text/css">#menuPreview { padding: 20px; border-top: 4px solid #e5e5e5; background: #fafafa; margin: 10px 0px; Direction: rtl; }</style> <div id="menuPreview"> </div> <p style="font-size: 14px;color: blue;">تنظیمات مربوط به ستون پست های وبلاگ</p> <p style="font-size: 12px;color: red;">پس زمینه پست</p> <p> </p> <p>فاصله باکس پست از بالا <input id="po1" value="0"></p> <p>از راست <input id="po2" value="0"></p> <p>از پایین <input id="po3" value="0"></p> <p>از چپ <input id="po4" value="0"></p> <p> </p> <p>خط دور کادر پست بالا : <input id="po5" value="0"></p> <p>راست <input id="po6" value="0"></p> <p>پایین <input id="po7" value="0"></p> <p>چپ <input id="po8" value="0"></p> <p>نوع خط دور کادر پست : <select id="po9"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور کادر پست : <input id="po10" class="jscolor"></p> <p> </p> <p>میزان گردی کادر پست بالا چپ : <input id="po11" value="0"></p> <p>بالا راست : <input id="po12" value="0"></p> <p>پایین راست : <input id="po13" value="0"></p> <p>پایین چپ : <input id="po14" value="0"></p> <p> </p> <p>سایه باکس پست : <input id="po15" value="0"></p> <p><input id="po16" value="0"></p> <p><input id="po17" value="0"></p> <p><input id="po18" value="0"></p> <p>رنگ سایه : <input id="po19" class="jscolor"></p> <p style="font-size: 12px;color: red;">تنظیمات عنوان مطلب :</p> <p>رنگ پس زمینه عنوان مطلب : <input id="pt1" class="jscolor"></p> <p> </p> <p>فاصله عنوان مطلب از بالا و پایین : : <input id="pt2" value="0"></p> <p>فاصله عنوان مطلب از راست و چپ : <input id="pt3" value="0"></p> <p> </p> <p>اندازه خط دور عنوان مطلب بالا : <input id="pt4" value="0"></p> <p>راست : <input id="pt5" value="0"></p> <p>پایین : <input id="pt6" value="0"></p> <p>چپ : <input id="pt7" value="0"></p> <p>نوع خط دور کادر عنوان پست : <select id="pt9"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p> رنگ خط دور عنوان پست : <input id="pt10" class="jscolor"> </p> <p>نوع خط دور کادر عنوان پست : <select id="pt11"><option value="right">راست</option> <option value="center">وسط</option> <option value="left">چپ</option> </select></p> <p> </p> <p>میزان گردی دور عنوان مطلب ، بالا چپ : <input id="pt17" value="0"></p> <p>بالا راست : <input id="pt18" value="0"></p> <p>پایین راست : <input id="pt19" value="0"></p> <p>پایین چپ : <input id="pt20" value="0"></p> <p style="font-size: 12px;color: red;">تنظیمات فونت عنوان مطلب</p> <p>اندازه فونت عنوان مطلب : <input id="pt14"></p> <p>فونت عنوان مطلب : <select id="pt15"><option value="">پیش فرض</option> <option value="yekan,tahoma">یکان</option> <option value="tahoma">تاهوما</option> </select></p> <p>درشتی عنوان مطلب : <select id="pt16"><option value="">پیش فرض</option> <option value="bold">درشت</option> <option value="normal">معمولی</option> </select></p> <p>رنگ عنوان مطلب : <input id="pt21" class="jscolor" value="000"></p> <p>رنگ عنوان مطلب وقتی موس میره روش : <input id="pt22" class="jscolor" value="000"></p> <p style="font-size: 12px;color: red;">تنظیمات متن مطلب و پس زمینه آن</p> <p>فاصله بین خطوط : <input id="pc3" value="1.7"></p> <p>رنگ پس زمینه متن پست : <input id="pc4" class="jscolor"></p> <p>رنگ متن پست : <input id="pc5" class="jscolor" value="000"></p> <p>رنگ لینک متن : <input id="pc1" class="jscolor" value="000"></p> <p>رنگ لینک متن وقتی موس میره روش <input id="pc2" class="jscolor" value="000"></p> <p>اندازه فونت متن پست : <input id="pc6"></p> <p>فونت متن پست : <select id="pc7"><option value="">پیش فرض</option> <option value="yekan,tahoma">یکان</option> <option value="tahoma">تاهوما</option> </select></p> <p> </p> <p>فاصله داخلی متن مطلب از اطراف ، بالا <input id="pc8" value="0"></p> <p>راست : <input id="pc9" value="0"></p> <p>پایین : <input id="pc10" value="0"></p> <p>چپ : <input id="pc11" value="0"></p> <p> </p> <p>فاصله بیرونی متن مطلب از ، بالا <input id="pc13" value="0"></p> <p>راست : <input id="pc14" value="0"></p> <p>پایین : <input id="pc15" value="0"></p> <p>چپ : <input id="pc16" value="0"></p> <p> </p> <p>اندازه خط دور متن مطلب ، بالا : <input id="pc18" value="0"></p> <p>راست : <input id="pc19" value="0"></p> <p>پایین : <input id="pc20" value="0"></p> <p>چپ : <input id="pc21" value="0"></p> <p>نوع خط دور کادر عنوان پست : <select id="pc23"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور متن مطلب : <input id="pc24" class="jscolor"></p> <p> </p> <p>میزان گردی دور کادر متن مطلب ، بالا چپ : <input id="pc25" value="0"></p> <p>بالا راست : <input id="pc26" value="0"></p> <p>پایین راست : <input id="pc27" value="0"></p> <p>پایین چپ : <input id="pc28" value="0"></p> <p><button onclick="erfanwdPost();showPreviewPost();">پیش نمایش</button></p> <style type="text/css">#postPreview { padding: 20px; border-top: 4px solid #e5e5e5; background: #fafafa; margin: 10px 0px; Direction: rtl; }</style> <div id="postPreview"> </div> <p style="font-size: 14px;color: blue;">تنظیمات کادر اطلاعات پست</p> <p> </p> <p>اندازه خط دور کادر :</p> <p>بالا : <input id="pd1" value="0"></p> <p>راست : <input id="pd2" value="0"></p> <p>پایین : <input id="pd3" value="0"></p> <p>چپ : <input id="pd4" value="0"></p> <p>نوع خط دور کادر : <select id="pd5"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور کادر : <input id="pd6" class="jscolor"></p> <p>گردی دور کادر : <input id="pd7" value="0"></p> <p> </p> <p>فاصله داخلی جزئیات پست از کادر :</p> <p>بالا و پایین : <input id="pd8" value="2"></p> <p>چپ و راست : <input id="pd9" value="6"></p> <p> </p> <p>فاصله خارجی جزئیات پست از باکس اطراف :</p> <p>بالا و پایین : <input id="pd10" value="0"></p> <p>چپ و راست : <input id="pd11" value="0"></p> <p>رنگ پس زمینه : <input id="pd12" class="jscolor"></p> <p>فونت : <select id="pd31"><option value="">pishfarz</option> <option value="yekan,tahoma">yekan</option> <option value="tahoma">tahoma</option> </select></p> <p>اندازه فونت <input id="pd32"></p> <p>علامت جدا کننده بین جزئیات مطلب : <input id="pd13" value="|"></p> <p>رنگ علامت جدا کننده : <input id="pd14" class="jscolor"></p> <p>فاصله جزئیات مطلب ، سمت راست از چپ و راست : <input id="pd15" value="4"></p> <p>رنگ جزئیات مطلب سمت راست : <input id="pd16" class="jscolor" value="000"></p> <p style="color: blue;">تنظیمات لینک های جزئیات مطلب (نظرات ، رای دهی)</p> <p>مکان قرار گیری <select id="pd17"><option value="left">چپ</option> <option value="right">راست</option> </select></p> <p>رنگ متن لینک جزئیات مطلب : <input id="pd18" class="jscolor" value="000"></p> <p>رنگ پس زمینه لینک ها : <input id="pd30" class="jscolor"></p> <p> </p> <p>خط دور کادر لینک ها :</p> <p>بالا : <input id="pd19" value="0"></p> <p>راست : <input id="pd20" value="0"></p> <p>پایین : <input id="pd21" value="0"></p> <p>چپ : <input id="pd22" value="0"></p> <p>نوع خط دور کادر : <select id="pd23"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور کادر : <input id="pd24" class="jscolor"></p> <p>میزان گردی : <input id="pd25" value="0"></p> <p> </p> <p>فاصله داخلی لینک ها از بالا و پایین : <input id="pd26" value="0"></p> <p>فاصله داخلی لینک ها از چپ و راست : <input id="pd27" value="0"></p> <p> </p> <p>فاصله خارجی لینک ها از بالا و پایین : <input id="pd28" value="0"></p> <p>فاصله خارجی لینک ها از چپ و راست : <input id="pd29" value="0"></p> <p><button onclick="erfanwdPostDetail();showPreviewPostDetail();">پیش نمایش</button></p> <style type="text/css">#postDetailPreview { padding: 20px; border-top: 4px solid #e5e5e5; background: #fafafa; margin: 10px 0px; Direction: rtl; }</style> <div id="postDetailPreview"> </div> <p><button onclick="erfanwdBody();erfanwdHeader();erfanwdMenu();erfanwdPostDetail();erfanwdPost();erfanwdTemplateCode();erfanwdTemplateCodeHtml();">ساخت کد قالب</button></p> <style type="text/css">textarea { display: block; height: 120px; direction: ltr; }</style> <p>کد ساختار قالب : (HTML)<textarea id="templateCodeViewHtml" onclick="javascript:this.select();"></textarea></p> <p>کد CSS :<textarea id="templateCodeView" onclick="javascript:this.select();"></textarea></p></div> Thu, 28 Jul 2016 14:33:05 +0430 https://erfanwd.blog.ir/1395/05/07/Template-maker-online-bayan#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/PE-siiyvrLU 2075 قالب ساز آنلاین بیان قالب ساز بیان قالب ساز پیشرفته بیان