انجمن کدستانMoisrex

<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>