Forum'da ara:
Ara


Yazar Mesaj
Mesaj04.07.2010, 14:54 (UTC)    
Mesaj konusu: üzerine geldiğinde sol tarafta ok çıkan yazı

arkadaşlar ben sitemi css tasarımı ile yaptım burada sormak istediğim bir soru var şiirlerimi isimlerine göre alt alta sıralıyorum köprüsünü de veriyorum ama benim istediğim bu şiirlerimin adlarını sıraladığım her şiir adının üzerine mause geldiğinde solunda ok çıkması bu oradaki yazının aktif bir unsur olduğunun anlaşılması ve estetik açıdan önemli bu nasıl yapılıyor bilen arkadaşlar yardımcı olursa sevinirim
______________
Mesaj06.07.2010, 10:27 (UTC)    
Mesaj konusu:

Örnek verebileceginiz bir site var mi bu yoksa tamamen kendi isteginiz mi?
Mesaj06.07.2010, 22:57 (UTC)    
Mesaj konusu:

merhabalar ilgine teşekkür ediyorum
http://www.siirakademisi.com/

bu sitede sağ tarafta son eklenen şiirler bölümünde var bu flash mıdır nasıl yapılıyor site yöneticisi tanıdık ama bu konulara yabancı olabilir ondan istemek doğru olur mu onuda bilmiyorum açıkçası
______________
Mesaj07.07.2010, 06:33 (UTC)    
Mesaj konusu: Gri dikey menü

Kod:
<!--Dikey Gri menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243; /*width of menu*/
border-style: solid solid none solid;
border-color: #cccccc;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img823.imageshack.us/img823/2741/kodbanksgrimenuok.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #5E7830;
}
.arrowgreen li a:hover{
color: #26370A;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Gri menu kodu bitir-->

______________
Mesaj07.07.2010, 10:07 (UTC)    
Mesaj konusu: teşekkür

sağol ,ama bunun rengini beyaz yapmam gerekiyor ,ayrıca yeni sayfa yapıp kodu yapıştırdım
link adı ayrı solda kalıyor ok'un olduğu alan sağ tarafta ve ayrı olarak çıkıyor ;yani buradaki gri-siyah renk olarak arka plan rengi beyaz olması gerekiyor bunu kod içinden ffffff olarak değiştirdim ama olmuyor;senin sitedeki kod denemede denedim ok ile gri arkaplan yazının üzerine gelinde aynı alan içinde çıkıyor benim sitenin kod editörüne yapıştırıp kaynak kodu tıkladığımdada senin kod deneme deki gibi aynı alanda görünüyor yani hem ok hem link fakat kaydet deyip sayfayı kaydettiğimde ok sağ tararfta bağımsız bir şekilde link aadı denilen bölüme mauseyi getirdiğimde sağ tarafta çıkıyor
______________
Mesaj07.07.2010, 10:13 (UTC)    
Mesaj konusu: teşekkür

sağ tarafta iki ayrı birimde link adı gibi menü şeklinde iki ayrı ok çıkıyor
______________
Mesaj07.07.2010, 10:20 (UTC)    
Mesaj konusu: teş

sanki kod parçalanıyor da ok lu bölüm sağa kayıyor link adı denilen bölümün sol tarafı kesik çıkıyor nedeni ne olabilir
yani altı adet alt alta menü oluşuyor soltarafta ama sol köşesi kesik halde sağ tarafta boş gri alan altı adet ve onunda sağında ikinci bir altı adetlik altalta boş menü çıkıyor sol taraftaki link adının üzerine gelince bu boş menülerde ok çıkıyor bunu çözebilirmiyiz ve gri yi beyaza çevirebilirmiyiz
______________
Mesaj07.07.2010, 10:23 (UTC)    
Mesaj konusu:

www.axtorhtmlkodlari.tr.gg Siteyi Bi Gözden geçir aradıgın kod vardır demek istedigini tam anlamadım anlasaydım daha ayrıntılı yardımcı olurdum www.axtorhtmlkodlari.tr.gg sitesinde tüm kodlar mevcut Bi bak istersen
Mesaj07.07.2010, 10:30 (UTC)    
Mesaj konusu: teş

görüntüsü aşağıdaki linkte

http://sanatakademisi.tr.gg/dss.htm
Mesaj07.07.2010, 10:32 (UTC)    
Mesaj konusu:

Bu kodu bir deneyin..

Kod:
<!--Dikey Gri menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #cccccc;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img823.imageshack.us/img823/2741/kodbanksgrimenuok.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #5E7830;
}
.arrowgreen li a:hover{
color: #26370A;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
<li><a title="Tıkla" href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"><span style="color: #cccccc">Link Adı</span></a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Gri menu kodu bitir-->

______________
Mesaj07.07.2010, 10:34 (UTC)    
Mesaj konusu: teş

görüntüsü aşağıdaki linkte

http://sanatakademisi.tr.gg/dss.htm
______________
Mesaj07.07.2010, 10:38 (UTC)    
Mesaj konusu: teş

bu verdiğin kod doğru çalışıyor,şimdi sıra bu gri olan yeri beyaz yapmakta
______________
Mesaj07.07.2010, 11:05 (UTC)    
Mesaj konusu:

Beyaz ok lu menü

Kod:
<!--Dikey Beyaz-ok  menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #000000;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img580.imageshack.us/img580/8757/kodbanksdikeymnbtn1.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #000000;
}
.arrowgreen li a:hover{
color: #000000;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg"><span style="color: #ff9900">Link Adı</span></a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey beyaz ok  menu kodu bitir-->



Buda değişik bir versiyonu:

Kod:
<!--Dikey Gri-beyaz  menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #000000;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img15.imageshack.us/img15/8701/kodbanksdikeymnbtn.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #000000;
}
.arrowgreen li a:hover{
color: #000000;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg"><span style="color: #ff9900">Link Adı</span></a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Gri beyaz menu kodu bitir-->

______________
Mesaj07.07.2010, 11:47 (UTC)    
Mesaj konusu:

Yeşil ok-transparan menü

Kod:
<!--Dikey Yesil ok-transparan  menu kodu basla--><!--Kaynak:Kodbanks.tr.gg--><style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.arrowgreen{
width: 243px; /*width of menu*/
border-style: solid solid none solid;
border-color: #000000;
border-size: 0px;
border-width: 0px;
}
.arrowgreen ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.arrowgreen li a{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
display: block;
background: transparent url(http://img21.imageshack.us/img21/9403/kodbanksyslokmn.gif) 100% 0;
height: 24px; /*Set to height of bg image- padding within link (ie: 12px - 4px - 4px)*/
padding: 4px 0 4px 37px;
line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
text-decoration: none;
}
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #000000;
}
.arrowgreen li a:hover{
color: #000000;
background-position: 100% -32px;
}
.arrowgreen li a.selected{
color: #26370A;
background-position: 100% -64px;
}</style>
<div class="arrowgreen">
<ul>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a class="selected" title="Tıkla" href="http://kodbanks.tr.gg"><span style="color: #ff9900">Link Adı</span></a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
    <li><a title="Tıkla" href="http://kodbanks.tr.gg">Link Adı</a></li>
</ul>
</div>
<!--Kaynak:Kodbanks.tr.gg--><!--Dikey Yesil ok-transparan menu kodu bitir-->

______________
Mesaj07.07.2010, 11:52 (UTC)    
Mesaj konusu:

@kodbanks

Arkadaşımız Zaten Menü Kodunu Koymustur... Konuyu uzatmayalım Rolling Eyes
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu