css ile menü işi

selamlar öncelikle sitemde; http://onlinefullizle.com/ kategor kısmı gördüğünüz üzere çok ilkel kalmış durumda bu sebeple o kısmı http://www.fullhdfilmizle.org/ sitesindeki film türkleri adı altında yazan kategorilerin görünümnde yapmak için css dizaynı yapmam gerekiyor. yardım edebilecek bi arkadaş varmı? aynı o sitede olanki gibi menü yapabilmem için css kodu oluşturabilecek biri varmı? bu iş zormu ?

@KASPAROVV Merhaba,

Boş vaktimde hızlı bir şekilde sizin sitenizin renklerinde css kodlamasını yaptım ve paylaşıyorum. Bir arkadaşımızda wordpress giydirmesini yaparsa işiniz görülür. Aslında biraz sizde inceleseniz belki yapabilirsiniz.

Demo için tıklayınız

İndirmek için download link olarak şunu kullanabilirsiniz.
http://s3.dosya.tc/server4/xs2foj/menu.rar.html

Ufffffffffffffff süper aklimdakini yaptin kardeşim

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 13:06:25 -->-> Daha önceki mesaj 13:04:06 --

kardeşim aslında ilgliyim yani temel şeylerden anlarımda bu biraz zor geldi sizin için bu çokmu kolay bi olaydı?

Yani pratiğiniz yok ise zor gelmesi normaldir. Alışkın olduğum için 5-10 dakikalık birşey bu. Yardımı dokunması açısından şöyle parçalayarak yazıyorum.


bunlar CSS kısmına eklenecek, burada düzenlemeniz gereken 2 alan var. Onlarıda /* ile başlayan açıklamalar ile ekledim genişlik değerini site üzerinde düzenleme yaparsınız birde resim linkini girersiniz.

.c-menu {
	border-top:1px solid #e0ceb1;
	border-left:1px solid #e0ceb1;
}
.c-menu ul {
	display:block;
	margin:0;
	padding:0
}
.c-menu ul li {
	list-style:none;
	float:left;
	background: rgb(255,250,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,250,244,1) 0%, rgba(242,223,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,250,244,1)), color-stop(100%,rgba(242,223,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,250,244,1) 0%,rgba(242,223,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,250,244,1) 0%,rgba(242,223,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,250,244,1) 0%,rgba(242,223,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,250,244,1) 0%,rgba(242,223,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf4', endColorstr='#f2dfbf',GradientType=0 )
}
.c-menu ul li:hover {
	background: rgb(255,252,244);
	background: -moz-linear-gradient(top,  rgba(255,252,244,1) 0%, rgba(242,241,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,252,244,1)), color-stop(100%,rgba(242,241,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(242,241,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(242,241,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,252,244,1) 0%,rgba(242,241,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,252,244,1) 0%,rgba(242,241,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf4', endColorstr='#f2f1bf',GradientType=0 )
}
.c-menu ul li a {
	display:block;
	width:120px; /* EKLENECEK ALANA GÖRE DÜZENLENMESİ GEREKEN KISIM */
	border-bottom:1px solid #e0ceb1;
	border-right:1px solid #e0ceb1;
	border-top:1px solid #fff;
	font-family: Arial;
	font-size:11px;
	color:#4b4842;
	text-decoration:none;
	font-weight:bold;
	padding:10px 10px 10px 28px;
	background: url('menu-bas.png') no-repeat 10px center; /* RESMİN SUNUCUDAKİ LİNKİ BURAYA GİRİLECEK */
}
.c-cle {
	clear:both;
}

Buda html kısmı, burada düzenleyeceğiniz alan <li> </li> arasındaki kodlar olacak. Wordpress deki o kısmın bulunduğu şablonu açıp kategori link kısmındaki php kodunu bu kodların href="" ve title="" kısmına eklemelisiniz. Ben uygun şablonu vs bilmiyorum bu yüzden beni uğraştırır wordpress üzerinde yapmak. Veya bekleyin dediğim gibi yardımcı olmak isteyen biri bu kodlar ile en fazla 20 dakikaya halledebilir.

<div class="c-menu">
	<ul>
	
		<li><a href="" title="">Menü</a></li>

	</ul>
	<div class="c-cle"></div>
</div>

süper kardeşim zor gelmediyse ücretli bi kaç daha dizayn yaptırabilirm makul ücretler isterseniz

Hocam Temmuz sonuna kadar doluyum ne yazık ki ama bu tarz istekler ise konuda belirtin ücretsiz olarak paylaşırım boş vakit buldukça burada.

Sanırsam kabataslak şu şekilde birşey istiyorsunuz?

http://prntscr.com/7pxw6a
http://prntscr.com/7pxwct