referansları, references, stil, style, vbulletin

VBulletin 4.x Stil Referansları - Style References for vBulletin 4.x

vBulletin sayfaları işlemek için dosya ve şablonlar kullanır.Sitenizin bir yönetici olarak, Stil şablonları, css, ve stil değişkenler de dahil olmak üzere hemen hemen her yönü özelleştirmek için izin "Stil Yöneticisi" olarak erişime sahipsiniz.

*CSS stili ile ilgili her şeyi stil değişkeni değildir unutmayın, varsayılan stil ve vBulletin işlevselliği ötesine geçerek özel css ekleme gerekli olabilir.

İşinizde yardımcı olabilecek bazı linkler:

• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]
• [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz]

Temel olarak burada kısaca bilmeniz gerekenler ... vBulletin varsayılan stil ile birlikte geliyor, çok güzel ve ince ... neden bu taşmaya veya kenar kesme değildir? Peki en perspektif, vesaire, eşit diğerleri bu aşk değil düşünebilir ve bazı hafif bir stil ve diğerleri karanlık bir stil istiyorsanız. Varsayılan stil özelleştirilmiş ya da kendi yeni stiller oluşturmak ya da ücretli veya ücretsiz stilleri sitenizin içine import edebilirsiniz. Şimdi, bazen ek bakım gerektirmez özelleştirmek şey olduğu gibi akılda bir şey bu ne anlama geliyor? Ağırlıklı siteler stilini özelleştirmek şablonlar doğru birleştirme olmaz yükseltme şansı var demektir... yerleşik bir karşılaştırma aracı değil, ben şeyler her zaman sorunsuz gidecek düşünmeyin tekrar yaptıkları bazı durumlarda ve bazı Ancak bir numaralı sebebi olacaktır vb nedenlerle ve / veya faktörlerin bir dizi için değilher şimdi ve sonra ok üzerinde çalışmak için gerekirse rahatsız olmazlar özelleştirmek için seçti? Genel gerçekleştirmek için gereken nasıl çalıştığını, nasıl bunu özelleştirebilirsiniz ve daha sonra biz kontrol sahibiyiz!

Forum sayfa görüntüleme, şablonları, sırayla yukarıdan aşağıya doğru:

1. Header
2. Navbar
3. Forumhome
4. Footer

Now that's a basic short version, as you can see in the images below there's more but where? Well the black numbered items in the list above are usually the constants meaning they are on all pages, the royal blue colored item is the one that interchanges if you will.

So another way to read it could be:

1. Header
2. Navbar
3. Forumhome OR Forumdisplay OR Showthread etc etc.
4. Footer

Now for those of you that have already delved into the style manager and the new stylevars system in vbulletin 4 you might be more familiar with this more complex breakdown:

1. Header
2. Headinclude
3. headinclude_bottom
4. Navbar
5. Showthread *this wraps the postbit template and houses controls above and below.
6. postbit
7. Footer

Now I did say more complex and as you can see I mentioned the showthread template wraps the postbit template right? Well of course but how? vBulletin can call a template via a variable, so in the showthread template it calls the postbit template with one simple snippet of code... you can also call forth variables that display information and additionally you can also utilize template conditionals to show or hide data and present it in various ways within your sites templates i.e. style.

Now let's do a quick run-through of some of the templates we listed above, please see my notes above each image with color coded references.

Header

The header houses your logo, upper (toplinks) links for a member i.e. Notifications, Settings, and more.

To change your logo, you have two options:

To change the colors and effects of your toplinks:

To edit your header template:

To edit most of the CSS and colors related to the header:

• Shown in Red(1) is the header area.
• Shown in Blue(2) is the logo or "title Image".
• Shown in Orange(3) are the toplinks.

Navbar

The navbar houses your navbar tabs, their sub-links and menus, plus the breadcrumbs i.e. top navigation.

To edit your navbar template:

To edit most of the CSS and colors related to the header:

• Shown in Red(1) is the navbar area.
• Shown in Green(2) is a standard navtab. Some useful articles (guides) related to the navbar on how to add a new navtab, a drop-down navtab, and how to add in sub-menus etc can be found [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz].
• Shown in Yellow(3) is a "selected" navtab or "navtab-selected" as you can see in the image.
• Shown in Blue(4) is the navtab-selected sub-menu/sub-links and any drop-down menus as well.
• Shown in Grey(5) is the navbar breadcrumbs or "upper navigation" as some call it. *If you wish to have this navigation duplicated and at the bottom of your site please see [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz].
• Shown in Orange(6) is the Global search, you can swap out the vBulletin default search for [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz] or even replace it with a [Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz].

Navbar tam dataylı anlatım

Stil Değişken (StyleVar)	Ne İşe Yarar
navbar_background	Navbar çubuğu arka plan rengini değiştirir.
navbar_background_notify	Navbar çubuğu bir bildirim mesaj arka plan rengini değiştirir
navbar_border	Navbar çubuğu kenar rengi etrafında taslak genişlik, renk ve stil değiştiriyor
navbar_color	Navbar çubuğu için varsayılan yazı tipi rengini değiştirir.
navbar_font	Navbar çubuğu için varsayılan yazı tipi stilini değiştirir.
navbar_link_color	Navbar çubuğu için varsayılan bağlantı rengi değiştirir.
navbar_linkhover_color	Gezinti çubuğu için link vurgu (hover) rengini değiştirir.
navbar_padding	Navbar çubuğu ve diğer öğeler arasında piksel boşluk miktarını değiştirir.

Stil Değişken (StyleVar)	Ne İşe Yarar
navbar_tab_background	Alt Sekmede arka plan rengini değiştiriyor
navbar_tab_bevel	Alt Sekme etrafında oyma genişliğini, rengini ve stilini değiştiriyor
navbar_tab_border	Alt Sekme çubuğunda bir sekme etrafında anahat genişliğini, rengini ve stilini değiştiriyor
navbar_tab_color	Alt Sekmesinin yazı tipi rengini değiştirin.
navbar_tab_font	Alt Sekme için yazı tipi boyutunu ve stilini değiştirir.
navbar_tab_linkhover_color	Alt Sekme için link vurgu (hover) rengini değiştirir.
navbar_tab_selected_background	Seçilen alt sekme için arka plan rengini değiştirir
navbar_tab_selected_top_width	Seçilen alt sekmenin üst (top) genişliği değiştirir
navbar_tab_size	Seçilen alt sekmenin düğmesi (button) boyutunu değiştirir

Stil Değişken (StyleVar)	Ne İşe Yarar
navbarsearch_borderWidth	Arama kutusunun kenar genişliğini değiştirir.
navbarsearch_input_borderColor	Arama kutusunun giriş alanı etrafında kenar rengini değiştirir.
navbarsearch_padding	Giriş (input) kutusu ve kenar genişliğini arasındaki dolgu genişliğini değiştirir..
searchbox_size	Arama kutusunun boyutunu değiştirir..

[Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz] kısayol

Ana Sayfa (Forumhome)

The forumhome template displays your categories, forums, and sub-forums depending on your preferences chosen in AdminCP > Settings > Options.

• Shown in Red(1) is the forumhome_forumbit family of templates that make up all you see within the red box, you can customize these via editing templates and through stylevars found in the StyleVars under Forums.
• Shown in Purple(2) is the forumhome_markread_script, this allows members to easily mark all the forums as read if desired i.e. they don't interact in a certain forum so to mark them all as read in order to view new posts in their desired forum etc etc.
• Shown in Grey(3) is the Whats Going On? area commonly referred to as wgo, this can be customized via the CSS templates and also by editing the FORUMHOME template directly, some modifications can alter and display information differently, show recent visitors, show search "spiders" browsing and much more!
• Shown in Yellow(4) is the forum sidebar and each "block" has it's own template that is used to display it within the sidebar area on the forumhome page.

Stil Değişken Editörü'nde yapılması gerekenler

Main Category yazan kısmın değişkenleri:
Yazı rengini forumhead_color ile değişir.
Yazı formatı forumhead_font ile değişir.
Arkaplan rengi forumhead_background ile değişir
Description. yazan yerin değişkeni blocksubhead_

Main Forum yazan yerin değişkenleri:
İlk forum arkaplan değişkeni forumrow_firstentry_background
Diğer forumlar değişkeni forumrow_background
forumbits_text_color değişkeni ile forum açıklaması yazı rengi değişir.
Çerçeve çizgilerin rengi ve kalınlığı bu forumbits_border değişken ile olur.
Çerçeve çizgisine gölge veren değişken budur forumbits_shadow_color sol ve alt çizgi sağ çizgiye göre kalınlaşır ve seçtiğinizi renk görünür.

Forum'da Neler Oluyor? (What's Going On?) ayarları

secondarycontent_header_font değişken ile 1 yazan yerin yazı stil ayarı yapılır
secondarycontent_header_color değişken ile 1 yazan yerin yazı renk ayarı yapılır
secondarycontent_header_border değişken ile 1 yazan yerin kenar çizgi stil ayarı yapılır
secondarycontent_header_background değişken ile 1 yazan yerin arkaplan renk ayarı yapılır

secondarycontent_font değişken ile 2 yazan yerin yazı stil ayarı yapılır
secondarycontent_color değişken ile 2 yazan yerin yazı renk ayarı yapılır
secondarycontent_border değişken ile 2 yazan yerin kenar çizgi stil ayarı yapılır
secondarycontent_background değişken ile 2 yazan yerin arkaplan renk ayarı yapılır

[Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz] kısayol
Alt Forum ve konu listetesi (Threadbit) gösterimi

The threadbit template houses the list of all threads within a forum, if there are sub-forums they will be shown in a forumhome "forum" Style above the list of threads.

• Kırmızı (1) gösterilen yer threadbit şablon ana parçasıdır.
• Yeşil (2) gösterilen yer threadbit_alt_background ya da "istatistik".
• Turuncu (3) gösterilen yer threadlastpost td şablonu parçasıdır.

Buna göre Stil Değişken Editörü'de threadbit ararsanız
Sonuçta karşınıza bu değişkenler çıkar
threadbit_alt_background
threadbit_background
threadbit_border
threadbit_deleted_background
threadbit_hilite_background
threadbit_iconsize
threadlisthead_background

Bu değişkenler karşılaştırmasında istediğiniz gibi threadbit'e şekil verirsiniz.

Showthread/Postbit (Showing list of posts etc)

The showthread template houses the postbit template so basically the postbit or posbit_legacy templates are called from the middle of the showthread template then a thread is viewed with all posts shown. The showthread has controls above and below the postbit within it's own respective template.

There are two distinctive templates to choose from in regards to how your posts display. To access the setting for this and change go to:

AdminCP > Settings > Options > Style & Language Settings

Now look for: Use Legacy (Vertical) Postbit Template and please note the description;


So using the postbit template your posts will appear as they do on vbulletin.org with the username and info running horizontal along the top of posts where as using the postbit_legacy template will display your posts within a box to the left of each post as you see here currently on vbulletin.com.

• Shown in Red(1) are the parts of the postbit template.
• Shown in Blue(2) are the parts of showthread and as you can see it also shows a reference of how it's above and below the postbit template.

Footer

The template template houses your style and language drop-down's or some call them selectors and your footer links. In addition it also houses the code for the scripts related to each of those functions.

• Shown in Red(1) are the parts of the footer template.
• Shown in Royal Blue(2) are the footer links or as seen in template and css, footer_links.
• Shown in Yellow(3) is the style selector, if you have multiple languages available for your vBulletin forum another drop down will also appear for you to choose the correct language, very similar to the style selector.
• Shown in Green(4) is the footer time.
• Shown in Purple(5) is the copyright.

Now that you have viewed a few of the templates and corresponding images and labels it should be easier to ask for assistance on the forums. If your ever unsure of the name for something, anything related to the styling of vBulletin refer to this guide and post new questions below, if they are indeed style related and we can offer some tips I'll add them to the guide .

[Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz] kısayol

Uyarı/Notices



notices_background ile uyarı klon arkaplan rengini değiştirsiniz notices_shadow_color ile uyarı klon gölge rengini değiştirsin

[Forumdan tam anlamıyla yararlanmak için Lütfen!!! Üye Olunuz] kısayol
Giriş Alanı inputlar



input_background
input_border
input_color
input_focus_background
input_font
input_padding

*I do plan on expanding this into specific breakdowns for each forum template and how to customize each however in multiple threads as I feel one long post will become confusing over time.

Kaynak: www.vB-Turko.com
Kategori: vBulletin 4.x.x İp Uçları
Konu: VBulletin 4.x Stil Referansları - Style References for vBulletin 4.x

Hocam süper bir çalışma olmuş elleriniz dert görmesin. Aynı açıklamayı birede vBCMS için yapmanız mümkün mü acaba ?

tema yapan arkadaşların isine yarıyacaktır eline saglik

10 numara bir paylaşım olmuş emeğinize sağlık

Hakan Hocam Gerçekten harika bir paylaşım olmuş bir sorunum vardı şimdi çözdüm inanılmaz sağlıklı bir konu world dosyasına kopyalayıp kendime yedek aldım.

Cok guzel bir anlatim olmus, Eline Saglik hocam cok tesekurler

hakikaten çok işimize yarayacak bir çalışma olmuş elinize sağlık..

forumda karşılaştığım en detaylı çalışma. tşk.