Giriş Yap / Kayıt Ol

2Beğeni
  • 1 Yazan ahmettalut
  • 1 Yazan ahmettalut

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   WM Aracı > Programlama / Yazılım > HTML - CSS - XML
tanıtım yazısı

ATalut Wordpress Personal Teması

Sosyal Ağlarda Paylaş:
  #1  
Okunmamış 08 Mart 2014, 18:31
ahmettalut Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 13 Mart 2012
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Hatay
Ad, Soyad: A... T...
Mesajlar: 1.051
Beğeniler: 210 / 136
Ticaret: 2, 100%
Merhaba arkadaşlar yazın yaptığım ancak wordpress'e katarmaya uğraşmadığım bir temam bulunmakta. Html/css kodlaması yapıldı ben de boş boş duracağına paylaşayım gereken kullansın dedim. Tasarım ve kodlama bana aittir. Umarım beğenirsiniz.
Biraz kodlama da küçük görüntü hataları mevcut yani şuan fark ettiğim bir tane var o da slider kısmında.



Demo Adresi - index.html > http://ahmettalut.com/demo/personal/

Demo Adresi - single.html > http://ahmettalut.com/demo/personal/single-1.html



Yorumlarınızı umarım eksik etmezsiniz..
https://goo.gl/sdN51Q "FirmaRehberiTeması ~50 TL~ (Sass,Yüksek google pagespeed değeri, responsive)
numbara heuristic
  #2  
Okunmamış 08 Mart 2014, 18:53
Adobewordpress Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 08 Temmuz 2011
Cinsiyet: Erkek
Meslek: Tasarımcı
Ad, Soyad: V... Ö...
Mesajlar: 685
Beğeniler: 421 / 54
Ticaret: 1, 100%
Themeforest üzerindeki temalara bakıp onlar gibi DEMO hazırlamanı öneririm. Şık görseller seç, Lorem İpsum bile olsa metin alanlarını doldur, o zaman daha güzel gözükecektir. Bu arada <nav> güzel olmuş
adobewordpress.com ~ “güncel tasarım okulu”
  #3  
Okunmamış 08 Mart 2014, 18:56
ahmettalut Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 13 Mart 2012
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Hatay
Ad, Soyad: A... T...
Mesajlar: 1.051
Beğeniler: 210 / 136
Ticaret: 2, 100%
Alıntı:
Adobewordpress Adlı Üyeden Alıntı
Themeforest üzerindeki temalara bakıp onlar gibi DEMO hazırlamanı öneririm. Şık görseller seç, Lorem İpsum bile olsa metin alanlarını doldur, o zaman daha güzel gözükecektir. Bu arada <nav> güzel olmuş
Yorum için teşekkürler ancak zaten tema üzerinde uğraşamıyorum yaklaşık 7 aydır sadece bu şekilde duruyor o yüzden uğraşabilecek kişiler için paylaştım.

Bu arada bu nav'ı bir çok tasarımım da kullandım. çok güzel bir paylaşım yapmışsınız uzun zamandır siteniz sık kullanılanlarda
Adobewordpress bunu beğendi.
https://goo.gl/sdN51Q "FirmaRehberiTeması ~50 TL~ (Sass,Yüksek google pagespeed değeri, responsive)
  #4  
Okunmamış 08 Mart 2014, 19:39
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 10 Temmuz 2012
Yaş / Cinsiyet: 21 / Erkek
Meslek: Developer
Konum: Konya
Ad, Soyad: M... A...
Mesajlar: 1.232
Beğeniler: 268 / 1145
Ticaret: 1, 100%
Hocam ekran problemi var sanırım. Tasarım gayet güzel olmuş ama ben kişisel bloglarda klasikten uzaklaşmış tasarımları tercih etmeye çalışıyoru. Elinize Sağlık..



Ek olarak:

Kod:
/* Genel Özellikler */

body {
	background:#f4f4f4;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:13px;
	margin:0;
	padding:0;
	text-decoration:none;
	}
