نمایش نسخه قابل چاپ
با سلام و خسته نباشید.
من یک صفحه تماس با ما میخواستم برای سیستم میهن بلاگ.
چون وبلاگم رو به دامنه متصل کردم یه جورایی صفحه تماس با ما که خود میهن بلاگ داره ابتدایی و زشته.و نمیخوام کاربرای سایتم با دیدن این صفحه متوجه بشن سیستمم میهن بلاگ هست.
میخوام فرم تماس با ما ظاهر زیبا داشته باشه و در ضمن در قالب خود سایتم باز بشه نه در صفحه جدید.
میتونین کمکم کنین؟
شما میخواهید فرم تماس با ما در ادامه قالبتون باز بشه؟ یا تو سایتتون یک صفحه جدید بسازید با همان قالب سایتتون ولی جای مطلب فرم تماس با ما باشه ؟ یه حالت دیگه هم هست که یک صفحه جدا در قالبی جدا بسازید و فرم تماس با ما رو در داخلش قرار بدید. نمونه این رو میتونید در آدرس زیر مشاهده کنید.(این صفحه فقط یک نمونه هست و استایلش عوض میشه)
pi3idl2.mihanblog.com/extrapage/contact
در صفحه جدید میخام در قالبم باشه.
حالا فرقی نداره تماس با ما اتصال داده بشه به صنذوق پیامم و یا ایمیلم.
فقط یه چیز شیک و با کلاس میخام باشه.(حرفه ای)
اول از همه میرید به بخش اضافه کردن صفحه جدید.
یک صفحه جدید در قالب خود سایت ایجاد میکنید و محتوای اون رو کد اچ تی ام ال زیر قرار دهید و در آخر سیو رو میزنید.
البته بنده به شخصه ارتباط با ما رو توصیه میکنم از طریق یاهو مسنجر باشه چون به صورت آنلاین هست و فاصله زمانی زیاد نمیشه و تمامی ابهامات سریع رفع میشهکد:<script type="text/javascript">
var lastTarget;
</script>
<script type="text/javascript" src="http://static.mihanblog.com//public/scripts/run/g.site.v12.js"></script>
<script type="text/javascript" src="http://static.mihanblog.com//public/scripts/run/g.other.v3.js"></script>
<style type="text/css">
/*<![CDATA[*/
@import url(http://mihanblog.com/public/public/styles/run/style.v23.css?2);
/*]]>*/
</style>
<script type="text/javascript">
var isMihanPlus = '0';
var mihanBlog_commentBody_cursorPos = 0;
</script> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://pi3idl2.mihanblog.com/xmlrpc?rsd" />
<script type="text/javascript" src="http://static.mihanblog.com//public/scripts/run/g.other.v3.js"></script>
<script>
function c_$(id){
return document.getElementById(id);
}
//if (parent.frames.length) top.location.href= document.location;
setTodayDate = function(){
document.write('چهارشنبه 5 شهریور 1393');
/*1480859*/ }
</script>
<style type="text/css">
/*<![CDATA[*/
@import url(http://mihanblog.com/public/public/styles/run/comment_theme/style1.css);
/*]]>*/
</style>
<script>
var mihanBlog_commentBody_cursorPos=0;
function set_mihanBlogCommentBodyCursorPos(textarea_id){
mihanBlog_commentBody_cursorPos = c_$(textarea_id).selectionStart;
}
</script>
<form id="frm-140913671253fdb8484287d" method="post" action="http://pi3idl2.mihanblog.com/message/fid/140913671253fdb8484287d/atrty/1409136712/avrvy/0/key/26998110ea051d6e9dfd8191a069c965/#post_form" > <div class="comment_form">
<div class="form_top">
</div>
<div class="form-row clearfix">
<label class="" for="full_name">نام :</label>
<input type="text" name="data[full_name]" id="full_name" value="" class="" /> </div>
<div class="form-row clearfix">
<label class="" for="email">ایمیل :</label>
<input type="text" name="data[email]" id="email" value="" class="english" /> </div>
<div class="form-row clearfix">
<label class="" for="web">آدرس وب/وبلاگ :</label>
<input type="text" name="data[web]" id="web" value="" class="english" /> </div>
<div class="form-row clearfix">
<div class="required" style="float:right;width:120px;text-align:left;padding-left:3px;" class="required" for="title">
<label class="" for="title">عنوان : </label>
</div>
<div style="float:right;width:260px">
<input type="text" name="data[title]" id="title" value="" style="width:260px" /> </div>
</div>
<div class="form-row clearfix">
<div class="required" style="float:right;width:120px;text-align:left;padding-left:3px;" class="required" for="title">
متن :
<div id="showsmile">
<img src="http://static.mihanblog.com//public/rte/images_new/smiley.gif" onClick="showMihanBlogSmileBox('body')" style="cursor:pointer" /> </div>
<div class="smileLayer" id="MihanBlogSmiles_body"><table cellpadding="0" cellspacing="0" width="120"><tr><td colspan=2> </td><td style="cursor:pointer;text-align:left;padding:3px 0px 0px 3px;" onclick="showMihanBlogSmileBox('body')"><img src="http://static.mihanblog.com//public/images/icon/close.gif" /></td></tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/1.gif" onClick="MihanBlogShowSmile('لبخند','body')" title="لبخند" alt="لبخند" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/2.gif" onClick="MihanBlogShowSmile('ناراحت','body')" title="ناراحت" alt="ناراحت" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/3.gif" onClick="MihanBlogShowSmile('چشمک','body')" title="چشمک" alt="چشمک" style="cursor:pointer" /></td> </tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/4.gif" onClick="MihanBlogShowSmile('نیشخند','body')" title="نیشخند" alt="نیشخند" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/6.gif" onClick="MihanBlogShowSmile('بغل','body')" title="بغل" alt="بغل" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/7.gif" onClick="MihanBlogShowSmile('سوال','body')" title="سوال" alt="سوال" style="cursor:pointer" /></td> </tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/8.gif" onClick="MihanBlogShowSmile('قلب','body')" title="قلب" alt="قلب" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/9.gif" onClick="MihanBlogShowSmile('خجالت','body')" title="خجالت" alt="خجالت" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/10.gif" onClick="MihanBlogShowSmile('زبان','body')" title="زبان" alt="زبان" style="cursor:pointer" /></td> </tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/11.gif" onClick="MihanBlogShowSmile('ماچ','body')" title="ماچ" alt="ماچ" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/13.gif" onClick="MihanBlogShowSmile('تعجب','body')" title="تعجب" alt="تعجب" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/14.gif" onClick="MihanBlogShowSmile('عصبانی','body')" title="عصبانی" alt="عصبانی" style="cursor:pointer" /></td> </tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/16.gif" onClick="MihanBlogShowSmile('عینک','body')" title="عینک" alt="عینک" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/19.gif" onClick="MihanBlogShowSmile('شیطان','body')" title="شیطان" alt="شیطان" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/20.gif" onClick="MihanBlogShowSmile('گریه','body')" title="گریه" alt="گریه" style="cursor:pointer" /></td> </tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/21.gif" onClick="MihanBlogShowSmile('خنده','body')" title="خنده" alt="خنده" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/24.gif" onClick="MihanBlogShowSmile('قهقهه','body')" title="قهقهه" alt="قهقهه" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/27.gif" onClick="MihanBlogShowSmile('خداحافظ','body')" title="خداحافظ" alt="خداحافظ" style="cursor:pointer" /></td> </tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/31.gif" onClick="MihanBlogShowSmile('سبز','body')" title="سبز" alt="سبز" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/33.gif" onClick="MihanBlogShowSmile('قهر','body')" title="قهر" alt="قهر" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/36.gif" onClick="MihanBlogShowSmile('هورا','body')" title="هورا" alt="هورا" style="cursor:pointer" /></td> </tr> <tr><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/41.gif" onClick="MihanBlogShowSmile('دست','body')" title="دست" alt="دست" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/53.gif" onClick="MihanBlogShowSmile('گل','body')" title="گل" alt="گل" style="cursor:pointer" /></td><td width="40px" height="30px" align="center"><img src="http://static.mihanblog.com//public/rte/images_new/smiles/39.gif" onClick="MihanBlogShowSmile('تفکر','body')" title="تفکر" alt="تفکر" style="cursor:pointer" /></td> </tr> </table></div>
</div>
<div style="float:right;width:260px">
<textarea name="data[body]" id="body" class="" onkeyup="set_mihanBlogCommentBodyCursorPos('body');" onkeypress="set_mihanBlogCommentBodyCursorPos('body');" onclick="set_mihanBlogCommentBodyCursorPos('body');" rows="8" cols="40"></textarea> </div>
<script type="text/javascript">
c_textBox_blockSpam('body');c_$('body').tempValue = '';c_$('body').value = '';
var showCaptcha = function(){
if(c_$('body').value.length>5){
c_$("imageCodeWrapper").style.display="";
}
}
</script>
</div>
<div class="controls clearfix">
<style>
#imgstr{
font-size:12px;
height: 18px;
}
</style>
<div id="imageCodeWrapper" class="form-row clearfix">
<label class="required" for="imgstr">عبارت تصویر :</label>
<div class="imageCode_input">
<input type="text" name="imgstr" id="imgstr" style="" class="comment_form_textbox">
</div>
<div class="imageCode_number">
<img id="imgcodepage_977654" style="width: auto; height: auto;max-width:140px" src="/public/public/html/imgcode.php?str=393364c82501d047fec1be5e7d35b933____ooynddyedo59" >
</div>
<div class="imageCode_refresh" title="تعویض عبارت تصویری" onclick="changeImgCode_977654();"></div>
</div>
<input type="hidden" name="imgcode" id="imgcode_977654" value="393364c82501d047fec1be5e7d35b933____ooynddyedo59">
<script>
var imgCodeChangeNum_977654 = 0 ;
changeImgCode_977654 = function (){
var ImgCodeArr_977654 = new Array();
ImgCodeArr_977654[1]="12e4c93074ded219fd8d7a22d22b7bd6____mlklrlkso43";
ImgCodeArr_977654[2]="753d0a2689345937d63c5aa104ede13f____rrpjhrptl67";
ImgCodeArr_977654[3]="3a75d7c40311fbc1bb74343f6fc96118____yycefsysfc75";
ImgCodeArr_977654[4]="05be12a114df5bc1363660e3643254cb____oboqddbhbh59";
if(imgCodeChangeNum_977654<4){
imgCodeChangeNum_977654 ++ ;
}
else{
imgCodeChangeNum_977654 = 1 ;
}
c_$("imgcode_977654").value = ImgCodeArr_977654[imgCodeChangeNum_977654];
document.getElementById("imgcodepage_977654").src = "/public/public/html/imgcode.php?str="+ImgCodeArr_977654[imgCodeChangeNum_977654];
}
</script>
<input type="submit" value="ارسال" class="btn" /> </div>
<div class="form_bottom">
</div>
</div>
<input type="hidden" name="frm-id" value="140913671253fdb8484287d" id="frm-id" /></form>
<script>
// setTimeout(function () {
// GetMihanBlogShowAds();
// }, 1000);
</script>
<!--NEW SERVER-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-153829-9']);
_gaq.push(['_setDomainName', 'mihanblog.com']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
مرسی مدیر گرامی.
میشه یه استایل زیبا برای تماس با ما از طریق مسنجر بهم بدین؟
قبلا داخل سایت یک کد با استایل زیبا برای تماس با ما از طریق یاهو مسنجر قرار داده شد. برای ورود به اون صفحه [Dear Guest/Member you can't see link before replyclick here to register] کلیک کنید.
در صورتی که این طرح مورد پسندتون نبود میتونید بگید تا طرح های دیگه هم آماده بشه تا شما و دیگر کاربران از اون استفاده کنید.(فقط چیزی که حدودی مد نظرتون هست رو هم بگید)
ممنون از زحمات شما.
البته من می دونم کدنویسی برای وبلاگ ها دارای یه سری محدودیت هایی هست و دست شما باز نیست.
فرم تماس با مایی که گفتم میخام میخاستم دارای ظاهری باشه که کاربر متوجه وبلاگ بودن سایت نشه.
فرقی هم نمیکنه که این فرم تماس با ما به ایمیلم متصل باشه و یا صندوق پیام میهن بلاگ.
ی چیزی تو این فرم میخاستم البته فارسیش:
[Dear Guest/Member you can't see link before replyclick here to register]
در ضمن این نمونه پشتیبانی از طریق مسنجر که لینکش رو دادین مورد پسندم نبود.
مرسی
در صورتی که استایل دیگه ای از ارتباط با ما یاهو مسنجر میخواهید ، حدود طرحی که میخواهید رو بگید تا طرح مورد نظرتون رو براتون بسازم.
در مورد فرم تماس با ما یی که گفتین نیاز به یک هاست برای اجرای فایل های پی اچ پی دارید. میتونید از هاست های رایگان استفاده کنید.(تو سرچ گوگل زیاد به چشم میان)
حالا کد زیر رو با یک نوت پد ویرایش کنید و آدرس ایمیل [Dear Guest/Member you can't see link before replyclick here to register] رو به آدرس ایمیل خودتون تغییر بدید و در نهایت در یک فایل پی اچ پی داخل هاست خود ذخیره کنید.
حال باید یک آدرس از این فایلی که درست کرده اید داشته باشید. ما این آدرس رو به صورت زیر در نظر میگیریم. pi3idl.com/email.phpکد:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>invite youre friend</title>
<style>
input[type=text],textarea{
width:100%;
font-family:'b yekan';
font-size:13px;
direction:rtl;
text-align:right;
border:1px silver solid;
}
input[type=submit],input[type=reset],body,table{
font-family:'b yekan';
font-size:13px;
direction:rtl;
text-align:right;
}
</style>
</head>
<body>
<?php
if ($_POST['femail'] && $_POST['yname'] && $_POST['txt'] && $_POST['sec'])
{
if ($_POST['sec'] == "10" || $_POST['sec'] == "ده")
{
$femail = $_POST['femail'];
$txt = $_POST['txt'];
$yname = $_POST['yname'];
mail("homan.mh95@yahoo.com","form tamas ba ma",$txt,"From: $yname | Email : $femail\n");
echo "<p style=\"color:green\">ایمیل شما به درستی ارسال شد.</p>";
}
else {echo "<p style=\"color:red\">کلمه امنیتی اشتباه است.</p>";}
}
else {echo "<p style=\"color:red\">تمامی فیلد ها از فرم زیر باید پر شوند.</p>";}
?>
<p>دوستانتان را به بازدید از این سایت دعوت کنید !!!</p>
<form method="post">
<table style="width: 90%">
<tr>
<td>ایمیل شما : </td>
<td><input type="text" name="femail" /></td>
</tr>
<tr>
<td>نام شما : </td>
<td><input type="text" name="yname" /></td>
</tr>
<tr>
<td>متن ایمیل : </td>
<td><textarea name="txt"><? echo ($_GET['txtarea']); ?></textarea></td>
</tr>
<tr>
<td>پنج + پنچ</td>
<td><input type="text" name="sec" placeholder="ده را به عدد اینجا وارد کنید" /></td>
</tr>
<tr>
<td><input type="reset" value="بازنویسی" /></td>
<td><input type="submit" value="ارسال دعوت نامه" /></td>
</tr>
</table>
</form>
</body>
</html>
حالا این کد رو یه صورت زیر در یکی از پستاتون ، بلاک ، صفحه جدید یا هرجایی که خواستین استفاده کنید.
توجه : فراموش نکنید که آدرس خودتون رو جایگذین کنید.کد:<iframe src="http://pi3idl.com/email.php" width="400" height="300" style="border:1px"></iframe>
این کد قابلیت این رو هم داره که متن پیشفرض به "پیام شما" بدید. برای این کار به صورت زیر عمل کنید.
کد:<iframe src="http://pi3idl.com/email.php/?txtarea=متن پیش فرض ایمیل" width="400" height="300" style="border:1px"></iframe>
همه کارو که گفتین انجام دادم.
فرم هم استایل خوبی داشت.
ولی بصورت تست یه ایمیل فرستادم.
ولی به ایمیل چیزی نیومد.
ادرس ایمیل هم جایگزین کرده بودم
هیچ اروری هم نداد؟ در صورتی که هیچ اروری نداد بخش اسپم ها رو هم چک کنید یا به آدرس ایمیلتون توجه کنید که اشتباه وارد نکرده باشید چون در صورتی که کد کار نکنه باید ارور بده. تست شد و سالم بود.
نه اروری نداد ادرس ایمیل رو هم درست وارد کردم.
بخش اسپم هم چیزی نیومده بود
کد رو براتون باز ترش کردم تا خوندنش راحت تر بشه. این باید جواب بده. ایمیل رو فراموش نکنید که تغییر بدید.
کد:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>invite youre friend</title>
<style>
input[type=text],textarea{
width:100%;
font-family:'b yekan';
font-size:13px;
direction:rtl;
text-align:right;
border:1px silver solid;
}
input[type=submit],input[type=reset],body,table{
font-family:'b yekan';
font-size:13px;
direction:rtl;
text-align:right;
}
</style>
</head>
<body>
<?php
if ($_POST['femail'] && $_POST['yname'] && $_POST['txt'] && $_POST['sec'])
{
if ($_POST['sec'] == "10" || $_POST['sec'] == "ده")
{
$femail = $_POST['femail'];
$txt = $_POST['txt'];
$yname = $_POST['yname'];
$email = "homan.mh95@yahoo.com";
mail($email,"form tamas ba ma",$txt . "From: " . $yname . " | Email : " . $femail);
echo "<p style=\"color:green\">ایمیل شما به درستی ارسال شد.</p>";
}
else {echo "<p style=\"color:red\">کلمه امنیتی اشتباه است.</p>";}
}
else {echo "<p style=\"color:red\">تمامی فیلد ها از فرم زیر باید پر شوند.</p>";}
?>
<p>دوستانتان را به بازدید از این سایت دعوت کنید !!!</p>
<form method="post">
<table style="width: 90%">
<tr>
<td>ایمیل شما : </td>
<td><input type="text" name="femail" /></td>
</tr>
<tr>
<td>نام شما : </td>
<td><input type="text" name="yname" /></td>
</tr>
<tr>
<td>متن ایمیل : </td>
<td><textarea name="txt"><? echo ($_GET['txtarea']); ?></textarea></td>
</tr>
<tr>
<td>پنج + پنچ</td>
<td><input type="text" name="sec" placeholder="ده را به عدد اینجا وارد کنید" /></td>
</tr>
<tr>
<td><input type="reset" value="بازنویسی" /></td>
<td><input type="submit" value="ارسال دعوت نامه" /></td>
</tr>
</table>
</form>
</body>
</html>