Kullanıcı Sitenin Genişliğini Ayarlayabilsin

Arkadaşlar bugün çok fazla soru sordum kusura bakmayın Ama bu soruda uzun zamandır aklımda;

Sanırım WebMasterSitesi 'nde görmüştüm. Kullanıcı profilinden kullanıcı sitenin genişliğini kendine göre ayarlayabiliyordu. Yani yine otomatik ayarlar kullanılacak ama isteyen kendisininkini değiştirebilecek. Böyle bir şey olabilir midir? Teşekkürler.

Daralt-Geniş fonksiyonunu mu istiyorsunuz.
Default olarak 960px, genişlet tıklayınca da % olarak değer alsın yani ?

(16-02-2014, Saat:14:39)xFeyz Adlı Kullanıcıdan Alıntı: Daralt-Geniş fonksiyonunu mu istiyorsunuz.
Default olarak 960px, genişlet tıklayınca da % olarak değer alsın yani ?

İlginiz için teşekkürler. Gördüğüm sitede şöyleydi sanırım;

Site Genişliği: (Burada seçenekler var) %95, %90, %85, %80, %75, %70, %65 vb. diyeydi.

Kullanıcı kendine göre ayarlıyor. İsteyen istediği boyutta kullanıyor. Ama site yine ilk gelindiğinde otomaik kendi ayarlarında olacak sadece kullanıcılar giriş yapınca kendi ayarlarını düzenleyebilecekler.

Eklenti olarak araştırınız eğer yoksa boş bir vaktimde yazabilirim

(16-02-2014, Saat:18:21)TShujin Adlı Kullanıcıdan Alıntı: Eklenti olarak araştırınız eğer yoksa boş bir vaktimde yazabilirim

Merhaba, başka bir forumda sormuşlar fakat cevap gelmemiş pek tercih edilen bir özellik değil sanırım. Özel olarak uğraşmanıza gerek yok teşekkürler. Ben sadece öğrenmek için yazmıştım.

Jquery ile ufak bi uygulama yaptım işine yarar büyük ihtimal ile

Anlatım
Not: Jquery kütüphanesini dahil etmeyi unutmayınız. Eğer sitenizde dahil edilmiş ise 2. key dahil etmeyiniz.
header_include şablonunda en alta yapıştır:

Seçim kutusunu anasayfayada istediğin herhangi bir yere koyabilirsin :

Eve geçince deneyeceğim. Sonucu yazarım. İlginiz için çok teşekkürler.

(18-02-2014, Saat:23:31)TShujin Adlı Kullanıcıdan Alıntı: Jquery ile ufak bi uygulama yaptım işine yarar büyük ihtimal ile

Anlatım
Not: Jquery kütüphanesini dahil etmeyi unutmayınız. Eğer sitenizde dahil edilmiş ise 2. key dahil etmeyiniz.
header_include şablonunda en alta yapıştır:

Kod:

    <script type="text/javascript">
        $(document).ready(function(){

            $.SetCookie = function(cname,cvalue,exdays){
                var d = new Date();
                d.setTime(d.getTime()+(exdays*24*60*60*1000));
                var expires = "expires="+d.toGMTString();
                document.cookie = cname + "=" + cvalue + "; " + expires;
            }

            $.ReadCookie = function(name){
                var cookieValue = "";
                var search = name + "=";
                if(document.cookie.length > 0){
                    offset = document.cookie.indexOf(search);
                    if (offset != -1){
                        offset += search.length;
                        end = document.cookie.indexOf(";", offset);
                        if (end == -1) end = document.cookie.length;
                            cookieValue = unescape(document.cookie.substring(offset, end));
                    }
                }
                $("body").animate({    width: cookieValue + "%" }, 500 );
            }

            $.ChangeWidth = function(){
                var value = $("#WidthChanger").val();
                $.SetCookie("ForumWidth",value,"999999999");
                $.ReadCookie("ForumWidth");
            }

            $.DefaultWidth = function(name){
                var cookieValue = "";
                var search = name + "=";
                if(document.cookie.length > 0){
                    offset = document.cookie.indexOf(search);
                    if (offset != -1){
                        offset += search.length;
                        end = document.cookie.indexOf(";", offset);
                        if (end == -1) end = document.cookie.length;
                            cookieValue = unescape(document.cookie.substring(offset, end));
                    }
                }
                $("body").css({ "width" : cookieValue + "%" });
            }

            $.DefaultWidth('ForumWidth');
        });
    </script>

Seçim kutusunu anasayfayada istediğin herhangi bir yere koyabilirsin :

Kod:

<select id="WidthChanger" onchange="$.ChangeWidth()">
        <option value="100" selected="selected">%100</option>
        <option value="90">%90</option>
        <option value="80">%80</option>
        <option value="60">%60</option>
        <option value="50">%50</option>
    </select>

Merhaba tekrar teşekkürler. Oldu fakat 2 tane sorum olacaktı. İlk olarak oldu fakat küçültüp, büyültünce sayfa sola yaslanıyor. Onun otomatik ortada kalmasını nasıl sağlarız?

İkinci olarakta bunun sadece oturum açanların kendi ayarlarını yapıp kapatınca orjinal şekle dönmesini nasıl sağlarız? Tekrardan ilginiz için çok teşekkürler. Bu arada ilk sorumun resmi aşağıdaki gibidir;



Aslında site ortalı ama ayarı yapınca sola kayıyor bunu nasıl düzeltebiliriz? Tekrardan çok teşekkürler.
--------------
Ekleme: Bir de acaba bu % 'lere nasıl ekleme yapabilirim (%70, 75 vb.) veya % 'sini değiştirebilirim? Teşekkürler.