a {
	text-decoration:none;
}
.temizle {
	clear:both;
	
	}	
/* Header */
header {
	width:100%;
	height:100px;
	background:#333333;
border-bottom: 1px solid #222;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);
}
.ust {
	width: 940px;
	height:100px;
	background:#333333;
	margin:0 auto;
border-bottom: 1px solid #222;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);

	}
.logo {
	width:350px;
	height:90px;
	background:url(res/logo.png) no-repeat;
	float:left;
	margin-top:5px;
	}
/* Üst Menü */
.ev {
	background:url(res/ev.png);
	width:32px;
	height:32px;
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;

	}
.ev:hover {
	background:url(res/ev-hover.png);
	width:32px;
	height:32px;
	}
.menu {
	width:100%;
	height:40px;
	background-image: linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -o-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -moz-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -webkit-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -ms-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background: #3f4346;	z-index:999;
	top:0px;
	}
nav {
	margin:0 auto;
	width:940px;
	height:40px;
	}
.navigasyon{
	float:left;
}

.navigasyon>li{
	float:left;
	position:relative;
}

.navigasyon>li a:hover{
	    box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
   -moz-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
-webkit-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
 }

.navigasyon>li:first-child{border-left:0;}
.navigasyon>li:last-child{border-right:0;}

.navigasyon>li:hover .alt-menu{border-top:1px solid #111;
	left:auto;
}

.navigasyon a{
	display:block;
	padding:10px;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	transition:all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	background-image: linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -o-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -moz-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -webkit-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -ms-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background: #3f4346;
	border-right:1px solid #2a2e2f;
	border-left:1px solid #4a4e51;}

.navigasyon a:hover,.navigasyon a:focus{
	 color:white;
	-moz-box-shadow:3px 3px 5px 6px #000;
	-webkit-box-shadow: 3px 3px 5px 6px #000;
	box-shadow: 3px 3px 5px 6px #000;
}

.alt-menu{
	position:absolute;
	width:150%;
	left:-9999px;
	z-index:99;
	margin-top:-20px;
}

.alt-menu>li+li{
	border-top:solid 1px #222;
}

.alt-menu a{
	background:#444;
	font-size:15px;
	padding:.7em 1em;
}
#back-top	 {
	float:right;
	}	
#back-top a {
	display:block;
	padding:10px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	transition:all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	background-image: linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -o-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -moz-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -webkit-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background-image: -ms-linear-gradient(bottom, #3F4346 100%, #2B2C2F 0%);
	background: #3f4346;
	border-right:1px solid #4a4e51;
	border-left:1px solid #4a4e51;}
#back-top a:hover {
	    box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
   -moz-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
-webkit-box-shadow: inset 0 -1px 0px 0px #f15441, inset 0 -2px 0px 0px #ef6c4e, inset 0 -3px 0px 0px #f6825d, inset 0 -4px 0px 0px #1d1e1d, inset 0px 0px 15px 5px #222;
}
/* İçerik */
#genel {
	/* width:70%; */
	width: 940px;
	height:auto;
	margin:0 auto;
	}
/* Slider */
	.slider {
		overflow: hidden;
		float: left;
	}
		.sliderImg {
			display: block;
			float: left;
		}
			.sliderImg a {
				display: block;
			}
				.sliderImg a img {
					width: 625px;
					height: 300px;
				}
			
			
		.slidContent{
			display: block;
			float: right;
			background-color: #373737;
			overflow: hidden;
			width: 312px;
			height: 300px;
			padding: 40px 20px;
		}
			.slidContent h3 a{
				color: #fff;
				font-size: 22px;
				line-height: 29px;
				font-family: Calibri;
				font-weight: normal;
				
				text-decoration: none;
			}
				.slidContent p {
					margin-top: 10px;
					font-size: 13px;
					color: #a7a7a7;
					line-height: 20px;
					font-family: Arial;
					margin-bottom: 10px;
					
				}
				

