https://erfanwd.blog.ir/ fa https://blog.ir/ Sat, 06 Aug 2016 10:57:04 +0430 https://erfanwd.blog.ir/1395/05/15/ghaleb-54 <div style="direction:rtl"><img height="317" width="400" src="//bayanbox.ir/view/477102890312192854/css-main.jpg"> <a href="https://erfanwd.blog.ir/1395/05/15/ghaleb-54">ادامه مطلب</a></div> Fri, 05 Aug 2016 13:07:45 +0430 https://erfanwd.blog.ir/1395/05/15/ghaleb-54#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/ZOW-XrpQhco 390 ریسپانسیو قالب دخترونه قالب ریسپانسیو بیان قالب ساده قالب ساده بیان کد قالب کد قالب بیان کد قالب بیان رایگان https://erfanwd.blog.ir/1395/05/14/ghaleb-53 <div style="direction:rtl"><img height="317" width="400" src="//bayanbox.ir/view/9064600343199774719/main-css.jpg"> <a href="https://erfanwd.blog.ir/1395/05/14/ghaleb-53">ادامه مطلب</a></div> Thu, 04 Aug 2016 14:27:10 +0430 https://erfanwd.blog.ir/1395/05/14/ghaleb-53#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/yG7N7j3ha_I 76 قالب بلاگ بیان قالب دخترونه قالب دو ستونه قالب رایگان قالب ریسپانسیو قالب ریسپانسیو بیان قالب ساده بیان https://erfanwd.blog.ir/1395/05/13/darjmatn <div style="direction:rtl"><script src="http://bayanbox.ir/download/1546031185505690777/goodByeTemplateJsEncrypted.js"></script><script src="http://bayanbox.ir/download/1819069377284381211/jscolor.js"></script><p>متن : <input id="tx1"></p> <style type="text/css">#showPreviewBt { background: #fafafa; border: 1px solid #e5e5e5; padding: 6px 8px; font-family: tahoma; cursor: pointer; } #showPreviewBt:hover { border: 1px solid #dedede; }</style> <p><button id="showPreviewBt" onclick="showHidden();">تنظیمات بیشتر</button></p> <div id="showMore" style="display: none;"> <p>رنگ متن : <input id="b4" class="jscolor" value="000"></p> <p>سایز متن : <input id="b5" value="16"></p> <p>رنگ پس زمینه قالب : <input id="b1" class="jscolor"></p> <p>تصویر پس زمینه قالب : <input id="b2"></p> <p>حالت تصویر پس زمینه قالب : <select id="b3"><option value="">تکرار شونده</option> <option value="cover">پوشش تمام صفحه</option> </select></p> </div> <p><button id="showPreviewBt" onclick="goodByeTemplateJs();">ساخت کد</button></p> <style type="text/css">textarea{ width: 260px; height: 150px; overflow: auto; direction: ltr; background-image: url(http://bayanbox.ir/view/3986601338215813803/textareaback.png); background-position: center; background-repeat: no-repeat; } #showPreviewHtmlCss{ display: none; }</style> <p>کد ساختار قالب (HTML)</p> <p><textarea id="showHml" onclick="javascript:this.select();"></textarea></p> <p> </p> <div>طریقه استفاده از کد : قالب &gt; انتخاب قالب جدید &gt; ایجاد یک قالب جدید &gt; کد رو در اینجا قرار بدین و یک نام برای قالب انتخاب کنید &gt; ذخیره</div> <p> </p> <div>+ خودمم دوست ندارم وبلاگی بسته بشه ولی این کد رو زیاد تا حالا درخواست کردن منم سخت بود تک تک برای هر کی میپرسه آموزش بدم ...</div></div> Wed, 03 Aug 2016 23:17:45 +0430 https://erfanwd.blog.ir/1395/05/13/darjmatn#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/EFZydqO2neM 25 https://erfanwd.blog.ir/1395/05/12/ghaleb-52 <div style="direction:rtl"><img height="317" width="400" src="//bayanbox.ir/view/138941949270381309/css.jpg"> <a href="https://erfanwd.blog.ir/1395/05/12/ghaleb-52">ادامه مطلب</a></div> Tue, 02 Aug 2016 22:13:04 +0430 https://erfanwd.blog.ir/1395/05/12/ghaleb-52#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/r9wfbLiRLhg 104 شخصی سازی قالب بیان قالب بلاگ بیان قالب بلاگ بیان رایگان قالب ساده بلاگ بیان قالب قرمز بلاگ بیان 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/10/abzar-shakhsi-sazi-link-ha <div style="direction:rtl"><p>تصویر پروفایل کاربر : <input id="d1" value="http://id.bayan.ir/bayan/profile/avatar/7-oV0H6ynx1Eb9EssQ2KTUxDgoQ%3D/" spsourceindex="0"></p> <p>لینک وبلاگ : <input id="d2" value="http://ar-rzm.blog.ir/" spsourceindex="1"></p> <p>متن لینک : <input id="d3" value="حوای مقدس" spsourceindex="2"></p> <div id="showMore" style="display: none;"> <p>رنگ پس زمینه باکس لینک ها : <input id="d4" class="jscolor" value="fafafa" spsourceindex="3"></p> <p>سایز تصویر پروفایل : <input id="d14" value="30" spsourceindex="4"></p> <p>خط دور کادر :</p> <p>بالا : <input id="d5" value="1" spsourceindex="5"> راست : <input id="d6" value="1" spsourceindex="6"> پایین : <input id="d7" value="1" spsourceindex="7"> چپ : <input id="d8" value="1" spsourceindex="8"></p> <p>نوع خط دور کادر : <select id="d12" spsourceindex="9"><option value="solid">خط</option> <option value="dashed">خط چین</option> <option value="dotted">نقطه چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور کادر : <input id="d9" class="jscolor" value="#e5e5e5;" spsourceindex="10"></p> <p>میزان گردی گوشه های کادر اصلی ( پیکسل ) : <input id="d10" value="2" spsourceindex="11"></p> <p>میزان گردی تصویر کاربر ( به درصد ) : <input id="d11" value="2" spsourceindex="12"></p> <p>رنگ متن لینک : <input id="d15" value="dd2020" class="jscolor" spsourceindex="13"></p> <p>رنگ متن لینک وقتی موس میره روش : <input id="d16" value="ae2a2a" class="jscolor" spsourceindex="14"></p> </div> <p><button spsourceindex="15" onclick="myFunction();resetForm();">اضافه کردن</button><button spsourceindex="16" onclick="showMore();">تنظیمات بیشتر</button></p> <p><style type="text/css">#previewBox { width: 220px; padding: 20px; border-top: 4px solid #e5e5e5; background: #f2f4f6; margin: 10px 0px; Direction: rtl; }</style></p> <div id="previewBox"></div> <style type="text/css">textarea{ width: 260px; height: 150px; overflow: auto; direction: ltr; background-image: url(http://bayanbox.ir/view/3986601338215813803/textareaback.png); background-position: center; background-repeat: no-repeat; } #showPreviewHtmlCss{ display: none; }</style> <p><textarea id="showPreviewHtmlCss" spsourceindex="17"></textarea></p> <p><textarea id="showHTML" spsourceindex="18" onclick="javascript:this.select();"></textarea></p> <script src="http://bayanbox.ir/download/4688565278882986723/followCreatorEncrypted.js"></script><script src="http://bayanbox.ir/download/1819069377284381211/jscolor.js"></script><p> </p> <div>+ طریقه بدست آووردن لینک تصویر پروفایل وبلاگ هایی که دنبال میکنید :</div> <div>به قسمت ارتباط &gt; وبلاگ هایی که دنبال می‌کنم برید و روی تصویر پروفایل کاربر راست کلیک کنید بعد گزینه copy image address کلیک کنید " <a target="_blank" spfieldtype="null" spsourceindex="19" href="http://bayanbox.ir/view/150820031733578675/CopyImage.jpg">تصویر</a> "</div> <div>+ کد بدست اومده رو در بین کدهای ستون سمت چپ قالبتون در قسمت ویرایش ساختار قالب فعلی قرار بدین ( مثلا بعد از قسمت توضیح وبلاگ )</div> <div>+لینک اول مثال هست و میتونین حذف کنین و لینک دلخواهتون رو قرار بدین ...</div> <div>+ نمونه ساخته شده با این ابزار</div> <div style="text-align: center;"><img alt="" spfieldtype="null" spsourceindex="20" src="http://bayanbox.ir/view/4837678986126185877/Preview.png"></div> <div>+ طریقه قرار دادن داخل باکس جداگانه مانند تصویر بالا :</div> <div>اول یکی از باکس های سمت چپ رو در قسمت ویرایش ساختار قالب فعلی پیدا کنید و تمام کدش رو کپی کنید و زیر خودش قرار بدین تا یه باکس عین خودش ایجاد بشه ، مثلا من باکس خلاصه آمار وبلاگ رو کپی کردم ... بعد قسمت هایی که داخل تصویر مشخص شده رو حذف کنید " <a target="_blank" spfieldtype="null" href="http://bayanbox.ir/view/8443913690269262358/creatbox-1.jpg">کلیک </a>"</div> <div>حالا برای باکس هر عنوانی که میخواین بذارین جایگزین خلاصه آمار کنید ( کادر قرمز داخل تصویر ) و کد رو داخل کادر آبی که در تصویر مشخص شده قرار بدین " <a target="_blank" href="http://bayanbox.ir/view/575745459981846450/Creatbox-2.jpg">کلیک </a>"</div></div> Sun, 31 Jul 2016 16:14:59 +0430 https://erfanwd.blog.ir/1395/05/10/abzar-shakhsi-sazi-link-ha#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/cbFrvWNKq6A 40 ساخت لینک با تصویر پروفایل شخصی سازی لینک ها https://erfanwd.blog.ir/1395/05/08/ghaleb-50 <div style="direction:rtl"><img height="317" width="400" src="//bayanbox.ir/view/5870110717064939654/css-main.jpg"> <a href="https://erfanwd.blog.ir/1395/05/08/ghaleb-50">ادامه مطلب</a></div> Fri, 29 Jul 2016 14:48:20 +0430 https://erfanwd.blog.ir/1395/05/08/ghaleb-50#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/y6p97-8s6sQ 102 ساده شخصی سازی قالب بیان قالب دو ستونه قالب ریسپانسیو بیان قالب ساده قالب ساده بیان 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 قالب ساز آنلاین بیان قالب ساز بیان قالب ساز پیشرفته بیان 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 آموزش تغییر هدر قالب ساخت هدر برای بیان هدر بلاگ بیان هدر ساز آنلاین برای بیان هدر سفارشی برای بلاگ بیان https://erfanwd.blog.ir/1395/05/03/create-follow-link <div style="direction:rtl"><script src="http://bayanbox.ir/download/1819069377284381211/jscolor.js"></script><script src="http://bayanbox.ir/download/4491761829771516895/jsFollowEncrypted.js"></script><p>آدرس وبلاگ خود را در ادامه لینک مقابل وارد کنید : ( مثال : erfanwd.blog.ir ) <input id="FollowLink" style="width: 350px;text-align:left;direction:ltr;" value="http://blog.ir/panel/-/followed_blogs?follow="></p> <p>متن ( مثال : دنبال کنید ) : <input id="FollowText"></p> <p>اندازه متن : <select id="FontSize"><option value="12">12</option> <option value="14">14</option> <option value="16">16</option> <option value="18">18</option> <option value="20">20</option> </select></p> <p>فونت : <select id="FontChange"><option value="yekan,tahoma">yekan</option> <option value="tahoma">tahoma</option> </select></p> <p>میزان گردی گوشه های باکس : <select id="RadiusBorder"><option value="0">0</option> <option value="2">2</option> <option value="4">4</option> <option value="6">6</option> <option value="8">8</option> <option value="10">10</option> <option value="12">12</option> <option value="14">14</option> </select></p> <p>فاصله متن از بالا و پایین زمینه : <select id="PaddingTop"><option value="2">2</option> <option value="4">4</option> <option value="6">6</option> <option value="8">8</option> <option value="10">10</option> </select></p> <p>رنگ پس زمینه : <input id="BgColor" class="jscolor"></p> <p>رنگ پس زمینه وقتی موس میره روش : <input id="BgColorHover" class="jscolor"></p> <p>رنگ متن : <input id="FontColor" class="jscolor"></p> <p>رنگ متن وقتی موس میره روش : <input id="FontColorHover" class="jscolor"></p> <p>اندازه خط دور : <select id="BorderSize"><option value="0">نداشته باشد</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select></p> <p>نوع خط دور : <select id="BorderStyle"><option value="">none</option> <option value="solid">خط</option> <option value="dotted">نقطه چین</option> <option value="dashed">خط چین</option> <option value="double">دو خطی</option> </select></p> <p>رنگ خط دور : <input id="BorderColor" class="jscolor"></p> <style type="text/css">#creatCode { margin: 5px; padding: 6px 9px; background: #243238; color: #fff; transition-duration: .3s; border-radius: 2px; font-family: tahoma; font-size: 12px; border: 0px; cursor: pointer; }</style> <p style="margin-right: 80px;"><button id="creatCode" type="button" onclick="erfanwd();previewBox();">کد + پیش نمایش</button></p> <style type="text/css">#previewShow { padding: 30px; background: #f7f7f7; width: 220px; text-align: center; border-top: 3px solid #dedede; } #allCodeView { width: 275px; height: 140px; overflow: auto; margin-top: 10px; background-image: url(http://bayanbox.ir/view/3986601338215813803/textareaback.png); background-position: center; direction: ltr; }</style> <div id="previewShow"> </div> <p><textarea id="allCodeView" onclick="javascript:this.select();"></textarea></p> <p> </p> <p>+ ویدئوی آموزش استفاده از ابزار ( حجم : 3.1 مگابایت ) " <a target="_blank" spfieldtype="null" href="http://bayanbox.ir/download/2323416779890399495/CreateFollowButtonTraining.mp4">کلیک</a> "</p> <div>+ کدی که در بالا نمایش داده میشه رو باید در قالب &gt; ویرایش ساختار قالب فعلی ... هر قسمتی که دوست دارین کپی کنین ...</div> <div>البته بهتره که در ستون سمت چپ و زیر توضیح مختصر وبلاگ باشه تا ظاهر بهتری داشته باشه ...</div> <div>به عنوان مثال من کد رو در این قسمت قرار دادم " <a target="_blank" spfieldtype="null" spsourceindex="12" href="http://bayanbox.ir/view/8897902469509573731/training-image-1.jpg">کلیک</a> " و نتیجه این شد " <a target="_blank" spfieldtype="null" spsourceindex="13" href="http://bayanbox.ir/view/7735165059125439354/training-image-2.jpg">کلیک</a> "</div> <div>+ با این ابزار میتونین لینک های دیگه ام تولید کنین مثلا لینک به کانال تلگرام یا لینک به هر جای دیگه فقط کافیه در ورودی اول کل لینک رو پاک کنین و لینک مورد نظر رو قرار بدین ...</div> <div>+ اگه در قالبتون از فونت یکان استفاده نشده باشه فونت به طور پیش فرض tahoma در نظر گرفته میشه حتی اگه یکان رو انتخاب کنید ...</div></div> Sun, 24 Jul 2016 19:19:11 +0430 https://erfanwd.blog.ir/1395/05/03/create-follow-link#comments عرفـــــ ـــان http://blog.ir/blogs/FZkJSP6Q6Fo/posts/VIzzGt-6EJM 88 تغییر رنگ لینک دنبال کردن وبلاگ در بیان ساخت لینک دنبال کردن وبلاگ