Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 5
  • 1
  • 2
  • 3
  • 4
  • 5
Editleyebileceğim bir tema
#1
Elinizde editleyebileceğim menüsü, kullanıcı paneli vs. güzel olan bir tema varmı? Yeni süper,güzel bir tema kodlamayı planlıyorum bu hesaptan. Mesela vereceğiniz temadaki menü önemli, her zaman ki klasik menülerden değil değişik bir şey bekliyorum. Umarım vardır.
Ara
Cevapla PGM
Teşekkür verenler:
#2
Sıfırdan yaparsan senin adın geçer ama edit yaparsan tema yapımıcısı hala temayı yapanın adı olur. Bence default temadan yap ;)
Ara
Cevapla PGM
Teşekkür verenler:
#3
@Caxing ben sadece şık bir menü istiyorum. Şu sıralar herkes klasik menüler kullanıyor, ben farklı şeyler istiyorum bunları herkes yapar :D. Bu arada yapacağım temada senin postbitinin mavisini de kullanıcağım. Güzel bir menü kodlayacak birini bulmayalıyım ki bulamıyorum. Arıyorum..
Ara
Cevapla PGM
Teşekkür verenler:
#4
Benimö Temamı Değiştirebilirsin. Ama Adımı Silme :)

Uşar Tema: Aramaya UŞAR Yaz Çıkar.
Ara
Cevapla PGM
Teşekkür verenler:
#5
@Newsong30 menü pek hoşuma gitmedi, şimdi kendim menü yapıyorum. Gerek kalmadı, teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#6
Site adresini verde demoya bakalım.
Ara
Cevapla PGM
Teşekkür verenler:
#7
@ufufuk yeni bir tema yapıcağım dedim ve güzel bir menü arıyorum. Az önce menü yapacaktım ama css almak ücretliymiş. Halen daha menü arıyorum.
Ara
Cevapla PGM
Teşekkür verenler:
#8
Tamamda hangi sitede yapacaksın ?
PHP Kod:
@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
 
 margin0;
 
 padding0;
 
 border0;
 
 list-stylenone;
 
 line-height1;
 
 displayblock;
 
 positionrelative;
 
 -webkit-box-sizingborder-box;
 
 -moz-box-sizingborder-box;
 
 box-sizingborder-box;
}
#cssmenu:after,
#cssmenu > ul:after {
 
 content".";
 
 displayblock;
 
 clearboth;
 
 visibilityhidden;
 
 line-height0;
 
 height0;
}
#cssmenu #menu-button {
 
 displaynone;
}
#cssmenu {
 
 widthauto;
 
 font-familyRalewaysans-serif;
 
 line-height1;
}
#cssmenu > ul {
 
 background#3db2e1;
}
#cssmenu > ul > li {
 
 floatleft;
 
 -webkit-perspective1000px;
 
 -moz-perspective1000px;
 
 perspective1000px;
}
#cssmenu.align-center > ul {
 
 font-size0;
 
 text-aligncenter;
}
#cssmenu.align-center > ul > li {
 
 displayinline-block;
 
 floatnone;
}
#cssmenu.align-right > ul > li {
 
 floatright;
}
#cssmenu > ul > li > a {
 
 padding16px 20px;
 
 font-size14px;
 
 color#ffffff;
 
 letter-spacing1px;
 
 text-transformuppercase;
 
 text-decorationnone;
 
 background#3db2e1;
 
 -webkit-transitionall .3s;
 
 -moz-transitionall .3s;
 
 -o-transitionall .3s;
 
 transitionall .3s;
 
 -webkit-transform-origin500;
 
 -moz-transform-origin500;
 
 transform-origin500;
 
 -webkit-transform-stylepreserve-3d;
 
 -moz-transform-stylepreserve-3d;
 
 transform-stylepreserve-3d;
}
#cssmenu > ul > li.active > a {
 
 color#dff2fa;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
 
 color#dff2fa;
 
 -webkit-transformrotateX(90degtranslateY(-23px);
 
 -moz-transformrotateX(90degtranslateY(-23px);
 
 transformrotateX(90degtranslateY(-23px);
 
 -ms-transformnone;
}
#cssmenu > ul > li > a::before {
 
 positionabsolute;
 
 top100%;
 
 left0;
 
 z-index: -1;
 
 -webkit-box-sizingborder-box;
 
 -moz-box-sizingborder-box;
 
 box-sizingborder-box;
 
 width100%;
 
 height100%;
 
 padding16px 20px;
 
 color#dff2fa;
 
 background#19799f;
 
 contentattr(data-title);
 
 -webkit-transitionbackground 0.3s;
 
 -moz-transitionbackground 0.3s;
 
 transitionbackground 0.3s;
 
 -webkit-transformrotateX(-90deg);
 
 -moz-transformrotateX(-90deg);
 
 transformrotateX(-90deg);
 
 -webkit-transform-origin500;
 
 -moz-transform-origin500;
 
 transform-origin500;
 
 -ms-transformtranslateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
 
 background#3db2e1;
}
#cssmenu.small-screen {
 
 width100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
 
 width100%;
 
 text-alignleft;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
 
 floatnone;
 
 displayblock;
 
 border-top1px solid rgba(1001001000.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
 
 color#dff2fa;
 
 -webkit-transformnone;
 
 -moz-transformnone;
 
 transformnone;
 
 -ms-transformnone;
}
#cssmenu.small-screen > ul > li > a::before {
 
 displaynone;
}
#cssmenu.small-screen #menu-button {
 
 displayblock;
 
 padding16px 20px;
 
 cursorpointer;
 
 font-size14px;
 
 text-decorationnone;
 
 color#ffffff;
 
 text-transformuppercase;
 
 letter-spacing1px;
 
 background#3db2e1;
}
#cssmenu.small-screen #menu-button:after {
 
 content"";
 
 positionabsolute;
 
 right20px;
 
 top17px;
 
 displayblock;
 
 -webkit-box-sizingcontent-box;
 
 -moz-box-sizingcontent-box;
 
 box-sizingcontent-box;
 
 border-top2px solid #ffffff;
 
 border-bottom2px solid #ffffff;
 
 width22px;
 
 height3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
 
 border-top2px solid #dff2fa;
 
 border-bottom2px solid #dff2fa;
}
#cssmenu.small-screen #menu-button:before {
 
 content"";
 
 positionabsolute;
 
 right20px;
 
 top27px;
 
 displayblock;
 
 width22px;
 
 height2px;
 
 background#ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
 
 background#dff2fa;

