Online - Offline Butonları

Aşağa gitmek

Genel Online - Offline Butonları

Mesaj tarafından Misafir Bir Paz Eyl. 28, 2008 6:13 am

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ı Very Happy 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 Neutral


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 Very Happy

Misafir
Misafir


Sayfa başına dön Aşağa gitmek

Sayfa başına dön

- Similar topics

 
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz