Sizden bir ricam var (Tablo yapılcak)

13.12.2014 20:10

Korkmaz cagdaskorkmaz Kullanıcı

Üyelik 03.12.2014
Yaş/Cinsiyet 28 / E
Meslek SARUHAN HOLDING - Fakir Elektr
Konum İstanbul Avrupa

Ad Soyad Ç** K**
Mesajlar 3536
Beğeniler 253 / 1236
Ticaret 8, (%100)

Oyun sitemiz için bir tablo yapmak istiyorum. Bu tabloda sitemize ait tüm oyunları listeliyeceğiz. Orign ve steamdaki oyunları. Ancak güzel bir şey istiyorum. Css bilgim hiç yok ban yapabilcek biri varmı.

Örnek:

cagdaskorkmaz.com.tr

14.12.2014 00:12

#2

KadirKC WORDPRESS Kullanıcı

Üyelik 04.11.2014
Yaş/Cinsiyet 24 / E
Meslek Öğrenci
Konum İstanbul Anadolu

Ad Soyad K** K**
Mesajlar 1290
Beğeniler 0 / 208
Ticaret 27, (%100)

uygun fiyata yapabilirim eğer detayları PM atarsanız konuşalım ?

14.12.2014 03:08

#3

Korkmaz cagdaskorkmaz Kullanıcı

Üyelik 03.12.2014
Yaş/Cinsiyet 28 / E
Meslek SARUHAN HOLDING - Fakir Elektr
Konum İstanbul Avrupa

Ad Soyad Ç** K**
Mesajlar 3536
Beğeniler 253 / 1236
Ticaret 8, (%100)

KadirKC adlı üyeden alıntı

uygun fiyata yapabilirim eğer detayları PM atarsanız konuşalım ?

Ücretli yaptrsam eticaret bölümüne açrdım

1 kişi bu mesajı beğendi.

cagdaskorkmaz.com.tr

14.12.2014 20:01

#4

mberatsanli ŞanlıWeb Kullanıcı

Üyelik 26.04.2014
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum Kütahya

Ad Soyad M** Ş**
Mesajlar 40
Beğeniler 0 / 3
Ticaret 0, (%0)

Hocam tablo yapın deyince bunu anladım İnşAllah doğru anlamışımdır

HTML KODU



	

		

		Popüler Yeni Çıkanlar

		

		Çok Satanlar

		

		Pek Yakında

		

		Özel Fırsatlar

		

			

				

					Başlık Popi

					Popi oldum olum :D

				

			

			

				

					Başlık Çok

					Sana başlıkmı yok ya . 

				

			

			

				

					Başlık Yakında

					Yakında Gelirler Hocam . 

				

			

			

				

					Başlık Fırsat

					Sana fırsat verdim yapamadın :(

CSS

body {

  background-color:#eee

}

.area-total-abas {

  width: 630px;

  margin: 100px auto;

  min-height: 300px

}

.lista-abas, .lista-abas * {

	margin:0;

	padding:0;

	outline:none;

	border:0;

	background:none

}

.lista-abas {

	position:relative;

	font-size:0;

	text-align:left;

	color:#666

}

.lista-abas > input {

	position:absolute;

	display:none

}

.lista-abas > label {

	position:relative;

	z-index:1;

	display:inline-block;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	padding:1px;

	padding-top:0;

	padding-left:0;

	font-size:13px;

	line-height:45px;

	cursor:pointer

}

.lista-abas > label span {

	display:block;

	padding:5px;

	background:rgba(255, 255, 255, .9)

}

.lista-abas > label span span {

	padding:0 14px;

	background:transparent;

 transition:background .3s, color .4s;

 -o-transition:background .3s, color .4s;

 -ms-transition:background .3s, color .4s;

 -moz-transition:background .3s, color .4s;

 -webkit-transition:background .3s, color .4s

}

.lista-abas > label:hover span span {

	background:#3498db;

	color:#fff

}

.lista-abas > input:checked + label span span {

	background:#3498db;

	color:#fff

}

.lista-abas > ul {

	list-style:none;

	position:relative;

	display:block;

	font-size:13px

}

.lista-abas > ul > li {

	position:absolute;

	top:0;

	left:0;

	width:626px;

	overflow:auto;

	padding:20px 25px 25px;

	background:rgba(255, 255, 255, .9);

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	opacity:0;

	-o-transform-origin:0% 0%;

	-ms-transform-origin:0% 0%;

	-moz-transform-origin:0% 0%;

	-webkit-transform-origin:0% 0%;

	-o-transition:opacity .8s, -o-transform .8s;

	-ms-transition:opacity .8s, -ms-transform .8s;

	-moz-transition:opacity .8s, -moz-transform .8s;

	-webkit-transition:opacity .8s, -webkit-transform .8s

}

.lista-abas > .aba-1:checked ~ ul > .aba-1, 

.lista-abas > .aba-2:checked ~ ul > .aba-2, 

.lista-abas > .aba-3:checked ~ ul > .aba-3, 

.lista-abas > .aba-4:checked ~ ul > .aba-4 {

 position:relative;

 z-index:1;

 opacity:1

}

.conteudo {

	width:600px;

	position:relative;

	line-height:20px

}

.pagina-url {

	float:right;

	margin-top:15px

}

.amimacao-flip > ul {

	perspective:2000px;

	-o-perspective:2000px;

	-ms-perspective:2000px;

	-moz-perspective:2000px;

	-webkit-perspective:2000px;

	perspective-origin:50% 50%;

	-o-perspective-origin:50% 50%;

	-ms-perspective-origin:50% 50%;

	-moz-perspective-origin:50% 50%;

	-webkit-perspective-origin:50% 50%

}

.amimacao-flip > ul > li {

	-o-transform:rotateX(-90deg);

	-ms-transform:rotateX(-90deg);

	-moz-transform:rotateX(-90deg);

	-webkit-transform:rotateX(-90deg)

}

.amimacao-flip > .aba-1:checked ~ ul > .aba-1, 

.amimacao-flip > .aba-2:checked ~ ul > .aba-2, 

.amimacao-flip > .aba-3:checked ~ ul > .aba-3, 

.amimacao-flip > .aba-4:checked ~ ul > .aba-4 {

 -o-transform:rotateX(0deg);

 -ms-transform:rotateX(0deg);

 -moz-transform:rotateX(0deg);

 -webkit-transform:rotateX(0deg);

 -o-transition-delay:0.2s;

 -ms-transition-delay:0.2s;

 -moz-transition-delay:0.2s;

 -webkit-transition-delay:0.2s

}

1 kişi bu mesajı beğendi.

HTML / CSS / PHP

16.12.2014 13:11

#5

Korkmaz cagdaskorkmaz Kullanıcı

Üyelik 03.12.2014
Yaş/Cinsiyet 28 / E
Meslek SARUHAN HOLDING - Fakir Elektr
Konum İstanbul Avrupa

Ad Soyad Ç** K**
Mesajlar 3536
Beğeniler 253 / 1236
Ticaret 8, (%100)

mberatsanli adlı üyeden alıntı

Hocam tablo yapın deyince bunu anladım İnşAllah doğru anlamışımdır

HTML KODU



	

		

		Popüler Yeni Çıkanlar

		

		Çok Satanlar

		

		Pek Yakında

		

		Özel Fırsatlar

		

			

				

					Başlık Popi

					Popi oldum olum :D

				

			

			

				

					Başlık Çok

					Sana başlıkmı yok ya . 

				

			

			

				

					Başlık Yakında

					Yakında Gelirler Hocam . 

				

			

			

				

					Başlık Fırsat

					Sana fırsat verdim yapamadın :(

CSS

body {

  background-color:#eee

}

.area-total-abas {

  width: 630px;

  margin: 100px auto;

  min-height: 300px

}

.lista-abas, .lista-abas * {

	margin:0;

	padding:0;

	outline:none;

	border:0;

	background:none

}

.lista-abas {

	position:relative;

	font-size:0;

	text-align:left;

	color:#666

}

.lista-abas > input {

	position:absolute;

	display:none

}

.lista-abas > label {

	position:relative;

	z-index:1;

	display:inline-block;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	padding:1px;

	padding-top:0;

	padding-left:0;

	font-size:13px;

	line-height:45px;

	cursor:pointer

}

.lista-abas > label span {

	display:block;

	padding:5px;

	background:rgba(255, 255, 255, .9)

}

.lista-abas > label span span {

	padding:0 14px;

	background:transparent;

 transition:background .3s, color .4s;

 -o-transition:background .3s, color .4s;

 -ms-transition:background .3s, color .4s;

 -moz-transition:background .3s, color .4s;

 -webkit-transition:background .3s, color .4s

}

.lista-abas > label:hover span span {

	background:#3498db;

	color:#fff

}

.lista-abas > input:checked + label span span {

	background:#3498db;

	color:#fff

}

.lista-abas > ul {

	list-style:none;

	position:relative;

	display:block;

	font-size:13px

}

.lista-abas > ul > li {

	position:absolute;

	top:0;

	left:0;

	width:626px;

	overflow:auto;

	padding:20px 25px 25px;

	background:rgba(255, 255, 255, .9);

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	opacity:0;

	-o-transform-origin:0% 0%;

	-ms-transform-origin:0% 0%;

	-moz-transform-origin:0% 0%;

	-webkit-transform-origin:0% 0%;

	-o-transition:opacity .8s, -o-transform .8s;

	-ms-transition:opacity .8s, -ms-transform .8s;

	-moz-transition:opacity .8s, -moz-transform .8s;

	-webkit-transition:opacity .8s, -webkit-transform .8s

}

.lista-abas > .aba-1:checked ~ ul > .aba-1, 

.lista-abas > .aba-2:checked ~ ul > .aba-2, 

.lista-abas > .aba-3:checked ~ ul > .aba-3, 

.lista-abas > .aba-4:checked ~ ul > .aba-4 {

 position:relative;

 z-index:1;

 opacity:1

}

.conteudo {

	width:600px;

	position:relative;

	line-height:20px

}

.pagina-url {

	float:right;

	margin-top:15px

}

.amimacao-flip > ul {

	perspective:2000px;

	-o-perspective:2000px;

	-ms-perspective:2000px;

	-moz-perspective:2000px;

	-webkit-perspective:2000px;

	perspective-origin:50% 50%;

	-o-perspective-origin:50% 50%;

	-ms-perspective-origin:50% 50%;

	-moz-perspective-origin:50% 50%;

	-webkit-perspective-origin:50% 50%

}

.amimacao-flip > ul > li {

	-o-transform:rotateX(-90deg);

	-ms-transform:rotateX(-90deg);

	-moz-transform:rotateX(-90deg);

	-webkit-transform:rotateX(-90deg)

}

.amimacao-flip > .aba-1:checked ~ ul > .aba-1, 

.amimacao-flip > .aba-2:checked ~ ul > .aba-2, 

.amimacao-flip > .aba-3:checked ~ ul > .aba-3, 

.amimacao-flip > .aba-4:checked ~ ul > .aba-4 {

 -o-transform:rotateX(0deg);

 -ms-transform:rotateX(0deg);

 -moz-transform:rotateX(0deg);

 -webkit-transform:rotateX(0deg);

 -o-transition-delay:0.2s;

 -ms-transition-delay:0.2s;

 -moz-transition-delay:0.2s;

 -webkit-transition-delay:0.2s

}

Teşekkür ederim.

cagdaskorkmaz.com.tr

18.12.2014 21:58

#6

mberatsanli ŞanlıWeb Kullanıcı

Üyelik 26.04.2014
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum Kütahya

Ad Soyad M** Ş**
Mesajlar 40
Beğeniler 0 / 3
Ticaret 0, (%0)

Önemli değil :)

Ek Olarak: Oyunları severim oyuncularıda :D

1 kişi bu mesajı beğendi.

HTML / CSS / PHP

19.12.2014 08:26

#7

Uysal35 WM Aracı Kullanıcı

Üyelik 17.03.2013
Yaş/Cinsiyet 27 / E
Meslek Öğrenci
Konum İzmir

Ad Soyad ** **
Mesajlar 33
Beğeniler 1 / 3
Ticaret 0, (%0)

Hocam bunu değiştirerek bende kullanabilir miyim ?

http://fatihuysal.me
Kişisel Blog !

19.12.2014 08:28

#8

Korkmaz cagdaskorkmaz Kullanıcı

Üyelik 03.12.2014
Yaş/Cinsiyet 28 / E
Meslek SARUHAN HOLDING - Fakir Elektr
Konum İstanbul Avrupa

Ad Soyad Ç** K**
Mesajlar 3536
Beğeniler 253 / 1236
Ticaret 8, (%100)

Uysal35 adlı üyeden alıntı

Hocam bunu değiştirerek bende kullanabilir miyim ?

Benim açımdan bir sorun yok.

cagdaskorkmaz.com.tr

19.12.2014 23:05

#9

mberatsanli ŞanlıWeb Kullanıcı

Üyelik 26.04.2014
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum Kütahya

Ad Soyad M** Ş**
Mesajlar 40
Beğeniler 0 / 3
Ticaret 0, (%0)

Uysal35 adlı üyeden alıntı

Hocam bunu değiştirerek bende kullanabilir miyim ?

Benim içinde sıkıntı yoktur hocam :)

HTML / CSS / PHP

Sizden bir ricam var (Tablo yapılcak)

Başlık Popi

Başlık Çok

Başlık Yakında

Başlık Fırsat

Başlık Popi

Başlık Çok

Başlık Yakında

Başlık Fırsat

Üye Girişi Yap