Huong Dan Them Template Vao Joomla / TOP 7 # Xem Nhiều Nhất & Mới Nhất 6/2023 # Top View

Phím tắt vào bios laptop

LAPTOP MINH MẪN UY TÍN – CHẤT LƯỢNG – GIÁ RẺ.

chúng tôi

ĐT: 0931.837.874 – 016.6526.6521

Face. Viber. Zalo : 01665266521

ĐC: 390/15 Phạm Văn Bạch P15 Tân Bình

Hướng dẫn cách vào BIOS, Boot Menu khởi động máy tính từ USB để cài Win: Dell, Asus, Acer, Lenovo, HP 1. Vào Menu Boot  

Cách này đơn giản và cũng nên làm, khi khỏi động màn hình đen đầu tiên các bạn nhấn phím tắt để vào Menu boot, Máy tính sẽ hiển thị danh sách những thiết bị bạn có thể Boot vào được thay vì khởi động thẳng vào windows. TÍnh năng này giúp bạn boot vào cài windows nhanh chóng mà không cần thiết lập lại sau khi cài xong. Thông thường nhấn phím F12 hoặc ESC là nhiều hoặc có thể dùng được cả 2 2. Thiết lập thứ tự ưu tiên của Boot Lựa chọn thứ 2 là vào BIOS thiết lập thứ tự boot ưu tiên, mặc định thông thường sẽ là ổ cứng HDD hoặc SSD của bạn để chạy windows, các bạn cần phải điều chỉnh USB flash lên đầu để máy tính boot vào USB trước để cài windows.  

Sau khi cài lại các bạn 1 lần nữa vào BIOS chỉnh lại set về mặc định chỉnh ưu tiên việc BOOT HDD lên đầu  

