Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır

Web Tasarımı - Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır Sponsorlu Bağlantılar Arkadaş resimdeki gibi html de nasıl yapabilrim aslında yaptım ul - li lerle ama sadece yazıları yazdım ' ok ' işaretlerini beceremedim. yardımlarınızı bekliyorum şimdiden teşekkürler...

Cevapla
Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır
webdesiigner isimli Üye şimdilik offline konumundadır

webdesiigner

Yrd. Grafiker / İstanbul

Standart

Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır

Alt 10-07-2012 #1
Sponsorlu Bağlantılar

Arkadaş resimdeki gibi html de nasıl yapabilrim aslında yaptım ul - li lerle ama sadece yazıları yazdım ' ok ' işaretlerini beceremedim. yardımlarınızı bekliyorum şimdiden teşekkürler


Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Salamander isimli Üye şimdilik offline konumundadır

Salamander

Webmaster / Ankara

Standart
Alt 10-07-2012 #2
                             Sponsorlu Bağlantılar
list item'lara(li) style(css) özelliği vererek yapabilirsiniz. Başka yolları da olabilir ama ben bu şekilde yapıyorum. Biraz daha açmak gerekirse, örneğin 32x32 lik bir ok resminiz(ok.png) olsun. li'lara soldan 32px padding verip backround'ına da ok.png resmini, tekrarsız yerleştirirseniz tüm li'larınızın başında ok olacaktır. Css konusunda bilginizin olduğunu varsayarak anlattım. Sıkıntı yaşarsanız daha basit bir açıklama da yapabilirim.
Bu mesajdan alıntı yap
max1299 isimli Üye şimdilik offline konumundadır

max1299

Webmaster / İstanbul

Standart
Alt 10-07-2012 #3
li lerin class larına arka plan verip adding yaparak yapablirsin galiba resimdeki de o şekil

kod şöyle

.listeler{

background:url(ok.png) top left no-repeat;
padding:10px;

}

yada dreamweaver kullanıyorsan css ekleme panelinde list bölümünde listelere resim ekleme bölümü var o şekilde de yapabilirsin
Bu mesajdan alıntı yap
webdesiigner isimli Üye şimdilik offline konumundadır

webdesiigner

Yrd. Grafiker / İstanbul

Standart
Alt 11-07-2012 #4
list item'lara(li) style(css) özelliği vererek yapabilirsiniz. Başka yolları da olabilir ama ben bu şekilde yapıyorum. Biraz daha açmak gerekirse, örneğin 32x32 lik bir ok resminiz(ok.png) olsun. li'lara soldan 32px padding verip backround'ına da ok.png resmini, tekrarsız yerleştirirseniz tüm li'larınızın başında ok olacaktır. Css konusunda bilginizin olduğunu varsayarak anlattım. Sıkıntı yaşarsanız daha basit bir açıklama da yapabilirim.
çok iyi anlattınız hemen deniyorum bi sıkıntı olursa yazarım teşekkürler
Bu mesajdan alıntı yap
webdesiigner isimli Üye şimdilik offline konumundadır

webdesiigner

Yrd. Grafiker / İstanbul

Standart
Alt 11-07-2012 #5
li lerin class larına arka plan verip adding yaparak yapablirsin galiba resimdeki de o şekil

kod şöyle

.listeler{

background:url(ok.png) top left no-repeat;
padding:10px;

}

yada dreamweaver kullanıyorsan css ekleme panelinde list bölümünde listelere resim ekleme bölümü var o şekilde de yapabilirsin
çok teşekkür ederim
Bu mesajdan alıntı yap
max1299 isimli Üye şimdilik offline konumundadır

max1299

Webmaster / İstanbul

Standart
Alt 11-07-2012 #6
çok teşekkür ederim
rica ederim background resmi ve padding ençok kullanılan yöntemdir
Bu mesajdan alıntı yap
webdesiigner isimli Üye şimdilik offline konumundadır

webdesiigner

Yrd. Grafiker / İstanbul

Standart
Alt 12-07-2012 #7
rica ederim background resmi ve padding ençok kullanılan yöntemdir
yapamadım

Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır
Bu mesajdan alıntı yap
Salamander isimli Üye şimdilik offline konumundadır

Salamander

Webmaster / Ankara

Standart
Alt 12-07-2012 #8
altyazilar adlı class ul'e mi li'a mı ait. ul'e aitse neden 55px height verdiniz. altyazilar sanki li'lara aitmis gibi geldi bana. Yoksa ok.png adlı resmi arkaya döşemesi gerekiyor. Onun sonuna no-repeat eklerseniz 1 defa yerleştirir. Buyrun size çalışan bir örnek;

Html kodum:

<ul class="pweDid">
<li>Pohoshop Design</li>
<li>HTML - CSS</li>
<li>PHP - MYSQL</li>
<li>Javascript(Jquery)</li>
</ul>

resim yolu ve boyutları: images/tick.png 16x16;

Css:

.pweDid {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
}

.pweDid li{
background:url(images/tick.png) 0px 6px no-repeat;
width:180px;
padding:5px 0px 5px 20px;
font-size:0.9em;
}

Netice:
Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır
Bu mesajdan alıntı yap
webdesiigner isimli Üye şimdilik offline konumundadır

webdesiigner

Yrd. Grafiker / İstanbul

Standart
Alt 12-07-2012 #9
altyazilar adlı class ul'e mi li'a mı ait. ul'e aitse neden 55px height verdiniz. altyazilar sanki li'lara aitmis gibi geldi bana. Yoksa ok.png adlı resmi arkaya döşemesi gerekiyor. Onun sonuna no-repeat eklerseniz 1 defa yerleştirir. Buyrun size çalışan bir örnek;

Html kodum:

<ul class="pweDid">
<li>Pohoshop Design</li>
<li>HTML - CSS</li>
<li>PHP - MYSQL</li>
<li>Javascript(Jquery)</li>
</ul>

resim yolu ve boyutları: images/tick.png 16x16;

Css:

.pweDid {
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
}

.pweDid li{
background:url(images/tick.png) 0px 6px no-repeat;
width:180px;
padding:5px 0px 5px 20px;
font-size:0.9em;
}

Netice:
Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır

Html ve css kodlarım şu şekilde bi yanlışlık varmı sizce ?

Arkadaşlr Html de Menülerin Başlarına Ok işaret nasıl yapılır
Bu mesajdan alıntı yap
Salamander isimli Üye şimdilik offline konumundadır

Salamander

Webmaster / Ankara

Standart
Alt 12-07-2012 #10
.altyazilar ul li{

}

yapmayı deneyin.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Grafik tasarım/dizgi ve html tasarım yapılır - Türkiye Geneli umutsuztasarim Freelancer İş Arayanlar 1 10-05-2012 18:37:40
html ile arka planı sayfaya sığdırma nasıl yapılır ? cakabo28 Php, Asp, Perl, Html 10 03-01-2011 09:52:57
Html, Asp, Asp.net, Php, Kodlarını nasıl şifreleyebiliriz? gizli Web Tasarımı 6 09-03-2010 16:03:22
tipografi nasıl yapılır? tipografi hangi program kullanarak yapılır? malibozkus Tipografi Tasarımları 7 24-01-2010 00:26:24
((photoshopta)) deseni baskıya hazırlarken işaret nasıl koyulur ? serk-an Photoshop Soru ve Sorunlarınız 11 26-12-2009 20:58:22

Kapat
Şifremi Unuttum?