Online - Offline Butonları

[Misafir]

Bunun için öncelikle olayın mantığını anlamanız gerekiyor ki bu kodu değiştirebilesiniz ve kendi sitenize uygulayabilesiniz..

Şimdi bildiğiniz gibi bizim forumlarda sadece online iken resim görünmektedir fakat bunun çözüm yolu şöyledir önce kodu vericem ardından da mantığını anlatmaya devam edicem.

Afiş asmak >> modeler >> genel yönetim

viewtopic_body template ini değiştir diyoruz.

Şimdi ben bunu avatarın hemen altına eklemiş olduğum için bu kodu da ona göre hazırladım ama talebe göre değişik yerlerde de ekleyebiliriz tabi bu tamamen sizin insiyatifinize kalmış birşey.

Şimdi kod içerisinde

{postrow.displayed.POSTER_AVATAR} yazıp arıyorsunuz. Karşınıza çıkınca da hemen alttaki kodu ekliyorsunuz.

Kod:

<div align="center" id="online"><br />
              <table width="50" height="20" border="0" align="center" background="http://i36.servimg.com/u/f36/12/96/65/99/211.jpg" style="background-repeat:no-repeat">
                    <tr>
                      <td>{postrow.displayed.ONLINE_IMG}</td>
                    </tr>
                  </table>
              <br />
       
              </div>

bu kod içerisinde değiştirmeniz gereken yerler >>

https://i.servimg.com/u/f36/12/96/65/99/211.jpg kısmıdır.

Buraya offline resmini eklemeniz gerekiyor.

ve de

width="50" height="20" yerine resimlerinizin ölçülerini girmelisiniz

Şimdi iyi güzel bu kodu ekledik ama şöyle bir sorun var ki o da şimdi kod içerisinde 2 tane online resmi çıkıcaktır. bu sebeple de bu kodu ekledikten sonra

kod içerisinde

{postrow.displayed.ONLINE_IMG} yazıp arama yapıyoruz.

2 sonuç çıkıcak karşımıza bu arama sonucunda bunlardan biri bizim eklediğimiz yukarıdaki kod içindeki 2. ise bizim silmemiz gereken resim oluyor ki onu da bulup siliyoruz.


Bu işlemi yaptıktan sonra kaydet diyebiliriz. ardından templatelerin olduğu sayfaya geri dönüp viewtopic_body nin sağındaki yeşil artı simgesine tıklayıp yayınlayabiliyoruz.

********************************************************

Mantık



>> online resmi



>> offline resmi


gördüğünüz gibi bu yöntemin çalışması için resimler aynı boyutlarda olmalı ve tablo boyuda resim boylarına eşit olmalı..


Daha
sonra ise mantığına gelelim.. Başta da belirttiğim gibi sadece online
resmi görünüyordu ve online resmi olmayınca da yeri boş kalıyordu. Bu
yöntem ile görünmediği zaman yerine arkaplan resmi görünüyor ve
arkaplan resmimiz de offline resmi oluyor. Ofline ve online
resimlerinin ölçüleri eşit olduğundan ve saydam arkaplan olmadığından
dolayı da online olunca online resmi direk olarak tüm alanı kaplıyor ve
aslında arkaplanda offline resmi olsa bile onu göremiyoruz


Sizde böyle yapmak istiyorsanız eşit ölçülerde, arka planı transparan olmayan 2 tane online-offline resmi buluyorsunuz ve bu şekilde ekliyorsunuz.


Örneğine sitemizden bakabilirsiniz gördüğünüz gibi beyaz arkaplan olunca gayet güzel duruyor çok sade bile olsa