Giriş yapmadınız.

DjMaHurGözLüm

Profesyonel

  • "DjMaHurGözLüm" bir erkek
  • Konuyu başlatan "DjMaHurGözLüm"

Mesajlar: 1,438

Kayıt tarihi: Nov 29th 2007

Konum: İzmir Eski Foca

  • Özel mesaj gönder

1

Wednesday, 1.04.2015, 13:35

Güzel Bir Tasarim




ÖrNek Site gORUNTusu Aynisidir Kullanan Arkadaslara İcindeki Kodlarla Kendileri Degisiklik Yapabilir....Tr.gg Blog Tarzidir...


Tasarim Üstü

Kaynak kod

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!--[if IE]><style type="text/css">.aramakutusu{padding-top:4.5px;height:16px}</style><![endif]-->
<!--[if IE 7]><style type="text/css">.sosyalm{float:right;z-index:0;margin:14px 3em -21px 0;}.aramaBtn{width:20px;top:13em;right:30em}</style><![endif]-->
<div class="u1"></div>
<div id="kapsa">
<div class="ust">
<div class="logo"><a href="#"><img src="http://img.webme.com/pic/y/yapiyoruz/41_logo.png" title="NotBlog kişisel blog tasarımı"/></a></div>
<div class="menu">
<div class="sosyalm"><ul>
<li><a href="#"><img src="http://img.webme.com/pic/y/yapiyoruz/41_fb.png"/></a></li>
<li><a href="#"><img src="http://img.webme.com/pic/y/yapiyoruz/41_tw.png"/></a></li>
<li><a href="#"><img src="http://img.webme.com/pic/y/yapiyoruz/41_rss.png"/></a></li>
</ul></div>
<div style="clear:right"></div>
<div class="ust_m"><ul>
<li><a href="index.html">Ana sayfa</a></li>
<li><a href="konu.html">Hakkımda</a></li>
<li><a href="konu.html">İletişim</a></li>
<li><a href="konu.html">Galeri</a></li>
<li><a href="konu.html">Reklamlar</a></li>
<li><a href="konu.html">Sitelerim</a></li>
</ul></div>
<div class="aramaalani">
<form action="konu.html" method="post"><input type="text"  class="aramakutusu" value="Ne aramıştınız?"  onFocus="if (this.value == 'Ne aramıştınız?') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Ne aramıştınız?';}" />&nbsp;<input type="submit" value="ARA" class="aramaBtn"/></form>
<div style="clear:right"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="icerik">
<div class="ic_sol">
<div id="content">


Tasarim Alti

