Webeveyn webmasterlara , web ile ilgi alakası olan , oyuna , teknolojiye ilgi duyan , arada ilgi çekici makaleler okumak isteyen insanlara özel bir platformdur ve bu platformda onlarca grafik / kod / tasarım / ilgi çekici makaleler ve daha işinize yarayan birçok sey bulabilirsiniz.
Sitenize Kod Önizleme Araci Ekleyin !
Sitenize Kod Önizleme Araci Ekleyin !Blogunuzun birazcık daha kullanışlı olmasını , yoğun içerikli olmasını mı istiyorsanız . İstiyorsanız devam edelim . İlk olarak bizim de yaptığımız gibi Web Master Araçları ekleyin . Bu araçlar gayet kullanışlı araçlar . Ve bizde azıcık cömert olalım dedik ve kendimiz de internetten bulduğumuz Web Master Araçlarından birinin kodunu sizlerle paylaşmaya karar verdik .
Kod Önizleme Araci Neye Yarar ?
Ziyaretçileriniz bu aracın olduğu sayfaya girip 2 sütundan soldakine önizlemesini görmek istediği kodu yapıştırıyor ve sağdaki sütunda da kodun önizlemesi çıkıyor . Bu mantıkla çalışan küçük ama işe yarayan bir kod diyebilirim . Ziyaretçileriniz kodları sizden önizliyorsa başka bir kod için bir daha sitenize girer . Bu bakımdan da güzel bir kod .
Kodları kod kutusunda sorun çıkardığı için düz olarak vereceğiz . Değiştirebileceğiniz yerler kırmızıdır
.<table style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(235, 235, 234) none repeat scroll 0% 0%; border: 1px solid rgb(149, 148, 146); width: 600px;">
Kodları kod kutusunda sorun çıkardığı için düz olarak vereceğiz . Değiştirebileceğiniz yerler kırmızıdır
<tbody>
<tr>
<td valign="top"><form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="border: 1px solid rgb(185, 184, 182); height: 300px; padding: 5px; width: 300px;">Html kodlarınızı buraya yapıştırın ve yapıştırdıktan sonra aşağıdan önizle butonuna tıklayın . Daha sonra kodunuzun önizlemesi sağ tarafta çıkacaktır . </textarea>
</form>
</td>
<td valign="top"><iframe frameborder="0" name="preview" src="about:blank" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(185, 184, 182); height: 300px; width: 300px;"></iframe></td>
</tr>
</tbody>
</table>
<button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">ÖN İZLE</button><button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">TEMİZLE</button><button onclick="window.location.href=window.location.href">YENİLE</button><a href="" title=""><img alt="" border="0" class="resim" height="60" src="" width="468" /></a>
Kodu Nereye Ekleyecegim ?
Önizleme Aracını Göstermek istediğiniz sayfanın html bölümüne ekleyiniz . Kod kutu içinde sıkıntı çıkardığı için düz yazdım . Kodu kendi kullandığımız ile birebir olarak verdim . Hatta içinde kendi düzenlediğimiz metin bile aynıdır . Kodu güle güle kullanmanız ve Webeveyn' i takip etmeniz dileğiyle ...