/*# Slider Son #*/

/* Yazılar (Makaleler) */
.makaleler {
	float:left;
	height:auto;
	width:620px;
	margin-top:30px;	

	}
.yazilar {
	width:100%;
	height:auto;
	margin-bottom:20px;
	background:#fff;
	border:1px solid #dedede;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}

.yazilar img {
	width:100.2%;
	height:250px;
	margin:-1px;
	border:1px solid #dedede;
	}
.baslik h1 {
	width:auto;
	height:auto;
	background:url(res/slidSpan.png);
	position:absolute;
	color:#fff;
	/* margin-top:80px; */
	max-width:550px;
	padding:15px;
	/* margin-left:30px; */
	font-size:16px;

	}
.kategori h1 {
	width:auto;
	height:auto;
	background:url(res/slidSpan.png);
	position:absolute;
	color:#fff;
	margin-top:200px;
	padding:10px;
	font-size:16px;
	}
.yazilar p {
	padding:10px;
	color:#707070;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	}
.alt-bilgi{
	width:620px;
	background:#dedede;
	height:30px;
	max-height:30px;
	padding:5px;
	margin-left:-1px;
	overflow:hidden;
	}
.alt-bilgi li {
	float:left;
	list-style:none;
	margin-right:20px;
	}
.alt-bilgi li a {
	color:#09C;
	}
.arti {
	background:url(res/arti.png);
	width:50px;
	float:right;
	margin-top:-50px;
	height:50px; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0.075);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
	}
.arti:hover {
	background:url(res/arti.hover.png);
	width:50px;
	float:right;
	margin-top:-50px;
	height:50px; 
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075), 0 0 0 rgba(0, 0, 0, 0.075);

	}
.resimsiz-yazilar {
		width:100%;
	height:auto;
	margin-bottom:20px;
	background:#fff;
	border:1px solid #dedede;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);

	
	}
.resimsiz-yazilar-baslik h1 {
	width:auto;
	height:auto;
	background:url(res/slidSpan.png);
	color:#fff;
	padding:15px;
	font-size:16px;
	}
