Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Bunu nasıl yaparım

 8 Mesajlar 1.414 Okunma
acebozum
tr.link

#1
nevelturk nevelturk WM Aracı Kimlik Onayı
  • Üyelik 02.06.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad Ş** K**
  • Mesajlar 349
  • Beğeniler 10 / 75
  • Ticaret 12, (%100)
Arkadaşlar www.modifiyeliarabam.blogspot.com adlı bloguma www.nevelturk.blogspot.com daki gibi bir menü yapmak istiyorum o sitede benim ama temayı çekilişle kazandım tek bir siteye lisanslı eğer o temayı kullanırsam haksızlık olur ben yapmak istiyorum böyle bir menü nasıl yapabilirim.
 

 

wmaraci
reklam

#2
Yunusemre Yunusemre Kabul Edilmedi Banlı Kullanıcı
  • Üyelik 08.07.2012
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad ** **
  • Mesajlar 1548
  • Beğeniler 963 / 278
  • Ticaret 97, (%100)

nevelturk adlı üyeden alıntı

Arkadaşlar www.modifiyeliarabam.blogspot.com adlı bloguma www.nevelturk.blogspot.com daki gibi bir menü yapmak istiyorum o sitede benim ama temayı çekilişle kazandım tek bir siteye lisanslı eğer o temayı kullanırsam haksızlık olur ben yapmak istiyorum böyle bir menü nasıl yapabilirim.


O menüdeki menus ile başlayan kodları yani menü css kodlarını modifiyelideki menü css kodlarıyla değiş ardından



    diye arattır ve ordakileride modifiyelidekiyle değiş :D yapamazsan yolla temayı ben yaparım boş zamanımda
 

 

#3
nevelturk nevelturk WM Aracı Kimlik Onayı
  • Üyelik 02.06.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad Ş** K**
  • Mesajlar 349
  • Beğeniler 10 / 75
  • Ticaret 12, (%100)
olduda arka plan olmadı 2 tane alt alta menü çıktı ama arka plan nasıl ekliyecek
 

 

#4
Yunusemre Yunusemre Kabul Edilmedi Banlı Kullanıcı
  • Üyelik 08.07.2012
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad ** **
  • Mesajlar 1548
  • Beğeniler 963 / 278
  • Ticaret 97, (%100)
CSS Kodlarını eksiksiz kopyalarsan arkaplan vs menü olduğu gibi oturacaktır.

Ardından bunu








bu kod ile değiş eğer önizleme yapınca hata verirse div kodlarından birini çıkart.
son kısımdakilerden.
 

 

wmaraci
wmaraci

#5
nevelturk nevelturk WM Aracı Kimlik Onayı
  • Üyelik 02.06.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad Ş** K**
  • Mesajlar 349
  • Beğeniler 10 / 75
  • Ticaret 12, (%100)
Ben .menus kopyala derken tek bunları kopyaladım doğrumu acaba.

.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
 

 

#6
Yunusemre Yunusemre Kabul Edilmedi Banlı Kullanıcı
  • Üyelik 08.07.2012
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad ** **
  • Mesajlar 1548
  • Beğeniler 963 / 278
  • Ticaret 97, (%100)
nevelturkteki şu kodu

