Forum menyusunu dəyişmək

tarafından **Pontus** B. Sen. 04, 2011 12:37 pm

Merhaba,
İndi sizlərə forum menyusunu css ilə necə değiştireceğimi izah edəcəyəm.
əvvəlcə
1.AdımTənzimləmə lövhəsi :arrow:Afiş Asmak

Renkler ve resimler

Resim yönetimi

Mürəkkəb üsul
Bura Gelince;
Ana səhifə,Takvim,Galeri,MVS,Axtar,İstifadəçi siyahısı,İstifadəçi qrupları,Şəxsi mə`lumatlarınızı yeniləyin,Şəxsi ismarıclar ,Yeni özel mesaj,Qeydiyyatdan keçin,Giriş,Çıxış

Bu şəkillərin ünvanları [Linkleri görebilmek için üye olun veya giriş yapın.] rəsmi ilə dəyişdirin.
2.Adım
Afiş Asmak

Renkler ve resimler

renkler

Css stil faylları 'a bu kodu əlavə edin

Kod:: div.maintitle{color: #000;} #i_icon_mini_index{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/home_basic_blue.png) no-repeat 0 0;} #i_icon_mini_index:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/home_basic_green.png) no-repeat 0 -0;} #i_icon_mini_portal{width:48px; height:482px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/book-open-bookmark_basic_blue.png) no-repeat 0 0;} #i_icon_mini_portal:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/book-open-bookmark_basic_green.png) no-repeat 0 -0;} #i_icon_mini_faq{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/question-balloon_basic_blue.png) no-repeat 0 0;} #i_icon_mini_faq:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/question-balloon_basic_green.png) no-repeat 0 -0;} #i_icon_mini_search{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/search_basic_blue.png) no-repeat 0 0;} #i_icon_mini_search:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/search_basic_green.png) no-repeat 0 -0;} #i_icon_mini_members{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/paper-clip_basic_blue.png) no-repeat 0 0;} #i_icon_mini_members:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/paper-clip_basic_green.png) no-repeat 0 -0;} #i_icon_mini_groups{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/site-map_basic_blue.png) no-repeat 0 0;} #i_icon_mini_groups:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/site-map_basic_green.png) no-repeat 0 -0;} #i_icon_mini_profile{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/user-card_basic_blue.png) no-repeat 0 0;} #i_icon_mini_profile:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/user-card_basic_green.png) no-repeat 0 -0;} #i_icon_mini_message{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/mail_basic_blue.png) no-repeat 0 0;} #i_icon_mini_message:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/mail_basic_green.png) no-repeat 0 -0;} #i_icon_mini_new_message{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/mail-open_basic_blue.png) no-repeat 0 0;} #i_icon_mini_new_message:hover{ background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/mail-open_basic_green.png) no-repeat 0 -0;} #i_icon_mini_logout{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/outbox_basic_blue.png) no-repeat 0 0;} #i_icon_mini_logout:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/outbox_basic_green.png) no-repeat 0 -0;} #i_icon_mini_register{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/floppy-disk_basic_blue.png) no-repeat 0 0;} #i_icon_mini_register:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/floppy-disk_basic_green.png) no-repeat 0 -0;} #i_icon_mini_login{width:48px; height:48px; background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/blue/arrow-up_basic_blue.png) no-repeat 0 0;} #i_icon_mini_login:hover{background:url(http://cdn5.iconfinder.com/data/icons/super-mono-basic/green/arrow-up_basic_green.png) no-repeat 0 -0;} .code{ margin: 3px; width : auto; border : 2px solid #4BA1CC; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 8px #666; -webkit-box-shadow : 0 0 8px #666; box-shadow : 0 0 8px #666; background-image: url("http://www.backgroundlabs.com/backgrounds/170.gif"); } .qoute{ margin: 3px; width : auto; border : 2px solid #4737B0; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 8px #666; -webkit-box-shadow : 0 0 8px #666; box-shadow : 0 0 8px #666; background-image: url("http://www.backgroundlabs.com/backgrounds/170.gif"); } .spoiler{ margin: 3px; width : auto; border : 2px solid #5E50BA; -moz-border-radius : 7px; -webkit-border-radius : 7px; border-radius : 7px; -moz-box-shadow : 0 0 8px #666; -webkit-box-shadow : 0 0 8px #666; box-shadow : 0 0 8px #666; background-image: url("http://www.backgroundlabs.com/backgrounds/170.gif");} .postdetails.poster-profile a img { -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border: 5px solid #bcbcbc; }

Nümunə olaraq: [Linkleri görebilmek için üye olun veya giriş yapın.] səhifəni ziyarət edə bilərsiniz.