Kaynak kod

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
</div></div>
<div class="ic_sag">
<!--KATEGORILER-->
<div id="kutu">
<h1 class="kutub1">Kategoriler</h1>
<div class="kutuic">
<ul class="g_menu">
<li>»<a href="#"> Dinliyom</a></li>
<li>»<a href="#"> İzliyom</a></li>
<li>»<a href="#"> Okuyom</a></li>
<li>»<a href="#"> Bakıyom</a></li>
<li>»<a href="#"> Zamanım yok</a></li>
<li>»<a href="#"> Belki vardır</a></li>
<li>»<a href="#"> Güncelmiyim</a></li>
<li>»<a href="#"> Bencede hayır</a></li>
<li>»<a href="#"> Eminmisin?</a></li>
<li>»<a href="#"> Sanırım evet</a></li>
<li>»<a href="#"> HTML var</a></li>
<li>»<a href="#"> PHP var</a></li>
<li>»<a href="#"> MySQL var</a></li>
<li>»<a href="#"> CSS var</a></li>
<li>»<a href="#"> Jquery var</a></li>
</ul>
</div>
<div class="kutu_alt"></div>
</div>
<!--##KATEGORILER-->
<!--ZAMANSIZ KONULAR-->
<div id="kutu">
<h1 class="kutub2">Zamansız konular</h1>
<div class="kutuic">
<ul class="g_menu2">
<li>»<a href="#"> Bu konu yok</a></li>
<li>»<a href="#"> Php'de nasıl</a></li>
<li>»<a href="#"> Yapcam deme</a></li>
<li>»<a href="#"> Yap mesela</a></li>
<li>»<a href="#"> AJAX ile bu</a></li>
<li>»<a href="#"> Yapılabilir</a></li>
<li>»<a href="#"> Ama önemli olan</a></li>
<li>»<a href="#"> Bizce budur</a></li>
<li>»<a href="#"> Eminmisin?</a></li>
<li>»<a href="#"> Sanırım evet</a></li>
</ul>
</div>
<div class="kutu_alt"></div>
</div>
<!--##ZAMANSIZ KONULAR-->
<!--SON YORUMLAR-->
<div id="kutu">
<h1 class="kutub1">Son yorumlananlar</h1>
<div class="kutuic">
<ul class="sag_yorum">
<!--yorum1-->
<li><div class="yorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim1.png"/></div><div class="yorum_alani"><a href="#" class="yorum_kisi">Tugay»</a> <a href="#" class="yorum_konu">PHP'nin sırları</a> <font color="fe9e13">için yorum yaptı.</font>Konudaki toplam yorum sayısı <u>16</u>'dır ve artmaktadır.</div>
<div class="clear"></div>
</li>
<!--yorum1##-->
<!--yorum2-->
<li><div class="yorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim2.png"/></div><div class="yorum_alani"><a href="#" class="yorum_kisi">Melek»</a> <a href="#" class="yorum_konu">Zamansız adam</a> <font color="fe9e13">için yorum yaptı.</font>Konudaki toplam yorum sayısı <u>16</u>'dır ve artmaktadır.</div>
<div class="clear"></div>
</li>
<!--yorum2##-->
<!--yorum3-->
<li style="border-bottom:none"><div class="yorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim3.png"/></div><div class="yorum_alani"><a href="#" class="yorum_kisi">Kazım»</a> <a href="#" class="yorum_konu">Nasıl olur bu?</a> <font color="fe9e13">için yorum yaptı.</font>Konudaki toplam yorum sayısı <u>16</u>'dır ve artmaktadır.</div>
<div class="clear"></div>
</li>
<!--yorum3##-->
</ul>
</div>
<div class="kutu_alt"></div>
</div>
<!--##SON YORUMLAR-->
<!--RASTGELE-->
<div id="kutu">
<h1 class="kutub2">RASTGELE<img src="http://img.webme.com/pic/y/yapiyoruz/41_rastgele.png"/></h1>
<div class="kutuic">
<ul class="sag_yorum">
<!--rastgele1-->
<li><div class="yorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim2.png"/></div><div class="yorum_alani"><u>Sid sid sid!</u><br>Şapşabalak bir dost, bir ne bilmiyom, beni güldürür, amma velakin biraz salak ama karakteri öyle :)<div class="rastgele_detay"><img src="http://img.webme.com/pic/y/yapiyoruz/41_bakildi.png"/><u>23</u><img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/><u>18</u></div></div><div class="clear"></div>
<div class="clear"></div></li>
<!--rastgele1##-->
<!--rastgele2-->
<li><div class="yorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim3.png"/></div><div class="yorum_alani"><u>Garficikpiş!</u><br>Garfield tanıyoz biz saol nasıl desem garip bir kedi bir o kadar köpek düşmanı sahip acısı gibi sebeplere yol açabilir.<div class="rastgele_detay"><img src="http://img.webme.com/pic/y/yapiyoruz/41_bakildi.png"/><u>76</u><img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/><u>54</u></div></div><div class="clear"></div>
<div class="clear"></div></li>
<!--rastgele2##-->
<!--rastgele3-->
<li style="border-bottom:none"><div class="yorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim1.png"/></div><div class="yorum_alani"><u>Shifu ustaaa!</u><br>O kim o bir usta,o bir eğitmen,o bir hoca,o bir fare pardon sincap bilmiyom nedir :D<div class="rastgele_detay"><img src="http://img.webme.com/pic/y/yapiyoruz/41_bakildi.png"/><u>46</u><img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/><u>34</u></div></div>
<div class="clear"></div>
</li>
<!--rastgele3##-->
</ul>
</div>
<div class="kutu_alt"></div>
</div>
<!--##RASTGELE-->
</div>
<div class="clear"></div>
</div>
<div class="alt">
<div class="alt_sol">Tasarım çizen : <a href="http://wmaraci.com/forum/tanisma-alani/selamun-aleykum-1713.html" target="_blank">Melek</a>, HTML/CSS döken: <a href="https://www.facebook.com/TugayTekeci" target="_blank">Tugay Tekeci</a> ## 2012 - 2013</div>
<div class="alt_sag"><u>"O alan burasıdır"</u></div>
<div class="clear"></div>



