Offline ikonunun eklenmesi

[humanely1]

Offline ikonunun eklenmesi

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">                <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>                                        </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 ********************************* <div align="center" id="online"> <table width="50" height="20" border="0" align="center" background="https://i.servimg.com/u/f36/12/96/65/99/211.jpg" style="background-repeat:no-repeat"> <tr> <td>{postrow.displayed.ONLINE_IMG}</td> </tr> </table> </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. Humanely1

Bu paylaşım Humanely1 tarafından hazırlanmış ve sunulmuştur. Paylaşımların başka sitelerde yayınlanması yasaktır. © 2011 Yetkinforum.net