.resimsiz-yazilar p {
		padding:10px;
	color:#707070;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	}
article.yatay{
	width:300px;
	height:auto;
	background:#fff;
	border:1px solid #dedede;
	float:left;
	margin-bottom:20px;
	}
article.yatay img {
	width:298px;
	height:175px;
	}
.yatay-baslik h2{
	width:200px;
	height:auto;
	background:url(res/slidSpan.png) repeat;
	position:absolute;
	color:#fff;
	margin-top:30px;
	padding:15px;
	margin-left:1px;
	font-size:16px;

	}
article.yatay p {
	padding:10px;
	color:#707070;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	}
/* Video Yazı */
.videolu-yazi {
	width:100%;
	height:auto;
	margin-bottom:20px;
	background:#fff;
	border:1px solid #dedede;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}
.videolu-yazi img {
	width:100.2%;
	height:250px;
	margin:-1px;
	border:1px solid #dedede;
	}
.videolu-yazi h1 {
	width:auto;
	height:auto;
	color:#fff;
	margin-top:-5px;
	background:url(res/slidSpan.png);
	padding:10px;
	font-size:16px;
	}
.videolu-yazi p {
	padding:10px;
	color:#707070;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	padding-top:-10px;
	}
/* Müzikli Yazı */

.muzik-yazi {
	width:100%;
	height:auto;
	margin-bottom:20px;
	background:#fff;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}

.muzik-yazi h1 {
	width:auto;
	height:auto;
	color:#fff;
	background:url(res/slidSpan.png);
	padding:10px;
	font-size:16px;
	}
.muzik-yazi p {
	padding:10px;
	color:#707070;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	padding-top:-10px;
	}

/* Yatay Carousel */
.uclu-slider {
	width:100%;
	height:300px;
	margin-top:20px;
	margin-left:5px;
	margin-bottom:20px;
	}
.uclu-slider ul li {
	background:#fff;
	border:1px solid #dedede;
	width:200px;
	min-height:250px;
	height:auto;
	float:left;
	margin-right:5px;
	margin-top:-1px;
	}
.uclu-slider ul li img {
	width:198px;
	height:125px;
	}
.uclu-slider ul li p {
	padding:10px;
	color:#707070;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	}
.uclu-slider-baslik h2{
	width:auto;
	max-width:196px;
	background:url(res/slidSpan.png) repeat-x;
	position:absolute;
	color:#fff;
	margin-top:2px;
	padding:5px;
	font-size:15px;

	}

/* Yazı Sayfası */

.uzun-yazilar {
	width:100%;
	height:auto;
	margin-bottom:20px;
	background:#fff;
	border:1px solid #dedede;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
}

.thumb {
	width:100.2%;
	height:250px;
	margin:-1px;
	border:1px solid #dedede;
	}

.uzun-yazilar p {
	padding:10px;
	color:#707070;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	clear:both;
	}
.uzun-yazilar ul {
	margin-left:30px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	}
.uzun-yazilar ul li {
	list-style:circle;
	list-style-type:disc;
	font-family: Arial, Helvetica, sans-serif;
	}
.uzun-yazilar strong {
	font-weight:700;
}
.uzun-yazilar blockquote {
	padding:8px;
	border:1px solid #efefef;
	margin:2px;
	color:#333;
	border-radius:5px;
	background:url(res/quote.png) no-repeat right top;
	background-origin:border-box;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;
	font-size:12px;
	}
.uzun-yazilar a {
	color:#09C;
	}
.uzun-yazilar p em {
	font-style:italic;
	font-variant:normal;
	}
.uzun-yazilar p img {
	max-height:500px;
	max-width:600px;
	border:1px solid #efefef;
	}
.uzun-yazilar pre {
	margin:5px;
	padding:5px;
	}
.yazar-bilgi {
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:3px;
	}
.yazar {
	float:left;
	font-size:14px;
	padding:6px;
	}
.yazar li {
	list-style:none;
	}
.facebook-yazar {
	background:url(res/sosyal-mini/facebook_dark.png);float:right;width:32px;height:32px;list-style:none;margin-left:5px;
	transition:All 0.7s ease;-webkit-transition:All 0.7s ease;-moz-transition:All 0.7s ease;-o-transition:All 0.7s ease;
cursor:pointer;

	}
.twitter-yazar {
	background:url(res/sosyal-mini/twitter02_dark.png);float:right;width:32px;height:32px;list-style:none;margin-left:5px;
	transition:All 0.7s ease;-webkit-transition:All 0.7s ease;-moz-transition:All 0.7s ease;-o-transition:All 0.7s ease;
cursor:pointer;
	}
.sayfa-yazar {
	background:url(res/sosyal-mini/vcard_dark.png);float:right;width:32px;height:32px;margin-left:5px;list-style:none;
	transition:All 0.7s ease;-webkit-transition:All 0.7s ease;-moz-transition:All 0.7s ease;-o-transition:All 0.7s ease;
cursor:pointer;
	}

.facebook-yazar:hover{	background: url(res/sosyal-mini/facebook_active.png);}
.sayfa-yazar:hover{background: url(res/sosyal-mini/vcard_active.png);}
.twitter-yazar:hover{background: url(res/sosyal-mini/twitter02_active.png);}

/* Benzer Yazilar */
ul.benzer-yazi {
	width:100%;
	height:auto;
	margin-top:-10px;
	margin-bottom:10px;
		  	}
.benzer-yazi li {
	padding:5px;
	text-decoration:none;
	margin-left:8px;
	float:left;
	width:195px;
	background:#fff;
	border:1px solid #dedede;
 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.075);

	}
.benzer-yazi li a {
	color:#333;
}
.benzer-yazi li img {
	width:183px;
	height:100px;
	margin-bottom:5px;
	}


/* Yazı Sayfası Sonu */
	
	
	
/* Sidebar */
.sidebar {
	float:right;
	width:300px;
	height:auto;
	margin-top:30px;
	}
aside{
	width:100%;
	height:auto;
	margin-bottom:10px;
float:left;

		}
aside h3 {
	width:300px;
	height:auto;
	padding:10px;
	font-size:15px;
	background:#333;
	color:#fff;
	}

aside ul li{
	width:300px;
	list-style:none;

	}
aside ul li a {
	background:#fff;
	padding:10px;
	color:#333;
	float:left;
	height:45px;
	width:300px;
	font-size:15px;
	transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
border-bottom:1px solid #dedede;



	}
aside ul li a:hover {
	background:#ffcc33;
	color:#333;
	}

.liste{
	background: url(res/liste.png) no-repeat;
	width:32px;
	height:32px;
	margin-right:10px;
	float:left;
	margin-bottom:-10px;
	}

/* Sidebar Arama Kutusu */
#arama input[type=text]{
	width:300px;
	border-radius:3px;
	padding:10px;
	border:1px solid #dedede;
	height:40px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

	}
/* Aside Sosyal */
.sosyal li {
	float:left;
	width:64px;
	height:64px;
	margin-left:10px;
	list-style:none;
	margin-bottom:10px;
	}
.facebook{
	width:64px;
	height:64px;
	background: url(res/sosyal/facebook_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
	}
.facebook:hover{
	width:64px;
	height:64px;
	background: url(res/sosyal/facebook_active.png);
	}
.twitter{
	width:64px;
	height:64px;
	background: url(res/sosyal/twitter_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
	}
.twitter:hover{
	width:64px;
	height:64px;
	background: url(res/sosyal/twitter_active.png);
	}

.youtube{
	width:64px;
	height:64px;
	background: url(res/sosyal/youtube_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
	}
.youtube:hover{
	width:64px;
	height:64px;
	background: url(res/sosyal/youtube_active.png);
	}

.rss{
	width:64px;
	height:64px;
	background: url(res/sosyal/rss_dark.png);
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;
	}
.rss:hover{
	width:64px;
	height:64px;
	background: url(res/sosyal/rss_active.png);
	}
/* Tabs */
.tab {
    float:left;
    display:block;
	background:#333;
	padding:10px 16px 10px 16px;
	color:#fff;

	font-size:14px;

}
.tab.active,
.tab:hover {
	background:#ffcc33;
	color:#fff;
}
.content {
    display:none;
    clear:both;
    background:#FFF;
}
.content.active {
    display:block;
}

/* Son Yorumlar */
#son-yorumlar ul li {
	width:300px;
	}
#son-yorumlar ul li a {
	min-height:auto;
	padding-bottom:60px;


	}
#son-yorumlar ul li img{
	float:left;
	}
#son-yorumlar ul li h4 {
	float:left;
	font-size:13px;
	margin-left:10px;
}

#son-yorumlar ul li p {
	float:left;
	color:#09C;
	font-size:13px;
	padding-bottom:20px;
	margin-left:10px;
	width:220px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:20px;
}

/* Etiketler */
.tags {
  list-style: none;
  overflow: hidden; 
  padding: 5px;
}

.tags li {
	float:left;
	width:auto;
	padding:2px;

}
.tags li a {
	text-decoration:none;

}
.tag {
	width:auto;
	padding:3px;
	background:#fff;
	border-radius:3px;
	border:1px solid #dedede;
	font-size:13px;
	height:30px;
}

.tag:hover {
  background-color:#ffcc33;
  color: white;
}

.tag:hover::after {
   border-left-color: crimson; 
}

/* Footer (Alt Kısım) */

footer {
	width:100%;
	height:auto;
	background:#fff;
border-bottom: 1px solid #222;
	border-top:1px solid #dedede;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);
	}
.footer {
	width: 940px;
	height:155px;
	margin:0 auto;
	}
.colsag{
	border-left:1px solid #dedede;
	}
.col {
	width:200px;
	height:155px;
	float:left;
	border-right:1px solid #dedede;
	}
.col h3 {
	text-align:center;
	padding-top:10px;
	margin-bottom:-5px;
	}
.col p{
	padding:10px;
	color:#707070;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:25px;

	}
.etiket ul{
	width:200px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-top:5px;

	}
.etiket ul li {
	width:auto;
	height:30px;
	float:left;
	padding:3px;
	}
.etiket ul li a{
		width:auto;
	padding:3px;
	background:#fff;
	border-radius:3px;
	border:1px solid #dedede;
	font-size:13px;
	height:30px;
	text-decoration:none;
transition:All 0.7s ease;
-webkit-transition:All 0.7s ease;
-moz-transition:All 0.7s ease;
-o-transition:All 0.7s ease;


	}
.etiket ul li a:hover {
  background-color:#ffcc33;
  color: white;
}
.sayfalar {
	margin-top:5px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-left:10px;
	}
.sayfalar li {
	padding:3px;

	}
.sayfalar li a {
	width:200px;
	height:auto;
	text-decoration:none;
	}
.baglanti {
	width:100%;
	height:auto;
	max-height:130px;
	float:left;
	overflow:hidden;
	margin-top:-5px;
	}
.baglanti li {
	margin:10px;
	margin-top:5px;
	margin-bottom:-5px;
	}
.baglanti li a {
	font-size:12px;;
	}
.baglanti li a:hover {
	color:#f35b5a;
	}
/* Footer Altı */
.footer-alt {
	width:100%;
	height:40px;
	background:#2e2e2e;
	border-top:1px solid #444;
	}
.ortala {
	width:70%;
	height:auto;
	min-width:940px;
	max-width:940px;
	margin:0 auto;
	}
.sosyal-mini {
	float:right;
	}
.sosyal-mini li {
	margin:5px;
	list-style:none;
	display:inline-block;
	margin-bottom:-5px;
	}
.fb {background:url(res/sosyal-mini/facebook_dark.png);width:32px;height:32px;}
.tw {background:url(res/sosyal-mini/twitter02_dark.png);width:32px;height:32px;}
.rss-mini  {background:url(res/sosyal-mini/rss_dark.png);width:32px;height:32px;}
.yt {background:url(res/sosyal-mini/youtube_dark.png);width:32px;height:32px;}
.fb:hover {background:url(res/sosyal-mini/facebook_active.png);width:32px;height:32px;}
.tw:hover {background:url(res/sosyal-mini/twitter02_active.png);width:32px;height:32px;}
.rss-mini:hover  {background:url(res/sosyal-mini/rss_active.png);width:32px;height:32px;}
.yt:hover {background:url(res/sosyal-mini/youtube_active.png);width:32px;height:32px;}

.hakkinda {
	float:left;
	margin:10px;
	}
.hakkinda p {
	color:#fff;
margin-bottom:-5px;

	}
.hakkinda a {
	color:#fff;
	text-decoration:none;
	margin-right:10px;
	}
.hakkinda a:hover {
  outline: 0;
text-shadow:0px 0px 1px #ffffff;
	}
/* Footer Altı Sonu */
/* Footer (Alt Kısım) Sonu */

/* İkonlar */
.link{
	background:url(res/url.png);
	width:16px;
	height:16px;
	float:left;
	}
.dunya {
	background:url(res/word.png);
	width:16px;
	height:16px;
	float:left;

	}	
.sayfa {
	background:url(res/sayfalar.png);
	width:16px;
	height:16px;
	float:left;

	}
.ok {
	background:url(res/arrow.png);
	width:16px;
	height:16px;
	float:right;
	margin-top:5px;
	margin-right:5px;
	margin-left:0px;
	}
/* Responsive */
@media screen and (max-width:996px){
	.sidebar {
		width:31.25%;
		}
	aside {
		float:left;
		width:300px;
		}
	.makaleler {
		width:620px;
		}
	.slide {
		margin-left:10px;
		}
	.sliderImg {
		width:32%;
		}
	.slidContent{
		width:32%;
		}
	.buyuk-slider{
		width:auto;	}
	.kucuk-slider{
		max-width:620px;
		}
	#back-top {
		display:none;
		margin-right:100px;
		}
	.sosyal-mini {
		float:left;
		}
	.ust {
		width:900px;
		}
	.sag {
		display:none;
		}
}
#goster {
	display:none;
	}
