it-swarm-vi.com

Điều chỉnh độ phân giải màn hình

Tôi đang cố gắng điều chỉnh thân máy cho mọi độ phân giải màn hình. Tôi đang sử dụng Joomla để phát triển một trang web và như bạn biết nó có một mẫu mặc định với CSS của riêng nó. Sau đó, tôi đã tạo một số bài viết cần một tệp CSS khác, vì cùng một thẻ (ví dụ: ul, li .. v.v.) và tôi nên đặt mẫu giống như thành phần (tôi đã làm điều đó chỉ đơn giản là gắn "tmpl = thành phần" ở cuối của URL). Thật không may, đó là một vấn đề bởi vì nếu tôi muốn chỉnh sửa cơ thể trong các bài viết này thì tôi không thể; nguyên vẹn thẻ cơ thể đã trở thành "nội dung cơ thể" là hoàn toàn khác nhau. Tôi đã thử hai cách khác nhau: trước hết tôi đặt một mẫu cụ thể cho mỗi bài viết nhưng nó không hoạt động; Vì vậy, tôi đã cố gắng chèn một mẫu trống nhưng tôi nghĩ không dễ để thiết lập tất cả các chi tiết về điều đó Cảm ơn mọi người đã chú ý !!

2
user2348092

Nếu mẫu của bạn được thiết lập chính xác, khi bạn thêm một lớp trang trong mục menu, nó sẽ thêm nó vào trang dưới dạng một lớp cơ thể. Vì vậy, bạn chỉ có thể thêm css bổ sung vào mẫu của mình và thêm tiền tố vào body.yourpageclass để nó chỉ tải trên các trang có lớp đó trong mục menu.

Đây là một ví dụ: Trang chuyến đi tùy chỉnh

Trang này và các trang chuyến đi khác sử dụng một lớp trang được gọi là trang chuyến đi (xem nguồn và bạn có thể thấy nó).

Tôi đã sử dụng một cái gì đó như thế này sau đó:

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

Mã của bạn sẽ thay đổi từ mã này, nhưng khối .rt đó là hộp nội dung bài viết và tôi muốn CHỈ nền tùy chỉnh trên các trang chuyến đi.

Ngoài ra còn có một cách khác để làm điều này, và đó là mã hóa mẫu của riêng bạn để có một cái gì đó độc đáo nằm trong thẻ body trên trang. Rocket theme thực hiện điều này với một chuyển đổi trong mẫu thực sự. Về mặt lý thuyết, bạn có thể sửa đổi mẫu để danh mục bài viết tải vào thẻ body ở trên cùng, cho phép bạn sử dụng css tùy chỉnh trên toàn bộ danh mục.

2
Brian Peat

Để tạo các mục tiêu cụ thể cho css của bạn, bạn có thể lặp lại các biến trang khác nhau cho một lớp trên thành phần cơ thể, cung cấp cho bạn một móc css đặc biệt cao để nhắm mục tiêu các kiểu của bạn.

Ở đầu index.php của bạn:

<?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', '');
?>

Và trên thẻ cơ thể:

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

Tất nhiên, bạn không cần phải làm điều này để điều chỉnh yếu tố cơ thể dựa trên độ phân giải màn hình, bạn chỉ cần một số truy vấn @ media trong css của bạn để làm điều đó.

1
Seth Warburton

Joomla có khả năng đính kèm một lớp trang cho mọi trang web. Chuyển đến Trình quản lý menu Joomla và mở một điểm Menu. Sau đó tìm kiếm cài đặt "Trang lớp Suffix" và đặt lớp css của riêng bạn như "bố cục bài viết phẳng". Sau đó, bạn có thể sử dụng lớp này để thiết kế trang cụ thể này trong css của bạn như thế này:

.falt-article-layout ul li {list-style: none;}

hoặc bạn thử Ghi đè mẫu:

http://docs.j Joomla.org/How_to_override_theDefput_from_the_J Joomla!_core

1
Joomla Agency

trong tập tin /templates/your_template/index.php bạn có thể điều chỉnh thẻ body để thêm các lớp bạn có thể cần, với các truy vấn phương tiện bạn có thể điều chỉnh nó dựa trên độ phân giải màn hình.

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

nếu bạn cần các bố cục khác nhau cho các trang khác nhau có thêm ?tmpl=component bạn chỉ có thể tạo một tệp component.php trong cùng thư mục (hoặc bất kỳ tên nào miễn là phù hợp) để điều chỉnh bố cục cho điều đó.

1
Jordan Ramstad

Bằng cách sử dụng "tmpl = thành phần" OR "tmpl = my_new_template_name", bạn có thể có nhiều sơ đồ bố trí khác nhau cho trang web của mình bằng cách đặt một tệp vào thư mục / samples/system/my_new_template_name. php. Nếu bạn đang sử dụng "tmpl = thành phần" thì bạn có thể sửa đổi / samples/system/component.php theo yêu cầu của bạn. Hãy cho tôi biết nếu bạn cần thêm hướng dẫn.

0
Pramod Kumar