Temanızdaki Resmin Yerine Flash Koymak [anlatım]

'Webmaster Genel' forumunda Siraç tarafından 15 Ocak 2009 tarihinde açılan konu

  1. Siraç

    Siraç Site Yetkilisi Admin Editör

    Sponsorlu Bağlantılar
    Temanızdaki Resmin Yerine Flash Koymak [anlatım] konusu
    Temanızdaki Resmin Yerine Flash Koymak [anlatım]

    Temanızdaki her hangi bir resim dosyası, banner, vb… gibi temanın orjinalinde gelen resim dosyasının yerine flash formatında hazırladığın bir swf dosyasını nasıl koyacağınızı basit bir dille anlatmaya çalışacağım. Bu konuda gelen soruların yoğunluğu üzerine böyle bir anlatımı uygun gördüm umarım size faydalı olabilecektir. Aslında bu tip işlemler çok basit ve hızlı bir şekilde yapabileceğiniz işlemlerdir, ancak özellikle yeni joomlacılar veya web tasarım konusunda bir temeli olmayan arkadaşların zorlanması da doğaldır. Zaten bu hazırladığımız anlatımda bu yöndeki olan arkadaşlarımız içinidir
    Şimdi, bu işlemi basit bir şekilde yapabilmek adına gelişmiş bir web tasarım programı olan Macromedia Dreamweaver kullanacağız ve bu şekilde anlatımımızı yapacağız, sözü bir kenara bırakıp hemen işimize başlayalım. Önce değiştirmek istediğiniz temanın index.php dosyasını temanın klasöründen bulup açalım. Biz örneğimizde joomlanın ilk kurulumunda varsayılan olarak gelen ve aktif tema olan “rhuk_solarflare_ii” teması üzerinde bu işlemi yapacağım.
    Temamızın index.php dosyasını açalım ve değiştirmek istediğimiz yeri tespit edelim

    [​IMG]Buraya tıklayarak resmi küçük hale getirebilirsiniz.[​IMG]

    Yukarıda temamızın index.php sini görüyorsunuz eğer hem kod hemde temanın görünümünü açmak isterseniz dreamweaver üst menüsünde gördüğünüz gibi “split” butonuna bamanız yeterlidir. Üst pencerede değiştirmek istediğimiz resmin kodlarını görüyorsunuz, alttada resmimizi… Zaten değiştirmek istediğiniz resme tıkladığınızda üst pencerede kodlar seçili hale gelecektir. İşte bunun yerine biz aynı ebatlarda bir swf dosyası koyacağız. Aynı ölçülerde diyorum çünkü temanızda o resmin tanımlandığı alan temanıza en uygun halde olduğundan bunu değiştirmek temanın görünümünü bozabilir. İşte biz bu kodları oradan silmemiz ve yerine koymak istediğimiz kodları koymalıyız ancak daha anlaşılır olması için ben resim dosyasını silmeden hemen yanına swf dosyasını koyacağım ve en son kaldırmak istediğimiz resmi sileceğim ki daha anlaşılır olsun. Şimdi sileceğimiz kodu yani resmi tıklayın ve kodların otomatik olarak seçildiğini görün. Resmin üzerindeyken klavyenizin sağ ok tuşuna basın ve ekranda görülen resmin hemen yanına geçelim ve buraya bilgisayarımızda kayıtlı olan flash dosyasını ekleyelim

    [​IMG]

    Resimde de gördüğünüz gibi Insert=Media=Flash menü öğelerine tıklayarak ekleyeceğimiz swf dosyasını bulalım.

    [​IMG]Buraya tıklayarak resmi küçük hale getirebilirsiniz.[​IMG]

    Örneğimizde bizim swf flash dosyamız “sc_header” olacak bunu seçip “ok” diyoruz ve içe aktarıyoruz. Karşınıza alttaki gibi bir pencere gelebilir bunu “Cancel” diyerek geçiyoruz

    [​IMG]

    Ve karşımıza alt resimde gördüğünüz gibi swf dosyamız içe aktarılmış ve istediğimiz yere gelmiş görünüyor. Ancak burada bilinmesi gereken noktayı ve bu eklediğimiz swf dosyasının sorunsuz olarak sunucu üzerinde görüntülenebilinmesi için değişiklik yapacağımız küçük bir nokta var, şimdi ona bakalım.

    [​IMG]

    Üst resimdeki kod penceresinde flash dosyamızın yoluna dikkat ederseniz olması gerektiği gibi gelmiyor, yani bu şekilde bilgisayarda çalışır ama sunucuya attığımızda bu yollar geçersiz olacağından (Kod satırı 102. Satırda görülen gibi) swf dosyamız görüntülenemeyecektir. Ayrıca yüklediğimiz swf dosyası değiştirmek istediğimiz resim dosyasından ebat olarak çok büyük bunuda ayarlamalıyız ancak önemli olan o kodu doğru şekle sokmak… Bunu yapmamız için kod penceresinin altında gözüken flash dosyamıza bir tık koyalım ve daha sonra dreamweaver properties alanından resmin flashın adresini değiştirelim, bunun için alt resme bakabilirsiniz.

    .[​IMG]

    Resmin en altında gördüğünüz ve seçili olan alana şimdi olması gereken dosya yolunu yazacağız. Bu yol tüm temaların kullandığı ve joomlanın standart yoludur, o alana yazılacak kod
    Alıntı:
    <?php echo "$GLOBALS[mosConfig_live_site]/templates/ $GLOBALS[cur_template]/"; ?>sc_header.swf
    İşte bu kodu o alana yapıştırın, tabi sonundaki dosya adınızı kendinizinkiyle değiştirmeyi unutmayın. Bu şekilde temanızı sunucuya atıp joomlaya kurduğunuzda swf dosyasınında o temanızın klasörünün içinde olması, oraya atılması gerekiyor, aslında küçük bir değişiklikle temanın xml’ine ekleyeceğiniz kodla bu işlemi otomatik yapar ama konuyu dağıtmamak adına bunu geçiyorum. Buraya kadar işlemlerimizi düzgünce yapmışsak temanıza doğru bir biçimde bir swf flash dosyasını tanımlamış olursunuz ve aşağıda bizim örneğimizde kodlar alt resimdeki gibi gözükür artık yapmanız gereken o silmediğimiz image dosyasındaki boyutların aynısını eklediğimiz flash dosyasını kodların içinden boyutlandıralım.

    .[​IMG]

    Gördüğünüz gibi iki yerde değiştirilmesi gereken boyutlar var birisi en yukarıda birisi de en aşağıda. Şimdi gerekenleri yapmışsanız artık silmediğimiz o resim dosyasını kaldıralım.

    .[​IMG]

    Bunu yağmak için üst resimde gördüğünüz gibi flash dosyamızın yanındaki resme bir tık koyup farenizin sağ tuşuna tıklayarak açılan menüden “kes” demek. Artık flash dosyamız resmin yerini aldı tabi biz boyutlandırmadık flash dosyasını çünkü siz bu işlemi zaten yapmış olacaksınız. Değiştireceğiniz resmin boyutlarında hazırladığınız flash olacağından sizin boyutlandırmanıza da gerek kalmayacak sadece benim anlattığım ve anlatımda kullandığım swf dosyası büyük olduğundan açıklamak durumunda kaldım. Alt resimde gördüğünüz gibi artık resmin yerini flash dosyamız aldı

    .[​IMG]

    Bu anlatım genel bir anlatım olduğundan sizin kafanızdakileri yansıtmıyor olabilir ancak bu anlatımla sadece olayın mantığını göstermek adına hazırlanmıştır. Amatörlüğümüzden dolayı da özür dileriz. Ancak bizim hazırladığımız her şey hemen hemen daha bu işleri hiç bilmeyen arkadaşlara yöneliktir, bilen insana bunlar çok sıradan gelecektir ancak bilmeyen için büyük bir kaynak durumundadır
     

Bu Sayfayı Paylaş