Forum'da ara:
Ara


Yazar Mesaj
Mesaj04.02.2013, 10:35 (UTC)    
Mesaj konusu: || Clean Tasarımını Editlemek || Tarihte İlk || S-D Farkıyla

Öncelikle, Bunu Henüz Türkiyede Yapan yok Bende Kodları Ordan Burdan Birleştirip Toplayarak Clean Temasına Uyguladım Smile

Şimdi, Varsa Bunu Türkiyede Yapan Açıklasın Konuyu Kapatacağım. ve Niye CSS Bölümüne Açtım Derseniz Konuyu: CSS Kodlarından Oluşuyo Sadece Bu İpUcunu Yaparsınız Diye Açıklıyorum.

Daha Doğrusu B-S Modları Yapmadan Ben Yaptım Gibi Bişey Oluyor Smile Neyse Konuya Geçelim.

Yapmadan Önce Adımlar var Uygulamazsanız Olmaz Başdan Söylüyorum!!

1** Clean Temasını Seçiyoruz.
2** Tasarımın Üstüne Gelip Bu Kodu Oraya Yapıştırıyoruz ve Kaydediyoruz!

<- <style type="text/css"> İÇERİK</ style>


Şimdi "İÇERİK" Bölümünü Siliyoruz ve Size Verdiğim Kodları Oraya Yapıştıracaksınız Her Kod İçin Bir Satır Atlamanız Gerekli Olacaktır ( Karışmasın Diye. )


YANİ BÖYLE YAZACAKSINIZ: <style type="text/css">

1.KOD

2.KOD

3.KOD

</style>



1** Başlık ve Altındaki Yazısı Silme

Kod:
/* Başlık Kaldırıldı */
#claim, #inner-claim {
     display: none!important;
}



1** Başlığı Arka Planın Üstüne Almak{

Kod:
/* Başlık Silindi */
#claim {
     background: none ! important;
     padding: 15px;
}


Resim: http://c1302.hizliresim.com/16/4/jrg1j.png

1** Başlık ve Alt Başlığı Sağ Alta Almak


Kod:
/* Başlık Yer Değiştir */
#claim {
     background: none ! important;
     margin-left: 730px;
     margin-top: 120px;
}


Resim: http://a1302.hizliresim.com/16/4/jrg11.png

1** Beğen Düğmesinin Arka Planını Değiştirmek


Kod:
#likeButton {
   width: 110px;
   margin-bottom: 130px;
   background: none !important;
   overflow: hidden;
}


1** Dikey Menüyü Özelleştirme

Kod:
/* Menü-Button */
#secondmenu li a {
     color: #000000;
     font-size: 15px;
     background-color: gray; }

/* Hover Button */
#secondmenu li a:hover {
     color: #800000; }

/* aktuell offene Seite */
#secondmenu ul li.active a {
     color: navy;
     font-size: 15px;
     background-color: #FFFFB2; }

/* Unterseiten im Menü */
#secondmenu ul ul li a {
     color: green;
     font-size: 12px !important;
     background-color: white;
     border-bottom: 1px solid #c9c9c9; }

/* Hover Unterseiten */
#secondmenu ul ul li a:hover {
     color: #000000; }


Resim: http://a1302.hizliresim.com/16/4/jrg02.png

1** Yatay Menüyü Özelleştirmek

Kod:
/* Menü-Button */
#access li a  {
     color: #000000;
     font-size: 15px;
     background-color: gray; }

/* HOVER Button */
#access li a:hover {
     color: brown;
     background-color: #FFFFB2; }

/* Unterseiten im Menü */
#access ul ul li a {
     color: white;
     font-size: 12px !important;
     background-color: orange; }

/* HOVER Unterseiten */
#access ul ul li a:hover {
     color: black;
     background-color: #eeeeee; }


1** Yatay Menüyü Başlığın Üstüne Almak

Kod:
/* Menü verschieben */
#access {
     position: absolute;
     top: 173px;
}


Resim: http://c1302.hizliresim.com/16/4/jrg2m.png

1** Menü Renklendirme

Kod:
ul li a[href="/Home.htm"] {
  background-color: #FFFFB2 !important;
  color: #000000 !important;
}


NOT: /home.htm Kısmına İstediğiniz Menüleri Satır Atlayarak Tek Tek Editleyebilirsiniz.

Resim: http://a1302.hizliresim.com/16/4/jrfv0.png
Mesaj04.02.2013, 11:21 (UTC)    
Mesaj konusu:

Türkiye'de yapan yok mu ?
Sitemi görmemişsin herhalde.
Ancak şuan göremezsin neyse.

Güzel anlatım.
Mesaj04.02.2013, 12:01 (UTC)    
Mesaj konusu:

gomerc abi, senin sitende böyle bişe yokdu? sefa kardeşim gzel anlatım yapmışsın saol.
Mesaj04.02.2013, 12:08 (UTC)    
Mesaj konusu:

Dediğim gibi artık göremezsiniz çünkü siteyi kapattım.
Önceki halini istediğin kişiye sorabilirsin.
Mesaj05.02.2013, 10:17 (UTC)    
Mesaj konusu:

Ben önceki halini biliyorum.
Mesaj06.02.2013, 13:51 (UTC)    
Mesaj konusu:

O kadar yazdık emeğe saygı için yorum atan yokmu?
______________
Hayallerin Bile Gidemeyeceği Nokta: Sefa-Design.TR.GG
Mesaj06.02.2013, 14:52 (UTC)    
Mesaj konusu:

informess.tr.gg baka bilirsin ilk sen değilsin dostum !
Mesaj08.02.2013, 14:06 (UTC)    
Mesaj konusu: asdas

Güzel kodlar,
ama ilk sen yapmıyorsun gomerc.tr.gg de birsürü clean kodu yapmış sitesine eklemiş hatta blog kodunu benimle paylaşmıştı Smile
______________
Arrow Merak ettiginiz birşeymi var?
Arrow Bilgi Semti Yanınızda..
Arrow İstediginizi sorun ögrenin.


Mesaj26.06.2013, 20:32 (UTC)    
Mesaj konusu:

Emeğe Sağlık Ne diyim başka.
Mesaj14.07.2013, 17:17 (UTC)    
Mesaj konusu:

yararlı bir konu işime yaradı teşekkürler
______________


Mesaj15.07.2013, 16:55 (UTC)    
Mesaj konusu:

Güzel konu olmuş teşekkürler.
Mesaj21.07.2013, 09:05 (UTC)    
Mesaj konusu:

Paylaşım için sağol ama ilk değilsin Smile
Mesaj27.07.2013, 14:07 (UTC)    
Mesaj konusu: clean tasarım

içerik bölümü derken nereye yapıştırıyoruz biri yardım edebilirmi lütfen?
Mesaj27.07.2013, 14:09 (UTC)    
Mesaj konusu:

http://clean-deneme.tr.gg/clean-temasi.htm

Gençler buradan her türlü bilgiyi edinebilirsiniz Wink
Mesaj27.07.2013, 14:31 (UTC)    
Mesaj konusu:

clean-deneme yazmış:
http://clean-deneme.tr.gg/clean-temasi.htm

Gençler buradan her türlü bilgiyi edinebilirsiniz Wink

Baya İşime Yaradı Teşekkürler...
Önceki mesajları göster:   


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