Hãng Loại Model Vào Boot Menu Vào BIOS/UEFI Key Acer     Esc, F12, F9 Del, F2 Acer netbook Aspire One zg5, zg8 F12 F2 Acer netbook Aspire Timeline F12 F2 Acer netbook Aspire v3, v5, v7 F12 F2 Apple   After 2006 Option   Asus desktop   F8 F9 Asus laptop VivoBook f200ca, f202e, q200e, s200e, s400ca, s500ca, u38n, v500ca, v550ca, v551, x200ca, x202e, x550ca, z202e Esc Delete Asus laptop N550JV, N750JV, N550LF, Rog g750jh, Rog g750jw, Rog g750jx Esc F2 Asus laptop Zenbook Infinity ux301, Infinity ux301la, Prime ux31a, Prime ux32vd, R509C, Taichi 21, Touch u500vz, Transformer Book TX300 Esc F2 Asus notebook k25f, k35e, k34u, k35u, k43u, k46cb, k52f, k53e, k55a, k60ij, k70ab, k72f, k73e, k73s, k84l, k93sm, k93sv, k95vb, k501, k601, R503C, x32a, x35u, x54c, x61g, x64c, x64v, x75a, x83v, x83vb, x90, x93sv, x95gl, x101ch, x102ba, x200ca, x202e, x301a, x401a, x401u, x501a, x502c, x750ja F8 DEL Asus netbook Eee PC 1015, 1025c Esc F2 Compaq   Presario Esc, F9 F10 Dell desktop Dimension, Inspiron, Latitude, Optiplex F12 F2 Dell desktop Alienware Aurora, Inspiron One 20, Inspiron 23 Touch, Inspiron 620, 630, 650, 660s, Inspiron 3000, X51, XPS 8300, XPS 8500, XPS 8700, XPS 18 Touch, XPS 27 Touch F12 F2 Dell desktop Inspiron One 2020, 2305, 2320, 2330 All-In-One F12 F2 Dell laptop Inspiron 11 3000 series touch, 14z Ultrabook, 14 7000 series touch, 15z Ultrabook touch, 15 7000 series touch, 17 7000 series touch F12 F2 Dell laptop Inspiron 14R non-touch, 15 non-touch, 15R non-touch, 17 non-touch, 17R non-touch F12 F2 Dell laptop Latitude c400, c600, c640, d610, d620, d630, d830, e5520, e6320, e6400, e6410, e6420, e6430, e6500, e6520, 6430u Ultrabook, x300 F12 F2 Dell laptop Precision m3800, m4400, m4700, m4800, m6500, m6600, m6700, m6800 F12 F2 Dell laptop Alienware 14, Alienware 17, Alienware 18, XPS 11 2-in-1, XPS 12 2-in-1, XPS 13, XPS 14 Ultrabook, XPS 15 Touch, F12 F2 eMachines     F12 Tab, Del Fujitsu     F12 F2 HP generic   Esc, F9 Esc, F10, F1 HP desktop Pavilion Media Center a1477c Esc F10 HP desktop Pavilion 23 All In One Esc F10 HP desktop Pavilion Elite e9000, e9120y, e9150t, e9220y, e9280t Esc, F9 F10 HP desktop Pavilion g6 and g7 Esc F10 HP desktop Pavilion HPE PC, h8-1287c Esc Esc HP desktop Pavilion PC, p6 2317c Esc Esc HP desktop Pavilion PC, p7 1297cb Esc Esc HP desktop TouchSmart 520 PC Esc Esc HP laptop 2000 Esc Esc HP notebook Pavilion g4 Esc F10 HP notebook ENVY x2, m4, m4-1015dx, m4-1115dx, sleekbook m6, m6-1105dx, m6-1205dx, m6-k015dx, m6-k025dx, touchsmart m7 Esc Esc HP notebook Envy, dv6 and dv7 PC, dv9700, Spectre 14, Spectre 13 Esc Esc HP notebook 2000 – 2a20nr, 2a53ca, 2b16nr, 2b89wm, 2c29wm, 2d29wm Esc Esc HP notebook Probook 4520s, 4525s, 4540s, 4545s, 5220m, 5310m, 5330m, 5660b, 5670b Esc F10 HP tower Pavilion a410n Esc F1 Intel     F10   Lenovo desktop   F12, F8, F10 F1, F2 Lenovo laptop   F12 F1, F2 Lenovo laptop ThinkPad edge, e431, e531, e545, helix, l440, l540, s431, t440s, t540p, twist, w510, w520, w530, w540, x140, x220, x230, x240, X1 carbon F12 F1 Lenovo laptop IdeaPad s300, u110, u310 Touch, u410, u510, y500, y510, yoga 11, yoga 13, z500 Novobutton Novo button Lenovo laptop IdeaPad P500 F12 or Fn + F11 F2 Lenovo netbook IdeaPad S10-3 F12 F2 Lenovo notebook g460, g470, g475, g480, g485 F12 F2 NEC     F5 F2 Packard Bell     F8 F1, Del Samsung     F12, Esc   Samsung netbook NC10 Esc F2 Samsung notebook np300e5c, np300e5e, np350v5c, np355v5c, np365e5c, np550p5c Esc F2 Samsung ultrabook Series 5 Ultra, Series 7 Chronos, Series 9 Ultrabook Esc F2 Samsung ultrabook Ativ Book 2, 8, 9 F2 F10 Sharp       F2 Sony   VAIO Duo, Pro, Flip, Tap, Fit assistbutton assist button Sony   VAIO, PCG, VGN F11 F1, F2, F3 Sony   VGN Esc, F10 F2 Toshiba laptop Kira, Kirabook 13, Ultrabook F12 F2 Toshiba laptop Qosmio g30, g35, g40, g50 F12 F2 Toshiba laptop Qosmio x70, x75, x500, x505, x870, x875, x880 F12 F2 Toshiba   Protege, Satellite, Tecra F12 F1, Esc Toshiba   Equium F12 F12

LAPTOP MINH MẪN UY TÍN – CHẤT LƯỢNG – GIÁ RẺ.

chúng tôi

ĐT: 0931.837.874 – 016.6526.6521

Face. Viber. Zalo : 01665266521

ĐC: 390/15 Phạm Văn Bạch P15 Tân Bình

Trong hướng dẫn này, chúng ta sẽ học cách chuyển 1 template từ joomla 1.5 sang joomla 2.5. Hướng dẫn này, chúng ta sẽ lấy mặc định mẫu “rhuk_milkyway” để làm ví dụ cho bài hướng dẫn này. Để thực hiện bài viết hướng dẫn này, chúng tôi đề nghị bạn nên cài đặt trước gói Joomla 2.5.

Để chuyển đổi từ giao diện Joomla 1.5 sang joomla 2.5 về cơ bản chúng ta sẽ trải qua 5 bước cơ bản sau:

