Giriş Yap / Kayıt Ol

Beğeni Ağacı2Beğeni
  • 1 Yazan ahmettalut
  • 1 Yazan ahmettalut

Konuya Cevap Yaz
Seçenekler Stil
Geri Git   WM Aracı > Programlama / Yazılım > HTML - CSS - XML
UkashSatinAl.com.tr
  #1  
Okunmamış 08 Mart 2014, 19:31
ahmettalut Adlı Üyenin Avatarı
Akın var, güneşe akın!
 
Üyelik Tarihi: 13 Mart 2012
Mesajlar: 735
Beğenilen Mesajları: 154
Beğendiği Mesajlar: 106
Ticaret: 1, 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..
  #2  
Okunmamış 08 Mart 2014, 19:53
Adobewordpress Adlı Üyenin Avatarı
adobewordpress.com
 
Üyelik Tarihi: 08 Temmuz 2011
Mesajlar: 614
Beğenilen Mesajları: 411
Beğendiği Mesajlar: 59
Ticaret: 1, 100%
Standart

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, 19:56
ahmettalut Adlı Üyenin Avatarı
Akın var, güneşe akın!
 
Üyelik Tarihi: 13 Mart 2012
Mesajlar: 735
Beğenilen Mesajları: 154
Beğendiği Mesajlar: 106
Ticaret: 1, 100%
Standart

Alıntı:
Adobewordpress Adlı Üyeden Alıntı Mesajı göster
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.
  #4  
Okunmamış 08 Mart 2014, 20:39
Muhsin ASLAN Adlı Üyenin Avatarı
yağmurdaıslananşemsiyeci
 
Üyelik Tarihi: 11 Temmuz 2012
Yaş / Cinsiyet: 19 / Erkek
Mesajlar: 833
Beğenilen Mesajları: 189
Beğendiği Mesajlar: 915
Ticaret: 1, 100%
Standart

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, 20:47 ) değiştirilmiştir.
  #5  
Okunmamış 08 Mart 2014, 21:06
ahmettalut Adlı Üyenin Avatarı
Akın var, güneşe akın!
 
Üyelik Tarihi: 13 Mart 2012
Mesajlar: 735
Beğenilen Mesajları: 154
Beğendiği Mesajlar: 106
Ticaret: 1, 100%
Standart

Alıntı:
Muhsin ASLAN Adlı Üyeden Alıntı Mesajı göster
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.
Konuya Cevap Yaz

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

Benzer Konular
Konu Konuyu Açan Forum Cevap Son Mesaj
Beste Wordpress Teması # Şarkı Sözü-Müzik-Klip Teması # Hız:98 # SEO:94 # 100% Valid concorde Ücretli WP Temaları 12 03 Haziran 2014 22:10
ATalut Admin Panel Önerileriniz ahmettalut HTML - CSS - XML 6 27 Haziran 2013 01:59
ATalut Kurumsal Tema Tasarımı ahmettalut HTML - CSS - XML 10 01 Mayıs 2013 00:09
ATalut Clean Business Kurumsal Teması (PSDtoCSS) ahmettalut HTML - CSS - XML 1 29 Nisan 2013 14:25
ATalut Portfolyo Teması ahmettalut HTML - CSS - XML 9 25 Nisan 2013 00:12

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ı



WM Aracı Maskotu Boa WM Aracı © 2010 - 2014
WM Aracı tescilli bir markadır.
Cesur.NETWM Aracı Cesur.NET İnternet Teknolojileri'nde güvenle barınmaktadır.
Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 16:20.