Konu İci Tasarim


Kaynak kod

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!--KONUOKU-->
<div class="surdayim"><a href="#">Ana sayfa</a> » <a href="#">Film yorumlarım</a> » <a href="#">Garfield denen kedi ne gari bişi</a></div>
<div id="konu_ic">
<h1 class="konu_icb">Garfield denen kedi ne garip bişi değilmi bende şaştım :)</h1>
<center><img src="http://img.webme.com/pic/y/yapiyoruz/41_konu1.png" class="konuic_resim"/></center><br><p class="konuic_ic">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra suscipit dolor quis vehicula. Nam nec diam in est consectetur sollicitudin vitae nec felis. Vestibulum malesuada est ac ligula ornare pellentesque vulputate est ultrices. Sed placerat est ut lorem euismod at dignissim urna rutrum. Nulla luctus semper sapien, at elementum odio vestibulum in. Morbi eget purus lorem.<br> <h2>Peki neyin nesi?</h2> Maecenas pharetra odio non turpis ullamcorper pretium. Proin adipiscing diam non eros feugiat aliquam. Suspendisse non nisl id leo hendrerit condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae velit leo, vel pulvinar nibh. Aenean tincidunt bibendum mi, at tristique odio pharetra eget.

Suspendisse rhoncus commodo diam at interdum. Suspendisse euismod euismod elit, ac ullamcorper lectus commodo a. Praesent nec metus eget odio gravida tristique eu a eros. Aenean congue fringilla erat, id accumsan ipsum facilisis in. Nulla ipsum urna, varius quis condimentum nec, pulvinar vel mi. Phasellus at odio sit amet leo aliquet mollis quis viverra felis. Maecenas quis neque fringilla erat consequat blandit ut lacinia nunc. Nullam elementum metus eu tortor consequat id dapibus erat porta. Cras risus nunc, consequat cursus dapibus fermentum, fermentum at dolor. Aenean at sapien metus. Proin ullamcorper nisl et nulla fermentum ultricies.
<h2>Kim ne dedi o zaman?</h2> Maecenas pharetra odio non turpis ullamcorper pretium. Proin adipiscing diam non eros feugiat aliquam. Suspendisse non nisl id leo hendrerit condimentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae velit leo, vel pulvinar nibh.</p>

</div>
<div class="konuic_alt"></div>
<!--KONUOKU##-->
<!--YORUMLAR-->
<div class="yorumlar">
<h1 class="yorumlar_baslik">» Konuyla ilgili yaptım,olacak dedirten yorumlar!</h1>
<!--yorum1-->
<div id="yorum"><div class="kyorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_ana.png"/></div><div class="yapilan_yorum">Buradaki asıl amaç yorum olmayı becerebilmek aslında olmayan bir şeyi varmış gibi kabul etmemek derim ben ama nasıl oluyorsa bunu başarıyorlar ve v for vendetta'nın belki bir gün gerçek olabileceği ihtimalidir.</div><div class="clear"></div><div class="kyorum_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/41_elemanlar/kul.png"/>Tugay<img src="http://img.webme.com/pic/y/yapiyoruz/41_elemanlar/tar.png"/>25.08.2012<img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/>Bu konuya <u>3</u> kez yorum yaptı</div></div>
<!--yorum1##-->
<!--yorum2-->
<div id="yorum"><div class="kyorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim1.png"/></div><div class="yapilan_yorum">Buradaki asıl amaç yorum olmayı becerebilmek aslında olmayan bir şeyi varmış gibi kabul etmemek derim ben ama nasıl oluyorsa bunu başarıyorlar ve v for vendetta'nın belki bir gün gerçek olabileceği ihtimalidir.</div><div class="clear"></div><div class="kyorum_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/41_elemanlar/kul.png"/>Melek<img src="http://img.webme.com/pic/y/yapiyoruz/41_elemanlar/tar.png"/>14.08.2012<img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/>Bu konuya <u>1</u> kez yorum yaptı</div></div>
<!--yorum2##-->
<!--yorum3-->
<div id="yorum"><div class="kyorum_resim"><img src="http://img.webme.com/pic/y/yapiyoruz/41_resim3.png"/></div><div class="yapilan_yorum">Buradaki asıl amaç yorum olmayı becerebilmek aslında olmayan bir şeyi varmış gibi kabul etmemek derim ben ama nasıl oluyorsa bunu başarıyorlar ve v for vendetta'nın belki bir gün gerçek olabileceği ihtimalidir.</div><div class="clear"></div><div class="kyorum_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/41_elemanlar/kul.png"/>Kazım<img src="http://img.webme.com/pic/y/yapiyoruz/41_elemanlar/tar.png"/>08.08.2012<img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/>Bu konuya <u>2</u> kez yorum yaptı</div></div>
<!--yorum3##-->
</div>
<!--YORUMLAR##-->
<!--YORUM YAZ-->
<div id="yorum_yaz">
<h1 class="yorumlar_baslik">» Bi zahmet yorumlasana :)</h1>
<form action="" method="post"><table>
<tr><td><input type="text" name="isim" class="inputtext" value="İsminiz?"  onFocus="if (this.value == 'İsminiz?') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'İsminiz?';}" /></td><td><input type="text" name="soyisim" class="inputtext" value="Soyisminiz?"  onFocus="if (this.value == 'Soyisminiz?') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Soyisminiz?';}" /></td></tr></table>
<input type="text" name="website" class="inputtext" value="Web siteniz?"  onFocus="if (this.value == 'Web siteniz?') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Web siteniz?';}" style="width:34em"/><br><textarea name="yorumunuz" class="inputtext" rows="7" style="width:40em">Yorumunuzu yazınız :)</textarea><br><input type="submit" value="Yorumumu yazsana :)" class="inputsubmit"/></form>
</div>
<!--YORUMYAZ##-->