1. Copy tất cả các file trong template joomla 1.5 của chúng ta sang thư mục template joomla 2.5

2. Chỉnh sửa cấu trúc các tập tin

3. Chỉnh sửa tập tin templateDetails.xml

4. Chỉnh sửa tập tin index.php

5. Cài đặt và kiểm tra thử trên joomla 2.5

Bước 1: Copy tất cả các tập trong thư mục template của joomla 1.5 mà bạn muốn chuyển đổi sang joomla 2.5

2. Tạo một thư mục tên “rhuk_milkyway25”

3. Copy tất cả các tập tin bên trong thư mục “rhuk_milkyway” của joomla 1.5 sang thư mục chúng ta vừa tạo.

Bước 2: Thay đổi cấu trúc tập tin

Trong joomla 1.5, tập tin chúng tôi dùng để lưu các tham số tùy chọn cho template. Tuy nhiên, ở joomla 2.5 tất cả các tham số được lưu vào trong database chính vì thế tập tin chúng tôi không cần thiết ở phiên bản joomla 2.5 này.

2. Copy tập tin chúng tôi từ template “atomic” (nằm trong thư mục templates của joomla 2.5) vào trong thư mục rhuk_milkyway25 vừa tạo.

Tập tin chúng tôi là tập tin dùng để tạo 1 trang thông báo lỗi chẳng hạn như lỗi 404. Tập tin này rất đơn giản và chúng ta cũng có thể tái sử dụng từ các template khác mà không làm ảnh hướng đến template của chúng ta.

3. Tạo mới một hình ảnh đặt tên là “template_preview.png”

Đây là hình ảnh hiện thị lớn của template nó sẽ được hiện thị trong phần quản trị của template. Kích thước chuẩn của tập tin này là 640×480 px và tên bắt buộc phải là template_preview.png

Bước 3: Chỉnh sửa cấu trúc tập tin chúng tôi

Bây giờ, chúng ta cần thay đổi cấu trúc của tập tin chúng tôi để tương thích với joomla 2.5

1. Thay thẻ thành

Giá trị các tags cũ

giá trị các tags mới (joomla 2.5)

Giá trị các tags

giá trị các tags mới (joomla 2.5)

param…

field…

Bước 4: Chỉnh sửa tập tin index.php

1. Thêm đoạn code để tải thư viện Mootool

Bước này bạn thêm đoạn code “JHtml::_(‘behavior.framework’, true);” vào vị trí như hình bên dưới, chức năng của dòng lệnh này để thêm các thư viện Mootool vào cho template hiện tại.

Ở bước này, thay vì bạn điền thủ công tên thư mục template chúng ta sẽ dùng php để load tên 1 cách tự động để tránh những sai sót khi làm bằng cách thủ công.

Giá trị cũ

Giá trị mới

rhuk_milkyway

Bước 5: Cài đặt và kiểm tra template

Đến bước 4, chúng ta đã chuyển đổi xong sang joomla 2.5 bây giờ chúng ta sẽ tiến hành cài đặt template và kiểm tra nó có hoạt động hay không. Do template của chúng ta vừa tạo nằm sẵn trong thư mục templates nên chúng ta sẽ Discover nó.

Trong Joomla! Template kiểm soát giao diện của trang web, nó cũng giống như Theme hay Style của các trang web dùng mã nguồn khác. Bạn có thể thay đổi các thiết lập về bố cục, màu sắc cũng như cách trang web hiển thị trên trình duyệt web của các thiết bị khác nhau.

Trong bài này chúng tôi sẽ hướng dẫn bạn cách thay đổi màu sắc, chèn Logo vào trang web và thiết lập các thông số khác của Template Protostar trong Joomla!

Nếu bạn muốn cài đặt Template khác cho trang web của bạn thì hãy xem bài hướng dẫn Cách cài đặt và sử dụng Template để thay đổi giao diện của trang web Joomla!

Cách thay đổi các thông số cho Template Protostar

Trong màn hình Templates: Styles (Site) bạn hãy để ý Template tên là Protostar – Default có biểu tượng hình ngôi sao màu vàng . Bạn hãy nhấn vào tên của Template Protostar – Default để mở nó ra.

Trong Joomla! nếu Template nào có biểu tượng hình ngôi sao màu vàng thì đó là Template đang được sử dụng làm mặc định.

