نمایش فرم تماس با ما در تارنگارهای بلاگ اسکای

از دیگر تغییرات نسخه جدید بلاگ اسکای قسمت تماس با ما ی وبلاگ است. تاکنون پس از کلیک بر روی این گزینه قسمت تماس با ما در صفحه ی کوچک جدیدی باز میشد اما با آموزشی که امروز میدهیم میتوانید از امکان نمایش تماس با ما در خود صفحه ی وبلاگ بهره مند شوید..

 به این منظور ابتدا کد زیر را در head قالب قرار دهید:

<style> #contact-box, #form-box { direction: rtl; border: 0; margin:15px auto; } #contact-box th, #form-box th { text-align: right; width: 70px; font-weight: normal; } #contact-box td, #form-box td { text-align: right; width: 315px; } #contact-box .bs-input-contact, #form-box .bs-input-comment { font-size: 10pt; padding: 3px; width: 280px; } #contact-box .bs-textarea-contact, #form-box .bs-textarea-comment { font-size: 10pt; padding: 3px; width: 354px; height: 160px } .bs-contact-errors { padding: 0; color: Red; font-size: 9pt; direction: rtl; text-align: right; } .contact-msg{ text-align:center; margin:25px auto; color:red;font-weight:bold;} </style>

حال این کد را بعد از تگ <post/> بگذارید (برای پیدا کردن این تگ از کلید های ctrl+f استفاده کنید).

<contact> <form> <table id="contact-box" cellspacing="2"> <tr> <th>نام :</th> <td><nameBox /></td> </tr> <tr> <th>ایمیل :</th> <td><emailBox /></td> </tr> <tr> <th>موضوع نامه :</th> <td><subjectBox /></td> </tr> <tr> <td colspan="2" style="text-align: right"> <div style="float: right;"> <messageBox /> </div> </td> </tr> <tr> <td colspan="2" style="text-align: center"> <captcha /> </td> </tr> <tr> <td colspan="2" style="text-align: center"> <input type="submit" value=" ارسال پیغام " /> </td> </tr> </table> </form> <result> <div class="contact-msg">@message</div> <div class="clear"></div> </result> </div> </contact>

در مرحله بعد، برای درست کردن لینک تماس با ما، کد زیر را در قالب خود پیدا کنید:

<li><a href="javascript:void(0)" onclick="window.open('@profileContactHref','_blank','width=450, height=460, scrollbars=yes, resizable=yes');">تماس با من</a></li>

و در آخر این کد را با کدی که پیدا کردید جایگذین کنید:

<li><a target="_blank" href="@contactHref"title="تماس با ما">تماس با ما</a></li>

با سپاس از: 1code.mhmk.ir