DjMaHurGözLüm

Profesyonel

  • "DjMaHurGözLüm" bir erkek
  • Konuyu başlatan "DjMaHurGözLüm"

Mesajlar: 1,438

Kayıt tarihi: Nov 29th 2007

Konum: İzmir Eski Foca

  • Özel mesaj gönder

2

Wednesday, 1.04.2015, 13:36

Css Kodu


Kaynak kod

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/*
Tasarım adı: NotLog kişisel blog tasarımı,
Çizen: Melek, http://www.sineblog.net/
Kodlayan: Tugay Tekeci, http://yapiyoruz.tr.gg
*/

/*Genel sıfırlama ayarları*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{line-height:1;background:#f6f6f6;text-align:center;font:11px/13px Verdana,Tahoma,Arial;}
html,body{height:100%}
ol,ul{list-style:none}
blockquote,q{quotes:none}
h2{font-size:11px;font-weight:bold;display:block;padding:3px 0;}
a{text-decoration:none;color:#555;font-weight:bold;}
a:hover{color:#333}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.u1{width:100%;height:2px;background:#000}/*ust renk class'i*/
.clear{clear:both;}/*2 tarafı temizle*/

/*Menuleri gizle*/

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

/*Hepsini kapsayan genel div*/
#kapsa{width:965px;background:#fff;margin:0 auto;text-align:left;height:auto;padding:5px 5px 0 5px;min-height: 100%;}
	/*En ust class*/
	.ust{height:132px;}
		.logo{float:left;width:335px;padding:12px 0 0 84px;}
		.menu{float:right;width:520px;padding:20px 15px 0 0}
			/*ustmenu*/
			.ust_m{width:513px;height:44px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left -358px;padding:2.5px 5px 2.5px 1em;z-index:1}
			.ust_m li{float:left}
			.ust_m a{display:block;font-size:12px;font-weight:normal;border-right:solid 1px #eaeaea;padding:11px;}
			/*sosyalm*/
			.sosyalm{float:right;z-index:0;margin:0 3em -2px 0;}
			.sosyalm li{float:left}
			.sosyalm a{display:block;padding:0 3px;opacity:0.8;filter: alpha(opacity=80);border:none}
			.sosyalm a:hover{opacity:1;filter: alpha(opacity=100);}
			/*arama_alani*/
			.aramaalani{width:200px;height:26px;float:right;background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left -196px;margin:-10px -23px 0 0;z-index:3;padding:6px 0 3px 37px}
			.aramakutusu{z-index:0;width:147px;height:20px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left -175px;border:none;font:9px Tahoma,Arial;font-weight:bold;color:#474747;padding:0 0 0 20px;}
			.aramaBtn{width:22px;border:none;background:#5d5d5d;color:#fff;padding:1px;font-size:8px;float:right;cursor:pointer;z-index:1;position:absolute;margin-top:2px;right:30em;top:11.1em}
			.aramaBtn:active{background:#444}
	/*Icerik class'i*/
	.icerik{height:auto;width:965px;padding:3em 0 0 0;margin:0;}
		/*sol-sag*/
		.ic_sol{float:left;width:680px;}
			/*konular*/
			.surdayim{width:652px;height:13px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_suradayim.png) repeat-x left top;border-radius:6px;margin:0 0 8px 12px;padding:11px;color:#ffb535}
				.surdayim a{font-weight:normal}
			#konu{height:300px;width:685px;margin:1px 5px 3em 5px;}
			.konu_ust{background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left top;width:684px;height:41px;font-size:13px;color:#fff;padding:6px 0 0 180px;}
			.konu_orta{width:685px;height:170px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_konu_orta.png) repeat-y -4px top;}
				.konu_sol{width:155px;height:168px;margin-left:10px;float:left;}
					.konu_sol img{margin:13px 4px -3px 4px;}
					.konu_ust_sol{width:80px;float:left;}
					.konu_ust_sag{width:70px;float:right;background:url(http://img.webme.com/pic/y/yapiyoruz/41_yan_cerceve.png) no-repeat left top;height:60px}
					.konu_ust_sag img{margin:5px 0 0 6px}
				.konu_sag{width:490px;height:168px;margin-right:16px;float:right;}
			.konu_alt{width:684px;height:54px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat 2px -52px;text-align:center;padding:2.5em 0 0 18em;font-size:13px;}
				.konu_alt img{margin-bottom:-7px;}
				.konu_alt a{font-weight:normal}
			#konu_ic{background:#fbfbe9;height:auto;width:666px;padding:3px;border-radius:5px 5px 0 0;margin-left:12px;font-size:11px}
				.konu_icb{text-align:center;display:block;font-size:14px;font-weight:normal;margin:5px;text-decoration:underline;padding:3px;}
				.konuic_resim{padding:5px;background:#f6f6f6;width:500px;height:85px;border:solid 1px #d9d7d7;border-radius:5px;}
				.konuic_alt{width:695px;height:50px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left -233px;}
				.konuic_ic{padding:5px;}
			#sayfalama{width:24.6em;margin:0 auto;} /*sayfalama'daki sayı arttığında lütfen "width:24.6em;" degerini silin*/
			#sayfalama li{float:left}
			#sayfalama li a{display:block;width:26px;height:25px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_buton.png) no-repeat left top;padding:5px 0;font-size:9px;font-weight:normal;text-align:center;margin:3px;}
			.ileri, .geri{width:35px;height:17px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_ileri.png) no-repeat left top;display:block;float:left;font-weight:normal;font-size:9px;padding:5px 10px;margin-top:3px}
			.geri{background:url(http://img.webme.com/pic/y/yapiyoruz/41_geri.png) no-repeat left top;padding-left:22px;width:23px}
			/*yorumlar*/
			.yorumlar{width:666px;height:auto;margin:2em 0 1em 12px}
				.yorumlar_baslik{font-weight:bold;font-size:13px;color:#444;margin-bottom:2em}
				#yorum{width:648px;height:auto;margin:2em 8px;background:#fbfbe9;border:solid 1px #eaeaea;border-radius:5px;padding:5px;position:relative;}
				.kyorum_resim{background:url(http://img.webme.com/pic/y/yapiyoruz/41_yorum_cerceve.png) no-repeat left top;float:left;width:42px;height:42px;position:absolute;top:-1em;left:-1.3em}
				.kyorum_resim img{width:34px;height:34px;margin:3px 0 0 4px;}
				.kyorum_alt{width:618px;border-top:dashed 1px #ccc;margin:8px 4px 2px 4px;padding:4px}
				.kyorum_alt img{margin:0 4px -1px 15px}
				.yapilan_yorum{float:right;width:620px;}
			/*yorum yaz*/
			#yorum_yaz{background:#fbfbe9;border:solid 1px #dcdcdc;width:555px;height:250px;margin:2em 0 1em 12px;border-radius:5px;padding:6px;}
			.inputtext{background:#ffffff;border:solid 1px #dcdcdc;padding:4px;border-radius:3px;margin:5px;width:16em;font-weight:bold;font:11px/12px Tahoma,Arial,Verdana;color:#555}
			.inputsubmit{background:#f2eeee;border:solid 1px #dcdcdc;font:11px/12px Tahoma,Arial,Verdana;padding:3px;cursor:pointer;font-weight:bold;color:#858484;float:right;margin-right:9em}
		.ic_sag{width:265px;height:auto;margin:0;padding:0 15px 0 0;float:right;}
			/*--kategoriler--*/
			#kutu{width:247px;height:auto;float:right;margin-bottom:1em}
			.kutub1, .kutub2{width:249px;height:19px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left -284px;font-size:14px;color:#fff;padding:9px 0 3px 43px;}
			.kutub2{background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left -317px;}
			.kutub1 img, .kutub2 img{margin:-4px 0 -6px 1em}
			.kutuic{width:240px;height:auto;background:#fbfbe9;border-right:solid 1px #eaeaea;border-left:solid 1px #eaeaea;padding:5px 3px;overflow:hidden;}
			.g_menu li, .g_menu2 li{display:block;float:left;width:116px;padding:2px}
			.g_menu li a, .g_menu2 li a{font-weight:normal;color:#fe9e13;font-size:12px;}
			.g_menu2 li a{color:#474747;}
			.g_menu li a:hover{color:#ea9211}
			.g_menu2 li a:hover{color:#383737}
			.kutu_alt{width:254px;height:30px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_genel.png) no-repeat left -141px;margin-left:-3px}
			/*--yorumlar--*/
			.yorum_resim{width:64px;height:63.5px;background:url(http://img.webme.com/pic/y/yapiyoruz/41_yrm_cerceve.png) no-repeat left top;float:left;padding:6px 6.5px}
			.yorum_resim img{width:62px;height:62px;border-radius:3px}
			.yorum_alani{float:right;width:160px;padding-top:3px;}
			.yorum_alani a{font-weight:normal}
			.yorum_kisi{color:#fe9e13;}
			.yorum_konu{color:#474747;text-decoration:underline}
			.sag_yorum li{border-bottom:dashed 1px #bbb;padding-bottom:7px;margin-bottom:7px}
			/*--rastgele--*/
			.rastgele_detay{float:right;margin:1em 1em 0 0;}
			.rastgele_detay img{margin:0 8px -3px 6px;}
	/*Alt alan*/
	.alt{background:#000;height:15px;color:#fff;padding:10px;margin:3em 0 0 0}
	.alt_sol{float:left;width:650px;}
	.alt_sag{float:right;width:200px;text-align:right;}
	
/*Reklam ortala*/
#ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb{margin:0 auto}





Ana Sayfa Kodu

Kaynak kod

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!--KONU1-->
<div id="konu">
<h1 class="konu_ust">Garfield zalimer ne oldu böyle!</h1>
<div class="konu_orta">
<div class="konu_sol">
<div class="konu_ust_sol"><img src="http://img.webme.com/pic/y/yapiyoruz/41_kul.png"/>Tugay<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_kat.png"/>Diziler</div><div class="konu_ust_sag"><img src="http://img.webme.com/pic/y/yapiyoruz/41_ana.png"/></div><div class="clear"></div><img src="http://img.webme.com/pic/y/yapiyoruz/41_bakildi.png"/>245 kez okundu<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_tar.png"/>25.08.2012<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/>34 yorum<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_bilgi.png" style="margin:13px 3px -3px 9px"/>Garfield hakkında
</div>
<div class="konu_sag"><img src="http://img.webme.com/pic/y/yapiyoruz/41_konu1.png"/><br/>Bu garfield nasıl bir kedidir abi biri bana açıklasın ben bu kediye bazen ayar oluyorum ismi,cismi,kilosu kimdir neyin nesidir bu tatlı köpekten ne istiyor anlamadım gitti ama artık tak yetti canıma yeter deme vaktinin geldiğini düşünüyorum sizcede haklı değilmiyim kafasına göre yemek yemelere kilo almalar filan sen sahibinin lafından dışarı nasıl çıkarsın yahu? Yani ben bir kedi sahibi olsam ve ismi garfield olsa onu dışarda beslerim turuncu,turuncu evde beslenmezki insanlığa aykırımıdır nedir garip bi durum neyse bu yazıda kısaca size garfield'ı ne kadar sevdiğimi anlatacağım :))</div>
<div class="clear"></div>
</div>
<div class="konu_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/41_devami.png"> <a href="konu.html">Devamını oku...</a></div>
</div>
<!--KONU1##-->
<!--KONU2-->
<div id="konu">
<h1 class="konu_ust">İnsan bazen özlermiş eskileri doğrumu?</h1>
<div class="konu_orta">
<div class="konu_sol">
<div class="konu_ust_sol"><img src="http://img.webme.com/pic/y/yapiyoruz/41_kul.png"/>Tugay<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_kat.png"/>Diziler</div><div class="konu_ust_sag"><img src="http://img.webme.com/pic/y/yapiyoruz/41_ana.png"/></div><div class="clear"></div><img src="http://img.webme.com/pic/y/yapiyoruz/41_bakildi.png"/>245 kez okundu<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_tar.png"/>25.08.2012<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/>34 yorum<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_bilgi.png" style="margin:13px 3px -3px 9px"/>Eskiyimi özledim
</div>
<div class="konu_sag"><img src="http://img.webme.com/pic/y/yapiyoruz/41_konu2.png"/><br/>Bu garfield nasıl bir kedidir abi biri bana açıklasın ben bu kediye bazen ayar oluyorum ismi,cismi,kilosu kimdir neyin nesidir bu tatlı köpekten ne istiyor anlamadım gitti ama artık tak yetti canıma yeter deme vaktinin geldiğini düşünüyorum sizcede haklı değilmiyim kafasına göre yemek yemelere kilo almalar filan sen sahibinin lafından dışarı nasıl çıkarsın yahu? Yani ben bir kedi sahibi olsam ve ismi garfield olsa onu dışarda beslerim turuncu,turuncu evde beslenmezki insanlığa aykırımıdır nedir garip bi durum neyse bu yazıda kısaca size garfield'ı ne kadar sevdiğimi anlatacağım :))</div>
<div class="clear"></div>
</div>
<div class="konu_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/41_devami.png"> <a href="konu.html">Devamını oku...</a></div>
</div>
<!--KONU2##-->
<!--KONU3-->
<div id="konu">
<h1 class="konu_ust">O zamanlardaki şekerler iyiydi...</h1>
<div class="konu_orta">
<div class="konu_sol">
<div class="konu_ust_sol"><img src="http://img.webme.com/pic/y/yapiyoruz/41_kul.png"/>Tugay<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_kat.png"/>Diziler</div><div class="konu_ust_sag"><img src="http://img.webme.com/pic/y/yapiyoruz/41_ana.png"/></div><div class="clear"></div><img src="http://img.webme.com/pic/y/yapiyoruz/41_bakildi.png"/>245 kez okundu<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_tar.png"/>25.08.2012<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_yorum_yapildi.png"/>34 yorum<br><img src="http://img.webme.com/pic/y/yapiyoruz/41_bilgi.png" style="margin:13px 3px -3px 9px"/>Şekerden bişiler
</div>
<div class="konu_sag"><img src="http://img.webme.com/pic/y/yapiyoruz/41_konu3.png"/><br/>Bu garfield nasıl bir kedidir abi biri bana açıklasın ben bu kediye bazen ayar oluyorum ismi,cismi,kilosu kimdir neyin nesidir bu tatlı köpekten ne istiyor anlamadım gitti ama artık tak yetti canıma yeter deme vaktinin geldiğini düşünüyorum sizcede haklı değilmiyim kafasına göre yemek yemelere kilo almalar filan sen sahibinin lafından dışarı nasıl çıkarsın yahu? Yani ben bir kedi sahibi olsam ve ismi garfield olsa onu dışarda beslerim turuncu,turuncu evde beslenmezki insanlığa aykırımıdır nedir garip bi durum neyse bu yazıda kısaca size garfield'ı ne kadar sevdiğimi anlatacağım :))</div>
<div class="clear"></div>
</div>
<div class="konu_alt"><img src="http://img.webme.com/pic/y/yapiyoruz/41_devami.png"> <a href="konu.html">Devamını oku...</a></div>
</div>
<!--KONU3##-->
<!--sayfalama-->
<div id="sayfalama">
<ul>
<a href="#" class="geri">Geri</a>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<a href="#" class="ileri">İleri</a>
</ul>
</div>
<!--sayfalama'daki sayı arttığında lütfen stil.css dosyasındaki "width:24.6em;" degerini silin-->
<!--##sayfalama##-->