rjrmaku
| ارسال‌هاAsnwers : | 752 |
| عضویتRegistration date : | 4 /12 /1391 |
| حمایت کردهthanks : | 203 |
| حمایت شدهThanked : | 183 |
|
پاسخAnswer 6 : آیا کدی که این ابزار درست میکنه صحیح هستش؟
خوب حالا چیکار کنم دموش رو هم نشون بده
کد:
<style>body{color:#000;font-family:Tahoma;font-size:14px}textarea{background:url("http://up.makuonline.ir/textra.png") repeat scroll 0 0 rgba(0,0,0,0);border:1px dashed #000;border-radius:10px;color:#000;direction:ltr;height:150px;margin-top:15px;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:7px;resize:none;width:500px}input{background:none repeat scroll 0 0 #fff;border:2px solid #000000;border-radius:4px;color:#000;direction:ltr;font-family:Tahoma;font-size:11px;font-style:normal;font-weight:700;margin-top:5px;max-width:100%;padding:6px;text-shadow:none;margin-bottom:5px;text-align:right}select{font-size:16px;width:300px}button{background:none repeat scroll 0 0 #3abec0;border:1px solid #3abec0;border-radius:3px;color:#000;cursor:pointer;font-family:tahoma;margin-right:5px;margin-top:10px;padding:5px}button:hover{background:none repeat scroll 0 0 #f81a3d;border:1px solid #3abec0;border-radius:3px;color:#eee;margin-right:5px;margin-top:10px;padding:5px}textarea:hover{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px #3abec0;transition:all 0.1s ease 0s}textarea:focus{border:1px dashed #3abec0;border-radius:10px;box-shadow:0 0 10px 1px #3abec0;transition:all 0.1s ease 0s}</style>
<script type="text/javascript" src="http://makuonline.ir/online-web-tools/bedonbalmouse/jscolor.js"></script>
<script>
function events() {
var eventname=document.getElementById('eventname').value;
var description=document.getElementById('description').value;
var startdateroz=document.getElementById('startdateroz').value;
var startdatmah=document.getElementById('startdatmah').value;
var startdatsal=document.getElementById('startdatsal').value;
var enddateroz=document.getElementById('enddateroz').value;
var enddatmah=document.getElementById('enddatmah').value;
var enddatsal=document.getElementById('enddatsal').value;
var namemakan=document.getElementById('namemakan').value;
var streetaddress=document.getElementById('streetaddress').value;
var addresslocality=document.getElementById('addresslocality').value;
var addressregion=document.getElementById('addressregion').value;
var colormatn=document.getElementById('colormatn').value;
var colorbox=document.getElementById('colorbox').value;
var code1=document.getElementById('htmlcodebox1'),
code2=document.getElementById('htmlcodebox2');
code1.value='<!-- events cod by makuonline.ir --->\n<style>.makuonlineevent{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMANSAgCRsAAAAoSURBVBjTY+BwEmhR5HBgAJJAZgODIliAgcEJLMDA0AIWYBhVRx91AIv+Q0V/WvzyAAAAAElFTkSuQmCC);padding:15px;font-family: tahoma;font-size: 14px;box-shadow:0 0 8px 2px #383838 inset;border-radius:15px;text-align:right}br{margin-top:-7px}</style>\n<div class="makuonlineevent" style="color: #'+colormatn+';background-color: #'+colorbox+';">\n<!-- events cod by makuonline.ir --->';
code2.value='<!-- events cod by makuonline.ir --->\n<div itemscope itemtype="http://schema.org/Event">\n <span itemprop="name">'+eventname+'<\/span><br><br>\n <span itemprop="description">'+description+'<\/span><br><br>\n شروع: <time itemprop="startDate" datetime="'+startdatsal+'/'+startdatmah+'/'+startdateroz+'">'+startdatsal+'/'+startdatmah+'/'+startdateroz+'</time>\n پایان: <time itemprop="endDate" datetime="'+enddatsal+'/'+enddatmah+'/'+enddateroz+'">'+enddatsal+'/'+enddatmah+'/'+enddateroz+'</time><br><br>\n <div itemprop="location" itemscope itemtype="http://schema.org/Place">\n مکان: <span itemprop="name">'+namemakan+'<\/span><br><br>\n <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">\n آدرس: <span itemprop="streetAddress">'+streetaddress+'<\/span>,\n <span itemprop="addressLocality">'+addresslocality+'<\/span>,\n <span itemprop="addressRegion">'+addressregion+'<\/span>\n <\/div><\/div><\/div><\/div>\n<div style="display:none"><h2><a href="http://makuonline.ir">ماکو آنلاین<\/a><\/h2><\/div>\n<!-- events cod by makuonline.ir --->';
document.getElementById('eventscod').value=makuonlineabzar;}
</script>
<center>
با این ابزار میتونید برای رویداد های خاص مانند کنسرت و کنفرانس و غیره یک نشانه گذاری ایجاد کنید که از نظر سئو مفید باشد<span lang="en-us">.</span>
<p>برای نمونه فرم رو پر کردم که کاربرد ابزار رو بدونید و نمونه پایین رو گذاشتم
از تکمیل آن</p>
<p>در این ابزار میتوانید رنگ متن و رنگ جعبه را انتخاب کنید</p>
<table cellpadding="0" cellspacing="0" width="440">
<tr>
<td>
<!-- events cod by makuonline.ir --->
<style>.makuonlineevent{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMANSAgCRsAAAAoSURBVBjTY+BwEmhR5HBgAJJAZgODIliAgcEJLMDA0AIWYBhVRx91AIv+Q0V/WvzyAAAAAElFTkSuQmCC);padding:15px;font-family: tahoma;font-size: 14px;box-shadow:0 0 8px 2px #383838 inset;border-radius:15px;text-align:right}br{margin-top:-7px}</style>
<div class="makuonlineevent" style="color: #000;background-color: #D7AA27;">
<div itemscope itemtype="http://schema.org/Event">
<span itemprop="name">کنسرت بزرگ خودم <span lang="en-us">:</span>دی</span><br><br>
<span itemprop="description">بزرگترین کنسرت توسط خودم در منطقه آزاد ماکو
برگزار میشود :دی</span><br><br>
شروع: <time itemprop="startDate" datetime="1394/1/1">1394/1/1</time>
پایان: <time itemprop="endDate" datetime="1394/1/4">1394/1/13</time><br><br>
<div itemprop="location" itemscope itemtype="http://schema.org/Place">
مکان: حموم خونمون :دی<br><br>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
آدرس: آذربایجان غربی ، ماکو ، خونه بابام :دی
</div>
</div>
</div></div>
<!-- events cod by makuonline.ir --->
</td>
</tr>
</table>
</center>
<br>
<center>
نام رویداد:
<input id="eventname" dir="rtl" style="width: 350px;" value="کنسرت بزرگ خودم :دی"></input></center>
<center>
توضیحات:
<textarea id="description" dir="rtl" style="width: 350px;text-align: right;">بزرگترین کنسرت توسط خودم در منطقه آزاد ماکو برگزار میشود :دی</textarea></center><br>
<center>تاریخ شروع ( روز - ماه سال ):
<input id="startdateroz" dir="rtl" style="width: 30px;"></input>
<input id="startdatmah" dir="rtl" style="width: 30px;"></input>
<input id="startdatsal" dir="rtl" style="width: 50px;"></input>
</center>
<center>تاریخ پایان ( روز - ماه سال ):
<input id="enddateroz" dir="rtl" style="width: 30px;"></input>
<input id="enddatmah" dir="rtl" style="width: 30px;"></input>
<input id="enddatsal" dir="rtl" style="width: 50px;"></input>
</center>
<center>
نام مکان:
<input id="namemakan" dir="rtl" style="width: 350px;" value="حموم خونمون :دی"></input></center>
<center>
آدرس خیابان:
<input id="streetaddress" dir="rtl" style="width: 350px;" value="خیابان امام"></input></center>
<center>
شهر:
<input id="addresslocality" dir="rtl" style="width: 350px;" value="ماکو"></input></center>
<center>
استان:
<input id="addressregion" dir="rtl" style="width: 350px;" value="آذربایجان غربی"></input></center>
<center>
<br>رنگ متن:
<input style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255);" autocomplete="off" id="colormatn" class="color" name="nom2" value="000000" size="7" type="text"><br>
<br>رنگ باکس:
<input style="background-color: rgb(0, 0, 0); color: rgb(255, 255, 255);" autocomplete="off" id="colorbox" class="color" name="nom2" value="D7AA27" size="7" type="text"><br>
</center>
<br>
<center>
<button name="code1" onclick="events();javascript:M=window.open('','','toolbar=no,width=440,height=300,directories=no,menubar=no,scrollbars=yes');M.document.write(document.getElementById('eventscod').value);" value="پیش نمایش" type="button">ساخت کد و نمایش دمو</button>
<br><br></center>
<div style="text-align:center;">
این قسمت رو در داخل تگ هد قرار دهید<br><textarea dir="ltr" id="htmlcodebox1"></textarea><br><br>
این کدها رو نیز داخل تگ بادی استفاده کنید<br><textarea dir="ltr" id="htmlcodebox2"></textarea>
</div>
<br>
|
حمایت شده:
