Grup isimlerine nasıl değişik efektler verebilirim?

[Volfurem]

Grup isimlerine nasıl değişik efektler verebilirim?

Bu efektler; Tüm forum versiyonlarında kullanılabilir. Grup isimlerinin; yanına İcon eklemek,arkasına resim eklemek veya yazılarını gölgeli yapabilmak artık çok kolay. Dikkat:Bu anlatımdan yararlanmak istiyorsanız; tüm grupların adreslerini kopyalamalısınız. (Konuda nasıl yapılacağını ayrıntılı bir şekilde anlattım) Stil 1: Parlak stil Gruplar: [ Yetkin Yönetmen] Adım 1: Öncelikle parlak bir fotoğraf bulmalısınız,önizlemede bu resmi kullandık: Resim (Google'da bu tarz birçok resim bulabilirsiniz ) Adım 2: Gruplara gidin,bu tarz efekti eklemek istediğiniz gruba gidin.Ve tarayıcı adresine bakın (Örn: https://destek.yetkin-forum.com/g1-yoneticiler ). Kod'a bu adres'in sadece son kısmını ekleyeceğiz yani ''/g1-yoneticiler''.Sizde kendi sitenizdeki son kısmı almalısınız Adım 3: Bu kodu Css'ye ekleyin (Koddaki href (Link) kısmını yukarıda belirttiğim gibi kendi forumunuzdaki gruba göre değiştirin.İsterseniz arkaplan resmini de değiştirebilirsiniz. Kod: a[href="/g1-yoneticiler"] {     background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif"); } Stil 2: Grubun isminin yanına İcon (resim) eklemek Gruplar: [ Yetkin Yönetmen] Adım 1: Grupların yanına eklemek için mini bir icon yapın veya bulun.Kodda kullandığımız örnek; Adım 2: Gruplara gidin,bu tarz efekti eklemek istediğiniz gruba gidin.Ve tarayıcı adresine bakın (Örn: https://destek.yetkin-forum.com/g1-yoneticiler ). Kod'a bu adres'in sadece son kısmını ekleyeceğiz yani ''/g1-yoneticiler''.Sizde kendi sitenizdeki son kısmı almalısınız Adım 3: Bu kodu Css'ye ekleyin (Koddaki href (Link) kısmını yukarıda belirttiğim gibi kendi forumunuzdaki gruba göre değiştirin.Grup isminin yanında görünecek resmi değiştirebilirsiniz. Kod: a[href="/g1-yoneticiler"] {     background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat;     padding-left: 19px;     padding-top: 2px; } Stil 3: Gölgeli yazı yapmak Gruplar: [ Yetkin Yönetmen] Adım 1: Bu alanda text-shadow kullandık.Eğer text-shadow yapmayı bilmiyorsanız bu siteyi ziyaret edip,kolay bir şekilde yapabilirsiniz. http://www.css3maker.com/ Kodda kullandığımız text-shadow ; Kod: text-shadow:0px 2px 13px #f5a911; Adım 2: 1. ve 2. stilde anlattığım gibi 2. adımlarda hep aynı işlemi uygulamalısınız. Adım 3: Bu kodu Css'ye ekleyin (Koddaki href (Link) kısmını üstteki anlatımlarda belirttiğim gibi kendi forumunuzdaki gruba göre değiştirin. Kod: a[href="/g1-yoneticiler"] {     text-shadow: 0px 2px 6px #f5a911; }

Orjinal anlatım ForumMotion'dan alınmıştır.Türkçe çeviri & düzenlemeler Volfurem tarafından hazırlanmış ve sunulmuştur. Anlatımın başka sitelerde yayınlanması yasaktır. © 2010 Yetkinforum.com