it-swarm-tr.com

Ekran çözünürlüğünü ayarlama

Her ekran çözünürlüğü için gövdeyi ayarlamaya çalışıyorum. Bir web sitesi geliştirmek için Joomla kullanıyorum ve bildiğiniz gibi kendi CSS'si olan varsayılan bir şablonu var. Sonra aynı etiketleri (örneğin ul, li .. vb) nedeniyle farklı bir CSS dosyasına ihtiyaç duyan bazı makaleler oluşturdum ve ben şablon gibi bileşen ayarlamanız gerekir (Ben sadece "tmpl = bileşen" ekleyerek sonunda yaptım URL). Ne yazık ki bu bir sorun çünkü bu makalelerde gövdeyi düzenlemek istersem; vücut etiketi tamamen farklı bir "vücut içerik bölmesi" haline geldi. İki farklı yol denedim: her şeyden önce her makale için belirli bir şablon ayarladım ama işe yaramadı; bu yüzden boş bir şablon eklemeye çalıştım, ancak bunun tüm ayrıntılarını ayarlamak kolay olmadığını düşünüyorum. İlginiz için herkese teşekkürler !!

2
user2348092

Şablonunuz doğru bir şekilde ayarlandıysa, menü öğesine bir sayfa sınıfı eklediğinizde, şablonu bir gövde sınıfı olarak ekler. Böylece, şablonunuza fazladan css ekleyebilir ve body.youreclass ile önek ekleyebilirsiniz, böylece yalnızca menü öğesinde o sınıfa sahip sayfalara yüklenir.

İşte bir örnek: Özelleştirilmiş Gezi Sayfası

Bu ve diğer gezi sayfaları, trip-page adlı bir sayfa sınıfı kullanır (kaynağı görüntüleyin ve görebilirsiniz).

O zaman böyle bir şey kullandım:

body.trip-page .box3.nohover .rt-block {background-image: url(../../../images/IMT/trip-page-overlay-plane.png);}

Kodunuz bundan farklı olacaktır, ancak bu .rt-bloğu makale içerik kutusudur ve SADECE gezi sayfalarında özel bir arka plan istedim.

Bunu yapmanın başka bir yolu da vardır ve bu, kendi şablonunuzu kodlamaktır, böylece sayfadaki gövde etiketinde benzersiz bir şey olur. Roket teması bunu aslında şablondaki bir anahtarla yapar. Şablonu teorik olarak, makale kategorisinin en üstteki gövde etiketine yüklenerek tüm kategorilerde özel css kullanmanıza izin verecek şekilde değiştirebilirsiniz.

2
Brian Peat

Css'niz için belirli hedefler oluşturmak için çeşitli sayfa değişkenlerini gövde öğesindeki bir sınıfa yansıtarak stillerini hedeflemeniz için oldukça spesifik bir css kancası verebilirsiniz.

İndex.php dosyanızın en üstünde:

<?php
$app = JFactory::getApplication();
// Detect the active variables
$option   = $app->input->getCmd('option', '');
$view     = $app->input->getCmd('view', '');
$layout   = $app->input->getCmd('layout', '');
$itemid   = $app->input->getCmd('Itemid', '');
?>

Ve vücut etiketinde:

<body class="<?php echo $option . " view-" . $view . " layout-" . $layout. " itemid-" . $itemid . "";?>">

Tabii ki, gövde elemanını ekran çözünürlüğüne göre ayarlamak için bunu yapmanız gerekmez, bunu yapmak için css'nizde sadece bazı @ medya sorgularına ihtiyacınız vardır.

1
Seth Warburton

Joomla her site için bir sayfa sınıfı ekleme özelliğine sahiptir. Joomla Menü Yöneticisine gidin ve bir Menü noktası açın. Ardından "Sayfa Sınıfı Soneki" ayarını arayın ve "düz makale düzeni" gibi kendi css sınıfınızı koyun. Daha sonra bu sınıfı css'nizdeki şu özel sayfayı tasarlamak için kullanabilirsiniz:

.falt-makale-düzen ul li {liste stili: yok;}

veya Şablon Geçersiz Kılmaları deneyin:

http://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core

1
Joomla Agency

/templates/your_template/index.php dosyasında, ihtiyaç duyacağınız sınıfları eklemek için gövde etiketini ayarlayabilir, medya sorguları ile ekran çözünürlüğüne göre ayarlayabilirsiniz.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

?tmpl=component ifadesini ekleyerek çeşitli sayfalar için farklı mizanpajlara ihtiyacınız varsa, bunun düzenini ayarlamak için aynı dizinde (veya eşleştiği sürece herhangi bir adda) bir dosya component.php oluşturabilirsiniz.

1
Jordan Ramstad

"Tmpl = bileşen" OR "tmpl = my_new_template_name" kullanarak, / templates/system/my_new_template_name dizinine bir dosya koyarak web siteniz için birçok farklı düzen şemasına sahip olabilirsiniz. php. "tmpl = component" kullanıyorsanız / templates/system/component.php gereksinimlerinize göre değişiklik yapabilirsiniz.

0
Pramod Kumar