Yazar |
Mesaj |
-
ibrahmgun
Uzman Üye
|
06.12.2008, 14:18 (UTC) Mesaj konusu: |
|
|
Teşekürler |
|
↑
|
|
|
-
korfezcomputer
Acemi Üye
|
06.12.2008, 14:55 (UTC) Mesaj konusu: |
|
|
ibrahmgun sende çalıştı herhalde teşekkür ettiğine göre. Bizlede paylaşırsan iyi olur. |
|
↑
|
|
|
-
korfezcomputer
Acemi Üye
|
06.12.2008, 15:12 (UTC) Mesaj konusu: |
|
|
ironarchives yazmış: Merhaba,
Koddaki <body> Taglerini Bulun ve <body> Dahil Yukarısında Kalan Tüm Kodları Silin.
Daha Sonra, Şu Kısımda Belirtilen Yerlere İlgili Resim URLlerini Yerleştirin ;
Kod: <!--top dock -->
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="#"><img src="images/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="#"><img src="images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="#"><img src="images/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="#"><img src="images/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="#"><img src="images/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="#"><img src="images/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="images/rss2.png" alt="rss" /><span>RSS2</span></a>
</div>
</div>
Kodu Paylaşan Arkadaş, Menu ye Ait Resimleri Paylaşırsa, Belirtilen Kısımlara İlgili Resim URLlerini Upload Edip Yerleştirebilirsiniz..
Daha Sonra ;
Kodun En Altında Bulunan </body> ve </html> Tag larını Silin.
Yerine </style> Tagını Ekleyin.
Yine Yukarıdaki Belirttiğim Kodda İlgili Yerlere Sayfa İsimlerinizi ve Linklerinizi Ekleyebilirsiniz..
Kodu Kullanmak İstediğiniz Yere Göre Sitenize Ekleyebilirsiniz...
Önerilen ; Tasarımın Üzerindeki Yazı İsimli Kutucuk
İyi Eğlenceler...
Sayın ironarchives anlattıklarınızın aynısını uyguladım. Fakat menü hareket etmiyor ikonlar büyük ve menü yazıları yanında yazıyor. Bi eksiklik ya da yanlışlık mı var paylaştığınız konuda ya da </style> tagı ekleyin demişsiniz üst bölümlerde <style> başlangıcı yok o yüzden olabilir mi? Cevabınızı bekliyorum. Teşekkürler. |
|
↑
|
|
|
-
ironarchives
Uzman Üye
Konum: Antalya / Merkez
|
|
↑
|
|
|
-
korfezcomputer
Acemi Üye
|
07.12.2008, 14:51 (UTC) Mesaj konusu: |
|
|
Çalışmadı yinede teşekkürler. |
|
↑
|
|
|
-
kaidem
Uzman Üye
|
28.01.2009, 15:47 (UTC) Mesaj konusu: s.a |
|
|
ben bu menüyü tr.gg ye uyarladım isteyen arkadaslar bana om atsınlar |
|
↑
|
|
|
-
kaidem
Uzman Üye
|
30.01.2009, 10:17 (UTC) Mesaj konusu: s.a |
|
|
tr.gg ailesi için css dork menü anlatımı
tasarım üstü için
Kod: <div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="rss" /><span>Links</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /><span>RSS2</span></a>
</div>
</div>
tasarım altı için gereken kod:
Kod: <script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
içerik bolumune konulacak kod
Kod: <script type="text/javascript" src="http://www.ndesign-studio.com/demo/css-dock-menu/js/jquery.js"></script>
<script type="text/javascript" src="http://www.ndesign-studio.com/demo/css-dock-menu/js/interface.js"></script>
css kod bolumu için konulacak kod:
Kod: /* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
background: url(http://www.ndesign-studio.com/demo/css-dock-menu/images/dock-bg2.gif);
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
}
umarım işinize yarar bi eksiği varsa affola kolay gelsin... |
|
↑
|
|
|
-
desingmega
Bedava-Sitem Bağımlısı
|
31.01.2009, 08:30 (UTC) Mesaj konusu: |
|
|
Güzelll ______________
|
|
↑
|
|
|
-
pit43
Bedava-Sitem Bağımlısı
Konum: Denizli
|
31.01.2009, 08:37 (UTC) Mesaj konusu: bs |
|
|
Paylaşım için teşekkürler ______________ Site Sahibi DjYıldırım Soylupinar |
|
↑
|
|
|
-
ugurcaweb
Acemi Üye
|
31.01.2009, 23:02 (UTC) Mesaj konusu: verdiğin kod bir işe yaramıyor |
|
|
verdiğin kod bir işe yaramıyor
En son ugurcaweb tarafından 01.02.2009 21:40:03 tarihinde değiştirildi, toplam 1 kere değiştirildi
|
|
↑
|
|
|
-
main-center
Acemi Üye
|
05.02.2010, 17:34 (UTC) Mesaj konusu: kod yanlıştı |
|
|
kod denendi ve yanlıştır...
bunun esasında CSS ve HTML OLAN KODLARI OLACAKTIR.. ______________ www.main-center.tr.gg
Sitemize girerseniz çok seviniriz.... |
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
05.02.2010, 22:53 (UTC) Mesaj konusu: |
|
|
kod ayırımı doğru fakat .js dosyaları bozulmuş olabilir ______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
-
tasarimci-amca2
Uzman Üye
Konum: eskisehir uleyn :)
|
05.02.2010, 22:58 (UTC) Mesaj konusu: |
|
|
tasarimci-amca2 yazmış: kod ayırımı doğru fakat .js dosyaları bozulmuş olabilir
yine söyluyorum .js dosyaları hatalı olabilir fakat dikkatli bakmadım bu tip menuler her zaman böyle eklenmesi lazım siteye
tasarımın üzerindeki yazıya
Kod: <script type="text/javascript">
$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);
</script>
<script type="text/javascript" src="http://www.ndesign-studio.com/demo/css-dock-menu/js/jquery.js"></script>
<script type="text/javascript" src="http://www.ndesign-studio.com/demo/css-dock-menu/js/interface.js"></script>
<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/home.png" alt="home" /><span>Home</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/email.png" alt="contact" /><span>Contact</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/music.png" alt="music" /><span>Music</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/video.png" alt="video" /><span>Video</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/history.png" alt="history" /><span>History</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/calendar.png" alt="calendar" /><span>Calendar</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/link.png" alt="rss" /><span>Links</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss.png" alt="rss" /><span>RSS</span></a>
<a class="dock-item" href="#"><img src="http://www.ndesign-studio.com/demo/css-dock-menu/images/rss2.png" alt="rss" /><span>RSS2</span></a>
</div>
</div>
css koduna
Kod: /* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
background: url(http://www.ndesign-studio.com/demo/css-dock-menu/images/dock-bg2.gif);
padding-left: 20px;
}
a.dock-item {
display: block;
width: 40px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 20px;
} ______________ css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
|
|
↑
|
|
|
-
iskenderakcay54
Bedava-Sitem Bağımlısı
|
10.04.2010, 21:20 (UTC) Mesaj konusu: |
|
|
Teşekkürler ______________ 2007-2021 |
|
↑
|
|
|
-
berkdiyari
Acemi Üye
|
12.04.2010, 14:41 (UTC) Mesaj konusu: |
|
|
Arkadaşlar bir konu var.Size danışmak istiyorum.Css tasarıma html menüyü nasıl ekleyebiliriz?İlginize şimdiden teşekkür ederim. ______________ |
|
↑
|
|
|
|