@media screen and (max-width:480px){
.menu {
	max-width:480px;
	}		.sidebar {
			display:none;
		}
	aside {
		float:left;
		width:300px;
		}
	.makaleler {
		width:100%;
		margin:5px;
		}
	.yazilar img {
		width:100%;}
	.yazilar{
		width: 100%;}
.alt-bilgi {
	width:100%;
	}
#goster {
	display:inherit;
	}
#yatay {
		display:none;
	float:left;
	}
#gizle {
	display:none;
	float:left;
	}
#genel {
	width:100%;
	}
.carousel{
	display:none;
	}
	.slide {
		margin-left:10px;
		}
	.sliderImg {
		width:32%;
		}
	.slidContent{
		width:32%;
		}
	.buyuk-slider{
		width:auto;	}
	.kucuk-slider{
		max-width:480px;
		overflow:hidden;
		height:295px;
		}
	.col {
		display:none;
		}
	.sosyal-mini {
		display:none;		}
	.uclu-slider ul li {
		width:47%;
		margin-bottom:10px;
		}
	.uclu-slider ul li img {
		width:100%;
		}
	#back-top {
		float:left;
		}
	.sosyal-mini {
		float:left;
		}
	header {
		max-width:480px;
		}
	.ust {
		width:100%;
		}
	.sag {
		display:none;
		}
	
	#ev {
		display:none;
		}
