Birçok Joomla! sürümünde neredeyse birebir aynı olan anket sayfası tasarımında değişiklik yapacağız.
Not: Joomla! 1.5 sürümü örnek alınmıştır.
componentscom_pollviewspolltmpl içerisinde bulunan default_graph.php dosyasını düzenlemek üzere açalım.
/components/com_poll/assets/poll.png adresi ile dosyada belirtilmiş resmin başlık yanında yer almasını sağlayan bu resimden başlıyorum ve bu adresleme işlemini kendi istediğim resme yönlendirmek üzere değiştiriyorum. (Resmin boyutlarının poll.png ile aynı ya da yaklaşık boyutlarda olmasına dikkat ederek...)
Yapacağım ikinci değişiklik php dosyasında belirtilen tablo sütun sayısını değiştirmek olacak. Yazı veya başka birşey eklemek istiyorum ve
<td width="100%" colspan="4"> bölümünde 4 değerini tablomda kaç sütunumun olmasını istiyorsam ona göre ayarlıyorum. Oy sayısı, yüzde değeri ve yüzde değerini ifade eden grafik çizgisi default sütunları işgal eder. Ben bunlara ek olarak yeni bir sütun daha ekleyeceğim.
Herbir seçenek ismini kalın veya italic vs göstermek istiyorum:
<?php echo $vote->text; ?>
kodunu
<strong></strong> kodları arasına yerleştirirseniz kalın seçenek yazısı belirlemiş olursunuz. diğer yazı tipleri için de küçük bazı html kodları gerekiyor.
Sonrasında sütunlarımın kodları geliyor. Yeni bir sütun eklemek istiyordum, bunu şu şekilde yapıyorum:
<tr class="sectiontableentry<?php echo $vote->odd; ?>"> <td align="right" width="2"> <strong>Oy:</strong> </td> <td align="right" width="10"> <?php echo $vote->hits; ?> </td>
bu kodlar arasına şuanda kalın karakterde görünen kodu yerleştirdim, dolayısıyla daha sonrasında gelen oy sayısının neyi ifade ettiğini açıkladım. Bu bölümde herbir <td align= ... </td> bölümü sütunları işaret ediyor. Bunların sıralarını değiştirerek grafik çizgisini başa, yüzdeyi e sağa yerleştirmek gibi sıra değişimleri yapabilirsiniz.
Herhangi bir sütunu kaldırmak istiyorsanız bir kod işinizi görecektir. Mesela benim gibi yüzde olarak görüntülemeyi engellemek istiyorsanız (95% şeklinde) yapmanız gereken:
<!-- --> kodu içine yerleştirmelisiniz yani şu şekilde:
<td width="30" > <?php echo $vote->percent; ?>%</td>
Bu bölümde sütunların birbirlerine daha yakın ya da daha uzak olmalarını dilerseniz de herbirinin width değerini arttırıp azaltabilirsiniz.
Son olarak bahsedebileceğim şey de sonuç sayfasının alt kısmında ankete katılan sayısı, ilk ve son oylama tarihleri bölümünde yazıların ingilizce oluşudur. Yine aynı dosya içinde:
<?php echo JText::_( 'First Vote' ); ?> kodu içinde kalın ve italik yazıyı dilediğinizce değiştirebilirsiniz.
Önemli Not: Eğer kod bilgisine sahip değilseniz dersi yerel yani localhost üzerinde denemeniz tavsiye edilir.
ALINTI
Not: Joomla! 1.5 sürümü örnek alınmıştır.
componentscom_pollviewspolltmpl içerisinde bulunan default_graph.php dosyasını düzenlemek üzere açalım.
/components/com_poll/assets/poll.png adresi ile dosyada belirtilmiş resmin başlık yanında yer almasını sağlayan bu resimden başlıyorum ve bu adresleme işlemini kendi istediğim resme yönlendirmek üzere değiştiriyorum. (Resmin boyutlarının poll.png ile aynı ya da yaklaşık boyutlarda olmasına dikkat ederek...)
Yapacağım ikinci değişiklik php dosyasında belirtilen tablo sütun sayısını değiştirmek olacak. Yazı veya başka birşey eklemek istiyorum ve
<td width="100%" colspan="4"> bölümünde 4 değerini tablomda kaç sütunumun olmasını istiyorsam ona göre ayarlıyorum. Oy sayısı, yüzde değeri ve yüzde değerini ifade eden grafik çizgisi default sütunları işgal eder. Ben bunlara ek olarak yeni bir sütun daha ekleyeceğim.
Herbir seçenek ismini kalın veya italic vs göstermek istiyorum:
<?php echo $vote->text; ?>
kodunu
<strong></strong> kodları arasına yerleştirirseniz kalın seçenek yazısı belirlemiş olursunuz. diğer yazı tipleri için de küçük bazı html kodları gerekiyor.
Sonrasında sütunlarımın kodları geliyor. Yeni bir sütun eklemek istiyordum, bunu şu şekilde yapıyorum:
<tr class="sectiontableentry<?php echo $vote->odd; ?>"> <td align="right" width="2"> <strong>Oy:</strong> </td> <td align="right" width="10"> <?php echo $vote->hits; ?> </td>
bu kodlar arasına şuanda kalın karakterde görünen kodu yerleştirdim, dolayısıyla daha sonrasında gelen oy sayısının neyi ifade ettiğini açıkladım. Bu bölümde herbir <td align= ... </td> bölümü sütunları işaret ediyor. Bunların sıralarını değiştirerek grafik çizgisini başa, yüzdeyi e sağa yerleştirmek gibi sıra değişimleri yapabilirsiniz.
Herhangi bir sütunu kaldırmak istiyorsanız bir kod işinizi görecektir. Mesela benim gibi yüzde olarak görüntülemeyi engellemek istiyorsanız (95% şeklinde) yapmanız gereken:
<!-- --> kodu içine yerleştirmelisiniz yani şu şekilde:
<td width="30" > <?php echo $vote->percent; ?>%</td>
Bu bölümde sütunların birbirlerine daha yakın ya da daha uzak olmalarını dilerseniz de herbirinin width değerini arttırıp azaltabilirsiniz.
Son olarak bahsedebileceğim şey de sonuç sayfasının alt kısmında ankete katılan sayısı, ilk ve son oylama tarihleri bölümünde yazıların ingilizce oluşudur. Yine aynı dosya içinde:
<?php echo JText::_( 'First Vote' ); ?> kodu içinde kalın ve italik yazıyı dilediğinizce değiştirebilirsiniz.
Önemli Not: Eğer kod bilgisine sahip değilseniz dersi yerel yani localhost üzerinde denemeniz tavsiye edilir.
ALINTI