Trong màn hình Templates: Edit Style bạn hãy chuyển sang màn hình Advanced, bây giờ bạn sẽ thay đổi các thông số của nó theo ý bạn.

Template Colour

Thay đổi màu của trang web. Đây là màu của các nút – Button, Đường viền – Border, liên kết – Link,… trên trang web.

Bạn hãy nhấn vào ô thông số của Template Colour, sẽ xuất hiện một bảng màu cho bạn lựa chọn. Bạn hãy nhấn chuột vào cột màu bên phải để chọn màu nào mà bạn thích rồi nhấn tiếp vào vùng màu bên trái để thay đổi độ sáng tối của màu sắc. Sau khi chọn xong bạn hãy nhấn chuột ra bên ngoài hay nhấn phím Enter trên bàn phím để chấp nhận thông số mới.

Background Colour

Thay đổi màu nền của trang web. Đây là màu của khoảng trống xung quanh trang web của bạn. Bạn cũng thực hiện như cách thay đổi màu của Template Colour bên trên.

Các thông số màu sắc sẽ hiển thị dưới dạng HEX – Hexadecimal, giá trị màu thập lục phân. Màu thập lục phân được chỉ định với: #RRGGBB Trong đó RR – Viết tắt của Red là màu đỏ. GG – Viết tắt của Green là màu xanh lá cây. BB – Viết tắt của Blue là màu xanh dương. Các giá trị là số nguyên thập lục phân giữa 00 và FF chỉ định cường độ của màu. Bạn có thể ghi nhớ giá trị của màu này để sử dụng khi cần thiết mà không cần phải chọn trong bảng màu.

Nếu bạn muốn quay trở lại màu mặc định như ban đầu thì chỉ cần xóa hết các thông số trong các ô này và nhấn Save.

Logo

Chọn hình ảnh đại diện cho trang web hay thương hiệu của bạn. Muốn chèn Logo vào trang web thì trước hết bạn cần phải chuẩn bị một tập tin ảnh Logo với định dạng thông dung như jpg, png, gif,…

Bây giờ bạn hãy nhấn vào nút Select để mở hộp thoại Change Image

Trong hộp thoại Change Image bạn hãy cuộn xuống phía dưới và nhấn vào nút Choose Files

Tiếp theo bạn hãy chọn tập tin ảnh Logo và nhấn Open để quay trở lại hộp thoại Change Image và sau đó nhấn Upload để sao chép tập tin Logo này vào thư mục chứa hình ảnh của Joomla!

Cuối cùng bạn hãy chọn tập tin Logo trong danh sách và nhấn Insert.

Nếu bạn chọn hiển thị Logo trên trang web thì nó sẽ thay thể Title – tên hay tiêu đề của trang web.

Title

Tiêu đề của trang web. Theo mặc định thì Template Protostar sẽ hiển thị tên của trang web – Site Name mà bạn đã đặt khi cài đặt Joomla! Tuy nhiên, nếu bạn muốn hiển thị một tên khác thì hãy nhập nó vào đây.

Bạn chỉ có thể được phép chọn hiển thị một trong hai Logo hoặc Title mà thôi. Cho nên nếu bạn đã chọn Logo thì có thể để trống phần Title.

Description

Dòng mô tả hoặc bất cứ gì về trang web của bạn, nó sẽ được hiển thị bên dưới Logo hoặc Title.

Google Font for Headings và Google Font Name

Tùy chọn sử dụng kiểu chữ của Google cho các tiêu đề của trang web, bài viết, Module,…

Fluid Layout

Trong Template Protostar có tùy chọn Fluid Layout, nó cho phép bạn thay đổi kiểu hiển thị cho trang web của bạn. Nếu chọn Fluid trang web sẽ hiển thị trong toàn bộ cửa sổ của trình duyệt web và không thấy được Background. Nếu chọn Static trang web sẽ chỉ hiển thị trong giới hạn kích thước của nó và sẽ thấy được Background.

Sau khi thiết lập xong bạn hãy nhấn Save để lưu các thay đổi.

Bây giờ bạn hãy nhấn vào tên trang web của bạn nằm ở góc trên bên phải hoặc nhấn vào nút View Site nằm ở góc dưới bên trái màn hình để mở trang web lên hoặc nếu trang web đang mở sẵn thì bạn hãy nhấn phím F5 để tải lại, bạn sẽ nhìn thấy trang web của bạn có giao diện mới.

