Herkese merhaba kolay gelsin , fusion temasını kendime göre düzenlemeyi öğrenmeye çalışıyorum takıldıgım yerleri bilen arkadaşlara sormak istedim . ilgililere şimdiden teşekkürler.
bir.JPG isimli resimde de görüldüğü üzere Content profile eklentisini CCK ile geliştirmek adına field lar ekledim , her field alt alta dizildiği için bunları yanyana dizmek istiyorum ------------------
iki.JPG isimli resim :
Firefoxda firebug kullanarak
<
div id="edit-field-firstname-0-value-wrapper" class="form-item">
<
div id="edit-field-lastname-0-value-wrapper" class="form-item">
<
div id="hierarchical-select-1-wrapper-wrapper" class="form-item hierarchical-select-wrapper-wrapper">
bu satırlara ulaştım burdan yola cıkarak "form-item" isimli classı modules klasorunun içinde system klasorunun isinde system.css adlı dosyanın aynen firefoxdada dendiği gibi
116.satırda buldum
.form-item {
margin-top: 1em;
margin-bottom: 1em;
ben first name last name ksımını yanyana dizmek istediğimden
uc.JPG isimli resim
float: left ; yazıp ekledim bunu yapınca First name last name i yanyana koydu ama hemen ondan sonra iki.jpg de görülen last name den sonraki Select your location kısmınıda last name in yanına koydu sonra alt taraftaki member type kısmındaki üyelik tiplerinide yanyana dizdi en sonda bulunan avatar secim bloğunuda tuttu yana getirdi .
Sadece first name ve last name i yanyana almak için kendi mantığıma göre
<
div id="edit-field-firstname-0-value-wrapper" class="form-item">
<
div id="edit-field-lastname-0-value-wrapper" class="form-item">
bu yukardaki satırlarda bulunan class="form-item" kısmındaki form-item'i silip örneğin kendime göre mesela form-item-left isimli bir class
.form-item-left {
margin-top: 1em;
margin-bottom: 1em;
float: left ;
}
şeklinde bir class yazıp eklemeyi düşündüm .bu arada dogru yoldamıyım ondanda emin değilim ancak sorunum şunlar
birincisi
div satırlarını bulamadım firefox firebugda bu divlerin hangi dizindeki dosyada oldugu yazmıyor
(http://www.youtube.com/watch?v=WtBEEdGmdjk videosundaki gibi fusion alt teması yaptım kendime onu kullanıyorum )
ikincisi
C:\wamp\www\uzun\sites\all\themes yolunda hem fusionun kendisi yuklu hemde benim video dersde anltaıldıgı gibi olusturdugum alt temam olan test isimli dizinim mevcut
yine videodaki anlatıldıgı gibi olusturdugum
C:\wamp\www\uzun\sites\all\themes\test\css içinde hem local.css hemde test.css isimli dosyalarım mevcut , div satırlarındaki form-item classı bulup form-item-left şeklinde değiştirdiğimi farzedersem
.form-item-left {
margin-top: 1em;
margin-bottom: 1em;
float: left ;
}
şeklindeki classı hangi dosyaya yazıcam yada
modules klasorunun içinde system klasorunun isinde system.css adlı dosyanın aynen firefoxdada dendiği gibi 116.satırının hemen altınamı eklemeliyim ?
yada tüm bu düşündüklerim hatalımı ? yapmak istediğimi anlayan arkadaşlar yardımcı olursa cok sevinirim . Biraz uzun ve karışık oldu kusura bakmayın .
| Attachment | Size |
|---|---|
| bir.JPG | 45.52 KB |
| iki.JPG | 100.82 KB |
| uc.JPG | 122.5 KB |
Comments
Selamlar,Öncelikle css
Selamlar,
Öncelikle css kodlarını tema klasörünün içindeki style.css dosyasına ya da ilgili css dosyasına eklemen daha doğru olacaktır. Neden diye soracak olursan; ileride drupal'in versiyon yükseltecek olursan ya da modülü update edecek olursan modules klasörünün içindeki tüm css dosyaları yenilenecektir ve aynı kodları tekrar yazman gerekecek. Tema klasörünün içindeki css dosyalarına aynı kodları kopyalarsan zaten oradakileri baz alacaktır.
form-item drupal'in birçok yerinde kullanıldığı için bu class için eklediğin tüm kuralları bunlara uygulayacaktır. form-item'in class kurallarını değiştirmek yerine daha ayrıcalıklı bir şekilde göstermelisin.
Ben özel class ismi veremediğim durumlarda şöyle bir yol izliyorum.
Örneğin ;
<div id="birinci_div"><div id="ikinci_div">
<div class="benim_formum">
<input type="text" class="isim_alan" /><br />
</div>
</div>
</div>
diyelim ki böyle bir yapım var ve bu sayfanın birçok yerinde isim_alan class'ını kullanıyorum. Sadece yukarıdaki bölümdeki isim_alan'a ulaşmak için css dosyasında şuna benzer bir kod şekli kullanıyorum;
#birinci_div #ikinci_div .benim_formum .isim_alan{şöyle olsun böyle olsun vs.vs.
}
yani kısaca bu kodla diyorum ki; bu sayfada birinci_div içindeki ikinci_div içinde yer alan benim_formum class'ındaki isim_alan yerine şunları bunları uygula. Böylece sayfanın diğer yerlerindeki isim_alan kullanan class'lara dokunmamış oluyorum.
Belki bu yol işini görebilir. Belkide tüm olayı yanlış anlamışta olabilirim bilemedim ;)
Kolay gelsin. İyi çalışmalar.