.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
.menu-primary-container{float:right;padding:0;position:relative;height:30px;z-index:400;margin-top:18px}
.menu-primary{}
.menu-primary ul{min-width:160px}
.menu-primary li a{color:#FFF;padding:4px 15px 4px 15px;text-decoration:none;text-transform:uppercase;font:normal 12px 'Oswald',sans-serif;background:url(http://4.bp.blogspot.com/-P6EAjgvPQZU/TzmH9ce490I/AAAAAAAAElA/Ojz510N3lhE/s000/menu-primary-bg.png) left top repeat-x;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 4px 0 0;text-shadow:0 1px 0 #002B37}
.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#FFF;outline:0;background:url(http://4.bp.blogspot.com/-P6EAjgvPQZU/TzmH9ce490I/AAAAAAAAElA/Ojz510N3lhE/s000/menu-primary-bg.png) left -130px repeat-x;text-shadow:0 1px 0 #901D00}
.menu-primary li li a{color:#fff;text-transform:none;background:#D24C2D;padding:8px 15px;margin:0;border:0;font-weight:normal;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:2px;text-shadow:0 1px 0 #901D00}
.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;background:#f5f5f5;outline:0;border-bottom:0;text-decoration:none}
.menu-primary li li li a{margin-left:2px}
.menu-primary a.sf-with-ul{padding-right:20px;min-width:1px}
.menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:7px 10px 0 0}
.menu-primary li li .sf-sub-indicator{padding:7px 10px 0 0}
.wrap-menu-primary .sf-shadow ul{background:url('http://2.bp.blogspot.com/-aqxaeYRIxdw/TzmH9sUUBOI/AAAAAAAAElE/IWaZRiFvBQk/s000/menu-primary-shadow.png') no-repeat bottom right}

.twitterbarozicab{
background: url(http://a1208.hizliresim.com/10/m/c1z3l.png);
color:#fff;
font-size:12px;
width: 100%;
height: 24px;
margin-top:-2px;
border-radius: 10px 0px 10px 10px / 0px 10px 10px 10px;

}


.menu-secondary-container2{position:relative;height:28px;z-index:300;background: url(http://a1208.hizliresim.com/10/m/c1z3l.png); border-right:1px solid #ddd;padding-left:8px;border-left:1px solid #ddd;width:960px;
}

.menu-secondary2{}
.menu-secondary2 ul{min-width:160px;height:18px;}
.menu-secondary2 li a{color:#fff;text-shadow:0px 0px 0px #fff;padding:10px 10px 5px 15px;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif;margin-top:-4px;}
.menu-secondary2 li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary2 li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#fff;text-shadow:0px 0px 10px #fff;
Devamı Oku: Css3: Border Radius (Yuvarlak-Oval Köşeler) outline:0}
.menu-secondary2 li li a{color:#fff;text-shadow:0px 1px 0px #000;background:#1e1e1e;padding:10px 15px;text-transform:none;margin:0;font:bold 12px Arial,Helvetica,Sans-serif;}
.menu-secondary2 li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary2 li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary2 li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#000;text-shadow:0px 1px 0px #fff;background:#fff;outline:0}
.menu-secondary2 a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary2 .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:10px 13px 0 0}
.menu-secondary2 li li .sf-sub-indicator{padding:9px 13px 0 0}
.wrap-menu-secondary .sf-shadow ul{background:url('http://3.bp.blogspot.com/-wYsid6_7Ykg/TzmH9_WEABI/AAAAAAAAElM/l7Rg9YZg12o/s000/menu-secondary-shadow.png') no-repeat bottom right}




.menu-secondary-container{position:relative;height:33px;z-index:300;background: url(http://1.bp.blogspot.com/-kcfgvCWDOcQ/T_H2d_86JuI/AAAAAAAACY8/nrRMUCd50nM/s1600/ozicabmenu-secondary1.png);border-left:1px solid #ddd;padding-left:5px;border-right:1px solid #ddd;width:963px;border-radius: 8px 8px 8px 0px / 8px 8px 0px 8px;border-top:1px solid #ddd;}

.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#000;text-shadow:0px 1px 0px #fff;padding:11px 10px 8px 15px;text-decoration:none;font:bold 13px Arial,Helvetica,Sans-serif;}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#fff;text-shadow:0px 1px 0px #000;background:#950505; border-radius: 10px 10px 10px 0px / 10px 10px 0px 10px;
Devamı Oku: Css3: Border Radius (Yuvarlak-Oval Köşeler) outline:0}
.menu-secondary li li a{color:#fff;text-shadow:0px 1px 0px #000;background:#333333;padding:10px 15px;text-transform:none;margin:0;font:bold 13px Arial,Helvetica,Sans-serif;}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#000;text-shadow:0px 1px 0px #fff;background:#fff;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:10px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}



modifiyeli arabamdaki şu kod ile değiş

.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}
.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
.menu-primary-container{float:left;padding:0 0 0 10px;position:relative;height:42px;background:url(http://1.bp.blogspot.com/-qKwI-4zyqn0/T73ZxWyzWYI/AAAAAAAAAms/HP4ZZ63rUPc/s000/menu-primary-bg.png) left top repeat-x;z-index:400}
.menu-primary{}
.menu-primary ul{min-width:160px}
.menu-primary li a{color:#FFF;text-shadow:0px 1px 0px #000;padding:12px 15px 14px 15px;text-decoration:none;text-transform:uppercase;font:normal 13px 'Oswald',sans-serif;margin:0 2px 0 0}
.menu-primary li a:hover,.menu-primary li a:active,.menu-primary li a:focus,.menu-primary li:hover > a,.menu-primary li.current-cat > a,.menu-primary li.current_page_item > a,.menu-primary li.current-menu-item > a{color:#fff;outline:0;background:url(http://1.bp.blogspot.com/-qKwI-4zyqn0/T73ZxWyzWYI/AAAAAAAAAms/HP4ZZ63rUPc/s000/menu-primary-bg.png) left -142px repeat-x}
.menu-primary li li a{color:#fff;text-transform:none;background:#AB2300;padding:10px 15px;margin:0;border:0;font-weight:normal}
.menu-primary li li a:hover,.menu-primary li li a:active,.menu-primary li li a:focus,.menu-primary li li:hover > a,.menu-primary li li.current-cat > a,.menu-primary li li.current_page_item > a,.menu-primary li li.current-menu-item > a{color:#fff;background:#C63801;outline:0;border-bottom:0;text-decoration:none}
.menu-primary a.sf-with-ul{padding-right:20px;min-width:1px}
.menu-primary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:13px 10px 0 0}
.menu-primary li li .sf-sub-indicator{padding:9px 10px 0 0}
.wrap-menu-primary .sf-shadow ul{background:url('http://1.bp.blogspot.com/-Na19681L8Oo/T73Zx7s6kZI/AAAAAAAAAm0/0jqka4Vi8u4/s000/menu-primary-shadow.png') no-repeat bottom right}
.menu-secondary-container{position:relative;height:34px;z-index:300;background:none}
.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#CAC9C9;text-shadow:0px 1px 0px #000;padding:16px 15px 0 15px;text-decoration:none;text-transform:uppercase;font:bold 12px Arial,Helvetica,Sans-serif}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#FFF;background:none;outline:0}
.menu-secondary li ul{margin-top:15px}
.menu-secondary li li ul{margin-top:0}
.menu-secondary li li a{color:#FFF;background:#666;padding:10px 15px;text-transform:none;margin:0;font-weight:normal}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#FFF;background:#7F7F7F;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:14px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}
.wrap-menu-secondary .sf-shadow ul{background:url('http://2.bp.blogspot.com/-dFCF11vBPqg/T73ZyN_V3XI/AAAAAAAAAm8/LFDZzD_oKyU/s000/menu-secondary-shadow.png') no-repeat bottom right}


ardından yukardaki gösterdiklerimi yaparsan düzelecektir.

Ek Olarak: .twitterbarozicab{
background: url(http://a1208.hizliresim.com/10/m/c1z3l.png);
color:#fff;
font-size:12px;
width: 100%;
height: 24px;
margin-top:-2px;
border-radius: 10px 0px 10px 10px / 0px 10px 10px 10px;

}


bu kodu çıkarabilirsin onu unuttum..
 

 

#7
nevelturk nevelturk WM Aracı Kimlik Onayı
  • Üyelik 02.06.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad Ş** K**
  • Mesajlar 349
  • Beğeniler 10 / 75
  • Ticaret 12, (%100)
Off hata veriyor divlerden birini sili,yorum olmuyor

Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun.
XML hata iletisi: The reference to entity "widgetType" must end with the ';' delimiter.
Error 500

Ek Olarak:

nevelturk adlı üyeden alıntı

Off hata veriyor divlerden birini sili,yorum olmuyor


Acaba sana tema linki atsam 5 dk yaparmısın ?
 

 

#8
Yunusemre Yunusemre Kabul Edilmedi Banlı Kullanıcı
  • Üyelik 08.07.2012
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad ** **
  • Mesajlar 1548
  • Beğeniler 963 / 278
  • Ticaret 97, (%100)

nevelturk adlı üyeden alıntı

Off hata veriyor divlerden birini sili,yorum olmuyor



Ek Olarak:

Acaba sana tema linki atsam 5 dk yaparmısın ?


tabi yolla

Ek Olarak: Sen pm olarak at gelince bakarım..
 

 

Blogger menu başlıklarını renklendirmek büyütmek nasıl yapılır?
Scrollbar Problemi
wmaraci
wmaraci
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al