Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj28.03.2013, 11:24 (UTC)    
Mesaj konusu: Mobil Görünüm Geliştirme (Anlatım)

Mobil Görünüm Geliştirme (Anlatım)

Evet arkadaşlar biliyorsunuz ki css ile her şey mümkün. Css imkansızı size sunar. Sizlere basit bir şekilde mobil görünümü değiştirmeyi göstereceğim ve kodlarını vereceğim. Ben basit bir görünüm yaptım. Siz geliştirirsiniz. Sitemin mobil görünümünü resim olarak veriyorum ki reklam yapıyor demesinler.



Evet arkadaşlar resimde gördüğünüz gibi arkaplanı rengini kaldırıp resmi ekledim. Beatbox Türkiye yazan yerin arkaplanı normalde renk ancak ben rengi kaldırıp oraya da bir arkaplan resmi ekledim.

Sol üstte yer alan çirkin menüyü kaldırdım. Simge duruyor ama tıklayınca bir şey açılmıyor. İptal ettim yani. Onun yerine basit bir üst menü ekledim. Birçok şey eklenip geliştirilebilir. Sıra kodlara geldi..

Başlık Arkaplan Resmi Kodu:

Kod:
<style>.header {
background-color: none;
background-image:url(http://img.webme.com/pic/b/beatbox-turkiye/arka.png);
}</style>


İçerik Arkaplan Resmi Kodu:

Kod:
<style>.ui-content  {
background-image:url(http://b1303.hizliresim.com/17/w/ljql3.png);
}</style>


Başlıktaki Menüyü Kaldırma Kodu:

Kod:
<style>.my-nav-item {display:none;}
[data-role="panel"] {display:none;}</style>


Basit Menü İçin Kod:

Kod:
<div id="mobilmenu">
<a href="/ana-sayfa.htm">Ana Sayfa</a> -
<a href="/hakkimizda.htm">Hakkimizda</a> -
<a href="/defter.htm">Ziyaretci Defteri</a> -
<a href="/iletisim.htm">Bize Ulasin</a>
</div>
<br>
<style>
#mobilmenu {
background-color: #D4E9F3;
text-align: center;
border: solid 1px #000;
padding: 3px;
width: 100%;
}
#mobilmenu a {
color: #000;
text-decoration: none;
}

#mobilmenu a:hover {
color: #1c86ee;
text-decoration: underline;
}
</style>


Kodlar nereye eklenecek >> " Text above the content of a subpage " bölümüne.
______________
Yardım etmeyi bil, yardım etmiş gibi görünme..!

Mesaj28.03.2013, 11:26 (UTC)    
Mesaj konusu:

Arkadaşlar yazmayı unuttum. İçerikteki üst menüyü yaparken türkçe karakter kullanmayın. Türkçe karakter kabul etmiyor.
______________
Yardım etmeyi bil, yardım etmiş gibi görünme..!

Mesaj28.03.2013, 15:37 (UTC)    
Mesaj konusu:

Çok iyi,yararlı (:
Teşekkürler.
______________
Mesaj28.03.2013, 15:44 (UTC)    
Mesaj konusu:

Eline sağlık çok yararlı Smile
Mesaj28.03.2013, 17:49 (UTC)    
Mesaj konusu:

utkumnet yazmış:
Çok iyi,yararlı (:
Teşekkürler.


Ben teşekkür ederim konuyla ilgilendiğin için.

Alıntı:
Eline sağlık çok yararlı Smile


Teşekkürler kardeşim. Smile)
______________
Yardım etmeyi bil, yardım etmiş gibi görünme..!

Mesaj30.03.2013, 14:09 (UTC)    
Mesaj konusu:

Teşekkürler Very Happy
______________
Artık Burdayız http://ltfrank.tr.gg/
Mesaj30.03.2013, 14:11 (UTC)    
Mesaj konusu:

Gerçekten çok yararlı,paylaştığın için sağol:)
______________

Mesaj30.03.2013, 15:01 (UTC)    
Mesaj konusu:

eltief yazmış:
Teşekkürler Very Happy


Ben teşekkür ederim..

Alıntı:
Gerçekten çok yararlı,paylaştığın için sağol:)


Teşekkürler sanalgezegen. Smile
______________
Yardım etmeyi bil, yardım etmiş gibi görünme..!

Önceki mesajları göster:   


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