Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj18.09.2008, 19:12 (UTC)    
Mesaj konusu: Html/css kod yayınlama

Html/css kod yayınlama
html/css kod yayınlama ihtiyacı duyarız. Bunu yapabilmemiz için bir kaç yol var ben bunlardan en kullanışlı olanlardan kendi kullandığım iki yöntemi anlatacağım.

1.YÖNTEM :

Aşağıda ki gibi kodları yazmanız halinde Yayınlamak istediğimiz kodları aynen yayınlarız.

UGULAMA BİÇİMİ :


Kod:

<pre>buraya aşağıdaki gibi dilediğiniz kodu yazabilirsiniz<br /> <br /><style type="text/css"><br /><br />.thinborder{<br /> float:left;<br /> border:solid 1px yellowgreen;<br /> padding:5px;<br /> margin-right:5px;<br />}<br /><br />.pullout{<br /> width:30%;<br /> padding:10px;<br /> background-color:yellowgreen;<br /> color:#F5F5F5;<br /> float:right;<br /> font: bold 14pt/1em Arial, <br /> Helvetica, sans-serif;<br /> text-align:left;<br /> letter-spacing: 0.05em;<br /> margin:5px;<br /> clear: both;<br />}<br /></style><br /> <br /></pre>



UYGULAMA BU ŞEKİLDE YAYINLANACAK :


buraya aşağıdaki gibi dilediğiniz kodu yazabilirsiniz

Kod:
<style type="text/css">

.thinborder{
float:left;
border:solid 1px yellowgreen;
padding:5px;
margin-right:5px;
}

.pullout{
width:30%;
padding:10px;
background-color:yellowgreen;
color:#F5F5F5;
float:right;
font: bold 14pt/1em Arial,
Helvetica, sans-serif;
text-align:left;
letter-spacing: 0.05em;
margin:5px;
clear: both;
}
</style>


2.YÖNTEM :




Kod:
<div align="center">
<form><textarea rows="15" cols="40"><p style="text-align:justify;">

.thinborder{
float:left;
border:solid 1px yellowgreen;
padding:5px;
margin-right:5px;
}

.pullout{
width:30%;
padding:10px;
background-color:yellowgreen;
color:#F5F5F5;
float:right;
font: bold 14pt/1em Arial,
Helvetica, sans-serif;
text-align:left;
letter-spacing: 0.05em;
margin:5px;
clear: both;
}
</style>

</p></textarea></form></div>




UYGULAMANIN SONRAKİ YAYINLANMIŞ BİÇİMİ :




Kod:
<p style="text-align:justify;"><br /><br />.thinborder{<br /> float:left;<br /> border:solid 1px yellowgreen;<br /> padding:5px;<br /> margin-right:5px;<br />}<br /><br />.pullout{<br /> width:30%;<br /> padding:10px;<br /> background-color:yellowgreen;<br /> color:#F5F5F5;<br /> float:right;<br /> font: bold 14pt/1em Arial, <br /> Helvetica, sans-serif;<br /> text-align:left;<br /> letter-spacing: 0.05em;<br /> margin:5px;<br /> clear: both;<br />}<br /></style> <br /><br /></p>


Gördüğünüz gibi her iki yöntemde gayet basit. Hepinize kolay gelsin.
Mesaj18.09.2008, 19:41 (UTC)    
Mesaj konusu:

Herhangı Bır Kod Paylasırken Code Butonuna Basmayı Unutmayınız.

İyi Eglenceler. Wink
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu