Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

3Beğeni
  • 1 Yazan Korkmaz
  • 1 Yazan mberatsanli
  • 1 Yazan mberatsanli

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML
PUBG Mobile UC

Sizden bir ricam var (Tablo yapılcak)

  #1  
Okunmamış 13 Aralık 2014, 21:10
Korkmaz Adlı Üyenin Avatarı
jetresim.net
 
Üyelik Tarihi: 03 Aralık 2014
Cinsiyet: Erkek
Ad, Soyad: Ça... Ko...
Mesajlar: 3.560
Beğeniler: 1233 / 253
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:
Domain Yurdu – Domainler, Siteler ve Markalar İçin Pazaryeri ve Danışmanlık Hizmetleri
  #2  
Okunmamış 14 Aralık 2014, 01:12
KadirKC Adlı Üyenin Avatarı
WORDPRESS
 
Üyelik Tarihi: 04 Kasım 2014
Cinsiyet: Erkek
Meslek: Öğrenci
Ad, Soyad: Ka... Kı...
Mesajlar: 1.313
Beğeniler: 209 / 0
Ticaret: 25, 100%
uygun fiyata yapabilirim eğer detayları PM atarsanız konuşalım ?
  #3  
Okunmamış 14 Aralık 2014, 04:08
Korkmaz Adlı Üyenin Avatarı
jetresim.net
 
Üyelik Tarihi: 03 Aralık 2014
Cinsiyet: Erkek
Ad, Soyad: Ça... Ko...
Mesajlar: 3.560
Beğeniler: 1233 / 253
Ticaret: 8, 100%
Alıntı:
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
cgrclk bunu beğendi.
  #4  
Okunmamış 14 Aralık 2014, 21:01
mberatsanli Adlı Üyenin Avatarı
ŞanlıWeb
 
Üyelik Tarihi: 26 Nisan 2014
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Kütahya
Ad, Soyad: Me... Şa...
Mesajlar: 58
Beğeniler: 3 / 0
Ticaret: 0, 0%
Hocam tablo yapın deyince bunu anladım İnşAllah doğru anlamışımdır

HTML KODU
HTML Kodu:
<div class="area-total-abas">
	<div class="lista-abas amimacao-flip">
		<input type="radio" name="lista-abas" checked id="aba-1" class="aba-1">
		<label for="aba-1"><span><span>Popüler Yeni Çıkanlar</span></span></label>
		<input type="radio" name="lista-abas" id="aba-2" class="aba-2">
		<label for="aba-2"><span><span>Çok Satanlar</span></span></label>
		<input type="radio" name="lista-abas" id="aba-3" class="aba-3">
		<label for="aba-3"><span><span>Pek Yakında</span></span></label>
		<input type="radio" name="lista-abas" id="aba-4" class="aba-4">
		<label for="aba-4"><span><span>Özel Fırsatlar</span></span></label>
		<ul>
			<li class="aba-1">
				<div class="conteudo">
					<h1>Başlık Popi</h1>
					<p>Popi oldum olum :D</p>
				</div>
			</li>
			<li class="aba-2">
				<div class="conteudo">
					<h1>Başlık Çok</h1>
					<p>Sana başlıkmı yok ya . </p>
				</div>
			</li>
			<li class="aba-3">
				<div class="conteudo">
					<h1>Başlık Yakında</h1>
					<p>Yakında Gelirler Hocam . </p>
				</div>
			</li>
			<li class="aba-4">
				<div class="conteudo">
					<h1>Başlık Fırsat</h1>
					<p>Sana fırsat verdim yapamadın :( </p>
				</div>
			</li>
		</ul>
	</div>
</div>
CSS
Kod:
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
}
Korkmaz bunu beğendi.
HTML / CSS / PHP
  #5  
Okunmamış 16 Aralık 2014, 14:11
Korkmaz Adlı Üyenin Avatarı
jetresim.net
 
