Online - Offline butonları

[GencLik]

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:

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>

Ş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

[GencLik]

Kod:

<div align="center" id="online"><br />
              <table [color=green]width="50" height="20"[/color] border="0" align="center" background="[color=red]http://i36.servimg.com/u/f36/12/96/65/99/211.jpg[/color]" 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


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

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