Nếu bạn chưa vừa ý thì hãy quay trở lại màn hình Templates: Edit Style trong Administrator để thực hiện các thay đổi khác. Sau khi xong bạn hãy nhấn nút Save & Close để đóng trang thiết lập thông số của Template Protostar lại.

Như vậy là bạn đã biết cách thay đổi màu sắc, chèn Logo trên trang web và thiết lập các thông số khác của Template Protostar trong Joomla! Bạn hãy đón xem bài hướng dẫn tiếp theo để hoàn thiện trang web của mình.

– 1 trang web Joomla có thể có nhiều template Joomla khác nhau, mỗi template là 1 folder trong www/Joomla/templates/

– Template trong Joomla có thể chia sẽ giữa các trang web khác nhau, ví dụ sau khi bạn thiết kế xong template cho trang web của bạn, những trang web khác có thể sử dụng template bạn vừa làm và ngược lại.

– 1 template Joomla có thể có nhiều file, tùy tính năng, nhưng tối thiểu phải có các file sau:

chúng tôi : đây là file quan trọng nhất, có nhiệm vụ định dạng cho trang web của bạn. chúng tôi : file này cấu hình thông tin về template của bạn như: thông tin về tác giả template, các vị trí (position), các tham số (params). : file hình mô tả template của ban (Hình này sẽ hiện ra khi bạn vào Template Manager) template_thumbnail.png params.ini: Chứa các tham số được người dùng nhập trong template. (Tí nữa bạn sẽ hiểu những file này sử dụng như thế nào)

– Trước khi bắt đầu, bạn nên phác thảo trước giao diện template, ví dụ template bạn sẽ làm như sau:

Bước 2: Paste vào C:/Appserv/www/joomla/templates/

Bạn sẽ thấy có 1 dòng trắng dư ra như sau:

Đây chính là template bạn đang làm, do mình chưa cấu hình thông tin nên chỉ hiện ra 1 dòng trắng

Bước 4: Vào DreamWeaver, mở file chúng tôi để cấu hình thông tin cho template bạn đang làm.

Bạn có thể copy đoạn code sau:

Bước 6: Từ trang administrator, bạn vào lại Extension/TemplateManager để xem kết quả

Bước 7: Vào DreamWeaver, mở file templates/nhatnghe/index.php

Code như sau:

Lưu ý: Khi save trang này lại, nếu máy bạn báo lỗi font thì bạn làm như sau:Trong Dream Weaver, nhấn tổ hợp phím Ctrl+J, vào mục Title/Encoding, mục encoding: chọn Unicode utf-8 như hình sau:

Bước 9: Mở file templates/nhatnghe/mycss.css

@charset “utf-8”;

#wrapper {width:950px; height:110px; background-color:#FFFF00; margin-left:auto; margin-right:auto}

#top{width:950px; height:110px; background-color:#FFFF00; float:left}#left{width:200px; height:600px; background-color:#66FFCC; float:left}#content{width:550px; height:600px; background-color:#FFCCCC; float:left}#right{width:200px; height:600px; background-color:#66FFCC; float:left}#footer{width:950px; height:110px; background-color:#CCFF00; float:left}

Bước 11: Vào trang http://localhost/joomla để xem kết quả, bạn sẽ thấy như sau:

Bước 12: Vào lại DreamWeaver, mở trang templates/nhatnghe/index.php và cập nhật lại như sau:

Bước 13: Kiểm tra trang http://localhost/joomla bạn sẽ thấy kết quả như sau:

Bước 14: Do css bạn quy định chiều cao giới hạn cho các div, nên bây giờ bạn có thể bỏ height: Mở trang templates/nhatnghe/mycss.css và delete các height như sau:

Sau khi delete height, chúng tôi của bạn sẽ như sau:

@charset “utf-8”;

#wrapper {width:950px; height:110px; background-color:#FFFF00; margin-left:auto; margin-right:auto}

#top{width:950px; height:110px; background-color:#FFFF00; float:left}#left{width:200px; height:600px; background-color:#66FFCC; float:left}#content{width:550px; height:600px; background-color:#FFCCCC; float:left}#right{width:200px; height:600px; background-color:#66FFCC; float:left}#footer{width:950px; height:110px; background-color:#CCFF00; float:left}