.videolu-yazi {
	width:100%;
	max-width:470px;
	}
.videolu-yazi h1 {
	line-height:25px;
	}
.mini-header {
	max-width:480px;
	width:100%;
	height:100px;
	background:#333333;
border-bottom: 1px solid #222;
-webkit-box-shadow: 0 -5px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 -8px 0 rgba(0,0,0,.1);
box-shadow: 0 0px 0 rgba(0,0,0,.1);

	}
}
stil.css'i bu şekilde değiştirirseniz sorun kalmıyor ekranımda
Konu Muhsin ASLAN tarafından (08 Mart 2014, 19:47 ) değiştirilmiştir.
  #5  
Okunmamış 08 Mart 2014, 20:06
ahmettalut Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 13 Mart 2012
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Hatay
Ad, Soyad: A... T...
Mesajlar: 1.051
Beğeniler: 210 / 136
Ticaret: 2, 100%
Alıntı:
Muhsin ASLAN Adlı Üyeden Alıntı
Hocam ekran problemi var sanırım. Tasarım gayet güzel olmuş ama ben kişisel bloglarda klasikten uzaklaşmış tasarımları tercih etmeye çalışıyoru. Elinize Sağlık..




stil.css'i bu şekilde değiştirirseniz sorun kalmıyor ekranımda
Teşekkürler; hemen değiştiriyorum. İşte hocam öylesine tasarladım kodladım sonra başka şeylerle uğraşınca kaldı öyle.
Muhsin ASLAN bunu beğendi.
https://goo.gl/sdN51Q "FirmaRehberiTeması ~50 TL~ (Sass,Yüksek google pagespeed değeri, responsive)
Cevap Yaz Favorilerime Ekle

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

Geri Git   WM Aracı > Programlama / Yazılım > 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ış. Şuanki Zaman: 01:26.