Üyelik Tarihi: 03 Aralık 2014
Cinsiyet: Erkek
Ad, Soyad: Ça... Ko...
Mesajlar: 3.560
Beğeniler: 1233 / 253
Ticaret: 8, 100%
Alıntı:
mberatsanli Adlı Üyeden Alıntı
Hocam tablo yapın deyince bunu anladım İnşAllah doğru anlamışımdır

HTML KODU
HTML Kodu:
<div class="area-total-abas">
	<div class="lista-abas amimacao-flip">
		<input type="radio" name="lista-abas" checked id="aba-1" class="aba-1">
		<label for="aba-1"><span><span>Popüler Yeni Çıkanlar</span></span></label>
		<input type="radio" name="lista-abas" id="aba-2" class="aba-2">
		<label for="aba-2"><span><span>Çok Satanlar</span></span></label>
		<input type="radio" name="lista-abas" id="aba-3" class="aba-3">
		<label for="aba-3"><span><span>Pek Yakında</span></span></label>
		<input type="radio" name="lista-abas" id="aba-4" class="aba-4">
		<label for="aba-4"><span><span>Özel Fırsatlar</span></span></label>
		<ul>
			<li class="aba-1">
				<div class="conteudo">
					<h1>Başlık Popi</h1>
					<p>Popi oldum olum :D</p>
				</div>
			</li>
			<li class="aba-2">
				<div class="conteudo">
					<h1>Başlık Çok</h1>
					<p>Sana başlıkmı yok ya . </p>
				</div>
			</li>
			<li class="aba-3">
				<div class="conteudo">
					<h1>Başlık Yakında</h1>
					<p>Yakında Gelirler Hocam . </p>
				</div>
			</li>
			<li class="aba-4">
				<div class="conteudo">
					<h1>Başlık Fırsat</h1>
					<p>Sana fırsat verdim yapamadın :( </p>
				</div>
			</li>
		</ul>
	</div>
</div>
CSS
Kod:
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.
  #6  
Okunmamış 18 Aralık 2014, 22:58
mberatsanli Adlı Üyenin Avatarı
ŞanlıWeb
 
Üyelik Tarihi: 26 Nisan 2014
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Kütahya
Ad, Soyad: Me... Şa...
Mesajlar: 58
Beğeniler: 3 / 0
Ticaret: 0, 0%
Önemli değil

Ek Olarak: Oyunları severim oyuncularıda
Korkmaz bunu beğendi.
HTML / CSS / PHP
  #7  
Okunmamış 19 Aralık 2014, 09:26
Uysal35 Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 17 Mart 2013
Yaş / Cinsiyet: 23 / Erkek
Meslek: Öğrenci
Konum: İzmir
Ad, Soyad:
Mesajlar: 33
Beğeniler: 3 / 1
Ticaret: 0, 0%
Hocam bunu değiştirerek bende kullanabilir miyim ?
http://fatihuysal.me
Kişisel Blog !
  #8  
Okunmamış 19 Aralık 2014, 09:28
Korkmaz Adlı Üyenin Avatarı
jetresim.net
 
Üyelik Tarihi: 03 Aralık 2014
Cinsiyet: Erkek
Ad, Soyad: Ça... Ko...
Mesajlar: 3.560
Beğeniler: 1233 / 253
Ticaret: 8, 100%
Alıntı:
Uysal35 Adlı Üyeden Alıntı
Hocam bunu değiştirerek bende kullanabilir miyim ?
Benim açımdan bir sorun yok.
  #9  
Okunmamış 20 Aralık 2014, 00:05
mberatsanli Adlı Üyenin Avatarı
ŞanlıWeb
 
Üyelik Tarihi: 26 Nisan 2014
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Kütahya
Ad, Soyad: Me... Şa...
Mesajlar: 58
Beğeniler: 3 / 0
Ticaret: 0, 0%
Alıntı:
Uysal35 Adlı Üyeden Alıntı
Hocam bunu değiştirerek bende kullanabilir miyim ?
Benim içinde sıkıntı yoktur hocam
HTML / CSS / PHP
Cevap Yaz Favorilerime Ekle

1113x90

Bu Alana Reklam Ver



Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı





Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 15:28.