HTML KODLARI
Kod:
<div id='cssmenu'>
<ul>
  <li class='active'><a href='#'>AnaSayfa</a></li>
  <li><a href='#'>Portal</a></li>
  <li><a href='#'>Yetkili Listesi</a></li>
  <li><a href='#'>Üye Listesi</a></li>
</ul>
</div>

</body>
<html>
Ara
Cevapla PGM
Teşekkür verenler:
#9
@ufufuk tamda istediğim menüyü nasıl yaptınız şaşıyorum. Tam da istediğim buydu, teşekkür ederim. Temayı daha sıfırdan yapıyorum default üzerinden o yüzden site adresini vermek istemiyorum, tekrardan teşekkürler. Bu menünün sırasını şu şekilde ve şu renk koduyla yaparmısınız?;
#660000
ANA SAYFA    ÜYE LİSTESİ     FORUM TAKIMI    ARAMA
Ara
Cevapla PGM
Teşekkür verenler:
#10
Rica ederim tabiki hemen yapıyorum.
Ara
Cevapla PGM
Teşekkür verenler:
#11
PHP Kod:
@import url(http://fonts.googleapis.com/css?family=Raleway);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
 
 margin0;
 
 padding0;
 
 border0;
 
 list-stylenone;
 
 line-height1;
 
 displayblock;
 
 positionrelative;
 
 -webkit-box-sizingborder-box;
 
 -moz-box-sizingborder-box;
 
 box-sizingborder-box;
}
#cssmenu:after,
#cssmenu > ul:after {
 
 content".";
 
 displayblock;
 
 clearboth;
 
 visibilityhidden;
 
 line-height0;
 
 height0;
}
#cssmenu #menu-button {
 
 displaynone;
}
#cssmenu {
 
 widthauto;
 
 font-familyRalewaysans-serif;
 
 line-height1;
}
#cssmenu > ul {
 
 background#660000;
}
#cssmenu > ul > li {
 
 floatleft;
 
 -webkit-perspective1000px;
 
 -moz-perspective1000px;
 
 perspective1000px;
}
#cssmenu.align-center > ul {
 
 font-size0;
 
 text-aligncenter;
}
#cssmenu.align-center > ul > li {
 
 displayinline-block;
 
 floatnone;
}
#cssmenu.align-right > ul > li {
 
 floatright;
}
#cssmenu > ul > li > a {
 
 padding16px 20px;
 
 font-size14px;
 
 color#ffffff;
 
 letter-spacing1px;
 
 text-transformuppercase;
 
 text-decorationnone;
 
 background#660000;
 
 -webkit-transitionall .3s;
 
 -moz-transitionall .3s;
 
 -o-transitionall .3s;
 
 transitionall .3s;
 
 -webkit-transform-origin500;
 
 -moz-transform-origin500;
 
 transform-origin500;
 
 -webkit-transform-stylepreserve-3d;
 
 -moz-transform-stylepreserve-3d;
 
 transform-stylepreserve-3d;
}
#cssmenu > ul > li.active > a {
 
 color#dff2fa;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover {
 
 color#dff2fa;
 
 -webkit-transformrotateX(90degtranslateY(-23px);
 
 -moz-transformrotateX(90degtranslateY(-23px);
 
 transformrotateX(90degtranslateY(-23px);
 
 -ms-transformnone;
}
#cssmenu > ul > li > a::before {
 
 positionabsolute;
 
 top100%;
 
 left0;
 
 z-index: -1;
 
 -webkit-box-sizingborder-box;
 
 -moz-box-sizingborder-box;
 
 box-sizingborder-box;
 
 width100%;
 
 height100%;
 
 padding16px 20px;
 
 color#dff2fa;
 
 background#19799f;
 
 contentattr(data-title);
 
 -webkit-transitionbackground 0.3s;
 
 -moz-transitionbackground 0.3s;
 
 transitionbackground 0.3s;
 
 -webkit-transformrotateX(-90deg);
 
 -moz-transformrotateX(-90deg);
 
 transformrotateX(-90deg);
 
 -webkit-transform-origin500;
 
 -moz-transform-origin500;
 
 transform-origin500;
 
 -ms-transformtranslateY(- -18px);
}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before {
 
 background#3db2e1;
}
#cssmenu.small-screen {
 
 width100%;
}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul {
 
 width100%;
 
 text-alignleft;
}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center {
 
 floatnone;
 
 displayblock;
 
 border-top1px solid rgba(1001001000.1);
}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover {
 
 color#dff2fa;
 
 -webkit-transformnone;
 
 -moz-transformnone;
 
 transformnone;
 
 -ms-transformnone;
}
#cssmenu.small-screen > ul > li > a::before {
 
 displaynone;
}
#cssmenu.small-screen #menu-button {
 
 displayblock;
 
 padding16px 20px;
 
 cursorpointer;
 
 font-size14px;
 
 text-decorationnone;
 
 color#ffffff;
 
 text-transformuppercase;
 
 letter-spacing1px;
 
 background#3db2e1;
}
#cssmenu.small-screen #menu-button:after {
 
 content"";
 
 positionabsolute;
 
 right20px;
 
 top17px;
 
 displayblock;
 
 -webkit-box-sizingcontent-box;
 
 -moz-box-sizingcontent-box;
 
 box-sizingcontent-box;
 
 border-top2px solid #ffffff;
 
 border-bottom2px solid #ffffff;
 
 width22px;
 
 height3px;
}
#cssmenu.small-screen #menu-button.menu-opened:after {
 
 border-top2px solid #dff2fa;
 
 border-bottom2px solid #dff2fa;
}
#cssmenu.small-screen #menu-button:before {
 
 content"";
 
 positionabsolute;
 
 right20px;
 
 top27px;
 
 displayblock;
 
 width22px;
 
 height2px;
 
 background#ffffff;
}
#cssmenu.small-screen #menu-button.menu-opened:before {
 
 background#dff2fa;

HTML KODLARI

<div id='cssmenu'>
Kod:
<ul>
 <li class='active'><a href='/index.php'>AnaSayfa</a></li>
 <li><a href='memberlist.php'>Üye Listesi</a></li>
 <li><a href='showteam.php'>Forum Takımı</a></li>
 <li><a href='searh.php'>Arama</a></li>
</ul>
</div>

</body>
<html>
Ara
Cevapla PGM
Teşekkür verenler:
#12
@ufufuk repinizi verdim, teşekkürler.
Ara
Cevapla PGM
Teşekkür verenler:
#13
Teşekkür etsende olurdu rica ederim.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping