Unduh menu vertikal untuk Joomla 3. Cara membuat menu di menu di menu, menu gambar, menu tersembunyi

Menu Ikhtisar Modul untuk CMS Joomla 3.x.

1. Menu maxi ck.

CMS.Joomla 2.5 / 3.x.

Modul yang Dioptimalkan Kuat, SEO untuk membuat menu drop-down horizontal atau vertikal dengan desain adaptif dan efek yang indah. Selain itu, dimungkinkan untuk mempublikasikan pada satu halaman beberapa contoh dari modul ini. Sayangnya, fungsionalitas versi gratis ekspansi ini sangat terbatas.

Setelah menginstal modul, layar menampilkan tautan untuk mengunduh dokumentasi untuk itu dan opsi berbayar: paket topik grafis yang diperluas, plug-in untuk mengontrol menu, tambalan untuk komponen "VirtueMart", "Joomshopping", "Joomshopping "Dan K2, dan plug-in untuk menu yang dibuat dengan tampilan yang benar pada perangkat seluler.

Selanjutnya, Anda harus pergi ke "Manajer Module" dan pilih "Maxi Menu CK" di dalamnya. Pada tab Modul dari panel kontrol, Anda dapat memilih menu untuk menerbitkan, memasukkan ID modul yang unik, item menu dasar dan level awal dan finalnya, dan Anda juga dapat mematikan opsi sublayer.

Selain itu, Anda dapat menggunakan Wisaya Pengaturan Menu:

Kemudahan penggunaan wizard menu adalah dengan cepat beralih antara jenis menu dan opsi yang Anda butuhkan, tetapi relevan untuk sebagian besar, hanya dalam hal ekstensi berbayar tambahan yang diinstal. Pada tab "BIND ke item menu", Anda dapat memilih halaman situs di mana modul akan ditampilkan; Tab "Effections Options" memungkinkan Anda untuk menonaktifkan penggunaan efek pada JavaScript, pilih jenis unduhan mereka dan mengatur efek visual untuk item dan sub-ayat menu. Dalam opsi Gaya, Anda dapat memilih tema menu (tiga tersedia secara default, orientasi menu, menonaktifkan desain menu adaptif dan memilih file CSS dari templat.

Di bagian "Opsi Logo", Anda dapat memilih file logo yang akan ditampilkan pada menu, menambahkan tautan ke sana dan menentukan posisi, lebar, tinggi, dan lekukannya. Setelah memilih posisi menu di templat dan ubah status ke "Diterbitkan", menu muncul di situs.

Ekstensi yang beroperasi di situs terlihat seperti ini:

Menu ini (setelah menginstal tambalan berbayar) secara optimal digunakan sebagai menu utama untuk toko online di "Joomshopping", "virtuemart" atau "hikashop", karena memungkinkan Anda untuk secara otomatis menampilkan daftar kategori barang.

2. Menu ARI ext.

Ekspansi sepenuhnya kompatibel denganCMS.Joomla 1.5-1.7 / 2.5 / 3.x.

Modul menu yang dapat disesuaikan yang mendukung orientasi horizontal dan vertikal, dua efek transisi.

Untuk mengatur ekstensi, Anda harus pergi ke "Extensions Manager", pilih file modul yang dimuat dengan dialog dan klik tombol "Unduh dan Instal". Dalam pengaturan modul, Anda dapat memilih menu yang akan ditampilkan oleh modul ini, orientasi menu, tingkat awal dan akhir hierarki, dan juga mengkonfigurasi parameter tersebut Cara hanya menampilkan sub-ayat menu aktif, sorot item menu saat ini. Pengaturan sistem tersedia opsi Memuat perpustakaan EXTJS, memilih pemuatan dan generasi pengidentifikasi unik. Anda juga dapat mengkonfigurasi parameter gaya item dan menu sub-klausa: latar belakang warna, teks, ukuran font, penyelarasan, dll. Pengaturan modul canggih cukup standar dan mengandung parameter caching, waktu caching, tag modul HTML, ukuran bootstrap, header html dan kelas header CSS. Setelah mengatur posisi dan publikasi modul, menu tipe berikut muncul di situs:

3. Menu Kondkeon ck.

Ekspansi sepenuhnya kompatibel denganCMS.Joomla 2.5 / 3.x.

Menu lain dari Joomlack Studio. Memungkinkan Anda memasukkan efek yang indah saat membuka submenu, untuk mengulangi modul pada halaman. Fitur modul adalah kemampuan untuk memasukkan modul lain ke dalamnya. Selain itu, selain modul ada tambalan berbayar untuk Hickashop dan VirtueMart.

Setelah prosedur standar untuk menginstal ekstensi, layar muncul pada layar pada instalasi modul yang berhasil dan tautan untuk mengunduh dokumentasi untuk itu, serta tampilan tautan untuk menyisipkan modul apa pun sebagai salah satu item menu .

Dengan berputar ke panel kontrol modul, Anda dapat memilih menu untuk ditampilkan dalam modul, item menu dasar, tingkat awal dan akhir, serta mengatur sufiks dan jenis penyelarasan tautan untuk gambar. Pada tab Efek, Anda dapat memilih peristiwa di mana item menu terbuka apakah tautan ditampilkan ketika Anda mengarahkan kursor mouse ke gambar, jenis transisi, kebutuhan untuk menggunakan efek untuk submenu aktif; Anda juga dapat mengatur ID item menu, aktif secara default. Pada tab Gaya, Anda dapat memilih menu topik desain, tentukan folder dengan gambar yang akan ditampilkan ketika menu dihidupkan, serta menentukan posisi penyelarasan untuk mereka. Tab gaya menu berisi pluralitas penampilan penampilan menu: bidang, rencana belakang, dering item menu, bayangan dan batas. Pada tab "Gaya Tautan Tingkat Pertama", gaya tautan tingkat kedua dan gaya tautan tingkat OTER, Anda dapat mengubah font, warna teks dan latar belakang untuk tautan yang ditampilkan dalam item menu. Tab Opsi Ekstensi Pihak Ketiga dirancang untuk pengaturan kompatibilitas dengan komponen Hikashop dan VirtueMart dan memerlukan pemuatan dan menginstal tambalan yang sesuai. Menyiapkan opsi ponsel dalam versi ekstensi gratis juga tidak tersedia.

Untuk operasi yang berhasil, Anda perlu mengikat modul ke item menu, tentukan posisinya dan dipublikasikan. Di bawah ini adalah contoh pengoperasian modul di situs.

4. JB Dropdown Menu untuk Bootstrap

Ekspansi sepenuhnya kompatibel denganCMS.Joomla 2.5 / 3.x.

Modul menu yang berjalan dengan bootstrap twitter dan jbootstrap didasarkan pada modul menu Joomla bawaan. Menginstal modul adalah standar. Dalam pengaturan modul, hanya diperlukan untuk memilih salah satu menu sistem, mulai dan final Level, dan juga memiliki kemampuan yang dapat disesuaikan untuk menunjukkan sub-ayat menu. Setelah saat Anda menetapkan item ini ke modul ini dan menerbitkannya, menu tampilan berikutnya akan muncul di situs:

5. DJ-menu.

Ekspansi sepenuhnya kompatibel denganCMS.Joomla 2.5 / 3.x.

Menu dengan daftar drop-down dan efek animasi berdasarkan mooTools. Menginstal modul dilakukan standar. Pada tab modul dari pengaturan ekstensi, Anda harus memilih menu yang akan ditampilkan modul, serta menentukan level terakhir dan, jika diperlukan, aktifkan output menu pada layar kecil dan atur lebarnya dalam hal ini kasus. Tab fitur animasi dan skrip CSS3 memungkinkan Anda untuk mengkonfigurasi efek animasi saat memasukkan dan output dari menu, serta kecepatan animasi, atur waktu tunda ketika submenu ditutup, kelas CSS header, tag HTML, dan ukuran bootstrap.

Di bawah ini adalah contoh yang dibuat menggunakan modul menu ini.

Semua modul ditinjau dalam ulasan untuk membuat di situs yang menjalankan CMS Joomla 3.x Menu memungkinkan Anda membuat menu dengan sublevel. Modul yang dipertimbangkan sebagian besar dibedakan dengan adanya efek animasi tertentu dan kemungkinan ditampilkan pada perangkat seluler. Oleh karena itu, untuk situs berorientasi pengguna seluler (dan ada lebih banyak dan lebih banyak), itu layak untuk preferensi untuk modul "DJ-Menu". Modul CK menu Accordeon baik karena memungkinkan Anda untuk memasukkan konten modul lain; Modul "JB dropdown menu untuk bootstrap" adalah ekstensi termudah dan sederhana dan sederhana "dan terlihat bagus dalam pasangan, misalnya, dengan modul menu Joomla default. Fungsi dari modul Maxi menu CK sangat mengesankan, tetapi karena secara signifikan terbatas pada versi gratis, untuk memanfaatkannya, investasi keuangan diperlukan.

Untuk situs tingkat apa pun sangat penting seberapa baik gaya diatur, bagaimana semuanya "direkatkan" bersama. Tetapi menit berikutnya, desainnya bergerak ke rencana lain, karena menjadi jauh lebih penting seberapa nyaman antarmuka sumber daya diselenggarakan, bagaimana bahan tersebut didistribusikan seberapa banyak kemungkinan yang menggunakan menu mana pun. Dan kemudian pemilik proyek sudah harus dipikirkan apakah pengembang template menunjukkan bahwa pengembang template sangat nyaman, apakah dan nyaman bekerja dengan pencarian bahan, apakah ada pembagian dari artikel yang sama dalam kategori Jika aspek ini tidak membawa awalnya sebelum cita-cita, Anda dapat kehilangan pengunjung yang benar-benar dapat memberi Anda keuntungan, tetapi mereka tidak ingin berurusan dengan sumber daya non-profesional, karena jika tidak, organisasi navigasi organisasi akan menjadi sepenuhnya tingkat yang berbeda. Tetapi tidak perlu berpikir bahwa hanya disediakan di Templat Menu Joomla Alat, menjadi batas yang harus Anda kerjakan. Untuk meningkatkan struktur dan menavigasi proyek Anda, Anda dapat dengan mudah menggunakan ekstensi, misalnya Menu Modul JoomlaMampu membuat perubahan yang sangat signifikan pada segmen ini.

Tingkat pertambahan spesifik untuk menu model

Apa yang dapat memperpanjang ekstensi yang ada dalam kategori ini? Pertama-tama, ini adalah berbagai menu. Yang paling menarik adalah bahwa pengembang berhati-hati tidak hanya tentang penyesuaian yang nyaman dan pekerjaan solusi ini, dan juga tentang penampilannya. Untuk tujuan ini, animasi diterapkan, warna warna, berbagai jenis font untuk menu disediakan, serta untuk mereka, set ikon disiapkan. Apa yang lebih baik, di sini Anda akan menemukan opsi dengan dukungan dari jumlah level yang berbeda, dan ini sudah membuka cara untuk membuat sistem navigasi yang serius, terima kasih yang Anda bisa Item menu Joomla., masuk ke bagian situs, atau bahkan beberapa kategori. Lebih menarik, opsi menonton menggunakan gambar yang melambangkan setiap item menu, penambahan seperti itu sudah ada dalam daftar yang kita miliki. Memilih Menu drop-down Joomla, Menu mega khusus, dengan fitur-fitur besar, serta menu akordeon - joomla 3, meniru runtuhnya akordeon biasa untuk mengakomodasi konten. Tetapi selain proposal tersebut, kategori ini memiliki banyak perkembangan yang lebih menarik.

Menciptakan kategori dan lainnya

Tentu saja, itu menggunakan berbagai arah tematik, perlu untuk memberikan pengunjung akses langsung ke bahan yang diperlukan, yang diinginkannya diinginkan untuk membuat setiap kategori isinya yang sesuai. Jika format di mana antarmuka standar Anda menampilkan kategori, Anda tidak suka, Anda dapat menggunakan ekstensi yang sesuai. Untuk melakukan ini, Anda akan menemukan solusi yang mengeluarkan kategori dalam formulir yang mirip dengan menu drop-down, yang secara khusus ditetapkan untuk kerjasama dengan K2, atau cukup mengatur akses mudah ke pemilihan konten yang sesuai dengan topik tertentu. Akibatnya, bahkan Anda akan lebih nyaman untuk bekerja dengan proyek Anda, awalnya mendistribusikan kedatangan baru di "rak", karena pencarian, dan penyesuaian materi tersebut menjadi lebih nyaman.

Melakukan perjalanan di situs sangat nyaman.

Ketika proyek ini dilengkapi dengan menu yang nyaman, ketika kategori ini didistribusikan dengan jelas pada halaman, dan bahkan tanpa menggunakan pencarian Anda dapat menemukan materi yang menghibur untuk diri sendiri - Anda ingin bekerja dengan sumber daya ini. Selain itu, seperti yang disebutkan di atas, semua perkembangan saat ini juga bertujuan untuk membawa perhatian pada gaya eksekusi mereka, karena tanpa ini juga tidak mungkin. Jadi, jika Anda tidak puas dengan elemen navigasi standar di situs, gunakan ekstensi dari kategori ini ke buat menu Joomla Ideal untuk Anda.

Hari ini kita akan berbicara tentang cara bekerja dengan menu di Joomla 1.7-2.5. Yaitu, cara menampilkan modul menu ke posisi template joomla, cara menetapkan bahan teks item menu atau halaman yang diinginkan dari salah satu komponen Joomla. Sepanjang jalan, pertimbangkan bagaimana menentukan posisi mana yang ada di templat Joomla Anda dan di mana khususnya tempat template mereka retak. Mereka yang bekerja dengan Joomla 1.5 Artikel ini juga akan berguna karena di cabang-cabang baru Admin Jumla berbeda dari teman juniornya, Jumla 1.5.

Sebelum itu, kami melihat hosting lokal, dibongkar caranya.

Setelah Anda cenderung menampilkan berbagai modul sebagai aturan, pertimbangkannya secara lebih rinci. Kami pergi ke admin Joomla ( _http: // your_sight / administrator). Di menu utama, pilih menu-\u003e Menu Manager-\u003e Buat Menu


Di jendela yang terbuka, tentukan jenis menu (nama sistem menu, simbol latin) Joomla, judul menu (ditampilkan di panel kontrol), deskripsi menu Joomla (opsional). Klik tombol "Simpan". Header menu dan jenis menu mungkin ada, tetapi lebih baik mengatur nama yang sesuai artinya. Dalam contoh, saya menetapkan "menu di sebelah kiri, kiri", karena saya akan menampilkan menu di bilah kiri Template Joomla (dalam contoh saya menggunakan template joomla beez_20 standar).


Menu Joomla dibuat, masih untuk menambahkan sepasang tiga item untuk itu dan menampilkan templat Anda ke posisi yang diinginkan.

Tambahkan item menu di Joomla

Mari kita buat item untuk menu yang baru dibuat (menu di sebelah kiri), item menu akan memiliki jenis "Bahan", I.E. Untuk item menu ini, bahan Joomla akan ditampilkan.

Untuk membuat item menu, Anda harus memilih " menu-\u003e Nama Menu-\u003e Buat item menu".

Di jendela yang terbuka, Anda perlu:

  • pilih "Jenis Item Menu"
  • tentukan "judul menu".

Dari opsional untuk mengisi bidang:

  • Alias \u200b\u200b- di Jumle 1.7-2.5 dapat dibuat secara otomatis, di Joomla 1.5, plug-in pihak ketiga digunakan untuk ini. Jika Anda perlu menentukan alias, jika tidak perlu, itu akan dibuat secara otomatis dengan mentransliterasi header item menu. Alias \u200b\u200bdari item menu digunakan sebagai bagian dari alamat CNC (Mayras Manusiawi). Wirefall, Jika Anda memiliki item menu yang disebut "Berita" dan SEF dihidupkan di Jumlow dan Suffixes digunakan dalam alamat, lalu ketika Anda memilih item menu ini, halaman terbuka dengan alamat tersebut _Http: //vash_syt/news.html.
  • Catatan - Anda dapat memasukkan teks apa pun. Teks ini diperlukan untuk konfirmasi kepada tak terlupakan mengapa membuat item menu).
  • Tautan - isi secara otomatis ketika Anda memilih jenis menu (misalnya, untuk menu "Bahan" mungkin index.php? Option \u003d com_content & view \u003d artikel & id \u003d 1). Jika jenis menu adalah tautan eksternal, maka di bidang ini Anda perlu menentukan tautan eksternal.
  • Kondisi - memiliki 3 negara: diterbitkan, tidak dipublikasikan, di keranjang. Jika Anda membuat item menu, maka biarkan apa adanya ("diterbitkan").
  • Akses - memiliki 3 negara: untuk semua, untuk administrasi, untuk terdaftar. Tinggalkan untuk semua jika Anda ingin semua orang melihat item menu ini.
  • Menu - Tentukan menu yang Anda buat item secara default, menu dipilih untuk item ini dibuat.
  • Elemen Orang Parental - Anda dapat menentukan menu induk dari menu Elsie, Anda perlu membuat item terlampir.
  • Pesanan - Anda dapat menentukan untuk item titik apa yang akan mengikuti item yang dibuat. Urutan Berikut ini lebih baik untuk mengkonfigurasi dalam Manajer Menu (menu -\u003e nama menu).
  • Jendela target - cara membuka tautan - di jendela baru (halaman terpisah, jendela pop-up) atau di saat ini.
  • Halaman Utama - Pilih opsi ini jika Anda perlu mengikat item menu ini ke halaman utama, I.E. Secara default, konten yang melekat pada item menu Joomla ini akan ditampilkan di halaman utama.
  • Bahasa - cuti apa adanya ("semua").
  • Gaya template - Anda dapat memilih template mana yang akan digunakan sebagai desain halaman yang disebut pada item ini.

Dengan mengklik tombol Pilih, jendela sembulan muncul. Karena kami berkumpul untuk membuat item menu yang mengacu pada artikel Joomla, lalu memicu "bahan" elemen "" "

jendela sebelumnya akan terbuka di mana bidang "tautan" akan diisi dan bidang di mana bidang dapat dipilih. Pilih bahan yang diinginkan (harus dibuat sebelumnya).


Setelah menu dibuat dan diisi dengan jumlah item yang diperlukan, dapat ditampilkan dalam templat Joomla menggunakan modul standar, tetapi sebelum itu Anda perlu memutuskan berapa banyak dan posisi apa yang ada di templat Anda.

Kami mendefinisikan posisi yang tersedia di template dan lokasinya.

Modul di Jumla ditampilkan di posisi yang disebut dalam templat. Jika Anda membuka file index.php (templat Joomla terletak di folder: template, di root situs Anda) hampir dari template apa pun, Anda dapat mendeteksi baris berikut di dalamnyacountmodules ("Posisi-12")) :?\u003e

Bagaimana tidak sulit ditebak, "Posisi-12" adalah nama posisi dalam templat Joomla.

Catatan: Salah satu perbedaan Joomla 1.6 dan lebih dari versi 1.5 adalah nama posisi. Dalam posisi Joomla 1.5 disebut: user1, user2, ..., kiri, kanan, spanduk, atas ... Posisi default adalah posisi yang ditentukan: Posisi-1, posisi-2, ... itu tidak Nyaman, meskipun tidak pada dasarnya. Namun, Anda dapat mengubah nama posisi secara manual untuk lebih akrab bagi Anda, mengubah nomor mereka, semua ini dilakukan dengan mengedit file "TemplateBails.xml" dari templat Joomla Anda.

Sedangkan untuk kode modul output ke posisi templat. Pada baris pertama dalam pernyataan kondisional, diperiksa apakah ada setidaknya satu modul dalam posisi ini, jika ada, maka baris berikutnya menghasilkan semua modul ke tempat template yang ditentukan, dalam urutan yang didefinisikan dalam modul Manajer tersedia di admin.

Untuk memverifikasi posisi mana yang tersedia di templat Joomla Anda, hubungi _http: // your_sight /? Tp \u003d 1. Akibatnya, halaman situs Anda pada Joomla akan ditampilkan di browser, di mana semua posisi yang tersedia akan ditandai dengan kontur dan menandatangani prasasti yang sesuai dengan judul posisi.

Secara default, Joomla 1.6-2.5 mencapai kemampuan untuk menunjukkan posisi mana yang tersedia dalam templat ( tp \u003d 1. Tidak menghasilkan). Ini bukan inovasi yang buruk, karena tidak selalu perlu tahu bahwa Anda memiliki situs di Joomla atau tahu Buty baru tentang situs Anda. Oleh karena itu, pada tahap pengembangan situs, fitur ini dihidupkan melalui admin admin Joomla, dan ketika Anda tidak perlu mematikan posisi posisi yang tersedia di templat.

Untuk mengaktifkan kemampuan untuk menampilkan posisi yang tersedia di templat Joomla Anda, Anda perlu melakukan hal berikut: Hubungi item menu " Extensions-\u003e Templat Manager"

pada tab "Templates", switch "View Module Position" Switch ke "Diaktifkan".

Sekarang Anda dapat menambahkan ke akhir alamat situs ( ? Tp \u003d 1) Lihat posisi mana yang ada di template dan di tempat apa mereka diturunkan.

Tampilkan modul Menu Joomla di posisi templat yang diinginkan

Agar menu yang Anda buat di halaman situs Anda, perlu ditampilkan menggunakan modul (mod_menu). Kami pergi ke manajer modul (ekspansi-\u003e manajer modul).

Di jendela yang terbuka, klik tombol "Buat".

Di jendela sembul, pilih jenis modul - "menu".

Selanjutnya, tentukan: header modul (saya mengajukan sama dengan menu itu sendiri), menunjukkan judul - biasanya terputus, klik tombol Posisi Pilih dan pilih posisi yang diinginkan dari jendela pop-up (saya memilih posisi-7, Karena posisi ini ada di bilah samping kiri dari template saya), kondisi - kami pergi diterbitkan.

Dalam kelompok pengaturan yang terletak sedikit di bawah, Anda dapat menentukan modul yang mengikat ke item berbagai menu yang ada di situs. Ini dapat dilakukan untuk membuat output modul tertentu pada yang utama, dan pada halaman lain itu tidak akan atau misalnya, pada halaman berita menarik modul yang menunjukkan berita singkat.

Kursus video berkualitas tinggi tentang penciptaan situs di Joomla

Nah, terakhir. Untuk asimilasi materi yang saya tawarkan untuk menonton video saat membuat menu di Joomla 1.5

Halo teman teman! Dalam Sentuhan Zaur Magomedov. Dalam catatan ini saya ingin memperkenalkan Anda menu akordeon vertikal yang cukup untuk situs di Joomla 2.5 - 3.0. Menu ini sangat sederhana dan tidak memerlukan pengenalan kode besar, yang sering saya perhatikan. Seperti yang mereka katakan - "Lebih baik lebih sedikit, ya lebih baik."

Kami telah mempertimbangkan penciptaan menu horizontal dan membuat menu multi-level horizontal untuk Joomla 2.5. Sekarang mereka sampai pada vertikal.

Sebagai permulaan, lihat demo, seolah-olah itu terlihat, jika Anda suka, maka unduh paket dengan file sumber.

Saya menemukan menu ini di Internet dan memutuskan untuk menyesuaikannya dengan situs di CMS Joomla, karena Saya sangat menyukai menu ini, baik dalam penampilan dan kemudahan koneksi. Sedikit dengan mengarahkan skrip menu itu sendiri dan gaya CSS, saya menerima hasil seperti itu.

Menghubungkan menu di Joomla 3.x.x.x

Pertama-tama, buka arsip ke folder tertentu di komputer Anda. Hal berikutnya yang akan kami lakukan ini akan menyalin gambar dari folder gambar ke gambar templat Anda. Biasanya dalam banyak template, ini adalah folder gambar jika disebut sebaliknya, misalnya, IMG, maka Anda harus mengubah jalur ke gambar dalam file gaya - vmenu.css. Kita juga perlu menghubungkan salah satu skrip menu. Saya mengusulkan untuk membuat folder "JS" di root templat Anda dan meletakkan file skrip di dalamnya - menu.js atau menu-rollsed.js. Mengapa dua file? Faktanya adalah bahwa jika Anda perhatikan, ada dua opsi untuk menampilkan menu ini di situs demo. Anda dapat dengan hati-hati melihat apa yang berbeda satu sama lain. Hubungkan versi skrip menu paling banyak atau menu-rollapsed.js. Opsi 1 adalah skrip menu-rollapsed.js, dan opsi 2 adalah menu.js. Untuk ini, pada awal file index.php template memasukkan baris berikut:

addstylesheet (Juri :: Base (). "/ Templates /".$ Ini-\u003e Template." / CSS / VMENU.CSS "); // hubungkan $ DOC-\u003e File Gaya Tambah (Juri :: Base (). "/ Templat /".$ Ini-\u003e Template." / JS / Menu-rollsed.js "); // sambungkan skrip menu, dalam hal ini, apakah opsi ini 1?\u003e

Kami juga membutuhkan perpustakaan jQuery, tetapi di Joomla3 sudah terhubung secara default, karena Kerangka kerja yang digunakan.

Jadi, file CSS berisi kode berikut:

/ ********************************* Vertikal-drop-down Accordion ********** ** *********************************************** / Ul. .Vmenu (Font: Bold 12px arial, helvetica, sans-serif; daftar-gaya: tidak ada di luar tidak ada; margin: 0; padding: 0; style-style: 0 0 2px;) ul.Vmenu Li A (latar belakang: URL (".. gambar / vmenu-li-bg.jpg") Left Bottom Ulangi-x; Border: 1px solid # D5D5D5; -MOZ-BORDER-RADIUS: 3PX; - O- perbatasan-radius: 3px; -webkit-border-radius: 3px; -ms-bordy-radius: 3px; border-radius: 3px; warna: # 515151; display: blok; 5px 8px; Tidak ada;) ul.vmenu li\u003e A: hover, ul.vmenu li.Active\u003e a, ul.vmenu li\u003e A: fokus (latar belakang-warna: transparan; warna: # 0088cc) UL.Vmenu Li.Parent\u003e A: A: A: A: A: A: A: Setelah (latar belakang: URL ("../ gambar / panah-dropdown.png") tidak berulang; Tampilan: Blok; Konten: ""; mengapung: kanan; marjin: 8px: 3px ;) / * Poin drop-down * / ul.Vmenu Li UL (font-weight: Normal; Margin: 10px 0 10px 15p x; Daftar-Gaya: Tidak Ada; ) ul.vmenu li ul li (latar belakang: tidak ada; margin: 0 5px) ul.vmenu li ul li a (latar belakang: url ("// gambar / vmenu-arrow.png ") transparan gulir 5px yang tidak berulang! Penting; Batas: Medium None; Padding: 0 0 0 15px;) ul.Vmenu Li ul Li A: Arahkan kursor (Warna: # 29719e; dekorasi teks: Garis bawahi) ul.Vmenu Li Ul Li.Active A (Warna: # 29719e ; Font-weight: Bold) / *********************** Vertikal-drop-down Menu Accordion - Opsi 2 *********** * ************************************************* * ********** / ul.vmenu2 (font: Bold 12px arial, helvetica, sans-serif; daftar-gaya: tidak ada di luar tidak ada; margin: 0; Padding: 0; None; ) ul.vmenu2 li (margin: 0 0 2px;) ul.vmenu2 li a (latar belakang: url ("../ gambar / vmenu-li-bg.jpg") Left Bottom REPECT-X; BORDER: 1PX Solid # D5D5D5 ; -Moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; Warna: # 515151; Blok; padding: 5px 8px; dekorasi teks: tidak ada;) ul.vmenu2 li\u003e A: hover, ul.vmenu2 li.Active\u003e A, ul.vmenu2 li\u003e A: fokus (latar belakang-warna: transparan; Warna: # 0088cc) ul.vmenu2 li.parent\u003e A: Setelah (latar belakang: URL ("../ gambar / panah-dropdown.png") tidak berulang; tampilan: ""; mengapung: ""; Margin: 8px 5px 0 0; tinggi: 3px; lebar: 6px;) / * menemukan poin * / ul.vmenu2 li ul (font-weight: normal; margin: 10px 0 10px 15px; tidak ada;) VMENU2 LI UL LI (Latar Belakang: Tidak Ada; Margin: 0 5px) ul.vmenu2 Li ul Li A (Latar Belakang: URL (". .. -Decorage: Garis bawahi) ul.vmenu2 li ul li.active a (Warna: # 29719E; Font-Weight: Bold)

File ini berisi gaya kedua opsi dan Anda dapat menghapus gaya menu yang tidak perlu bagi Anda.

Mari kita mengingatkan Anda lagi! Pada demo dua, menu dua opsi dan mungkin Anda memilih salah satunya. Dalam hal ini, tidak perlu menghubungkan kedua file skrip, hanya satu cukup.

  • File menu-collaped.js. - Ini adalah opsi kami 1 - menu akordeon - opsi 1
  • File Menu.js - Ini adalah opsi 2 - menu akordeon - opsi 2
  • Sufiks kelas menu (via ruang) untuk opsi 1 - vmenu
  • Kelas menu suffix (via ruang) untuk opsi 2 - vmenu2

Berdasarkan ini, hubungkan file yang Anda butuhkan. Juga dalam file CSS Anda dapat menghapus gaya untuk opsi yang tidak perlu bagi kami agar tidak mengirim lagi kilobyte tambahan.

Menghubungkan menu di Joomla 2.5.x

Menghubungkan menu di Joomla 2.5 tidak berbeda dengan menghubungkan ke Joomla 3, kecuali bahwa kita perlu menghubungkan perpustakaan jQuery lain. Untuk melakukan ini, tambahkan baris berikut ke kode di atas:

addScript ("http://code.jquery.com/jquery-tentest.min.js"); // sambungkan versi terbaru dari perpustakaan jQuery?\u003e

Kami akan memiliki tentang hal-hal berikut:

addScript ("http://code.jquery.com/jquery-tentest.min.js"); // Hubungkan versi terbaru dari JQuery $ DOC-\u003e AddScript Library (Juri :: Base (). "/ Template /".$ Ini-\u003e Template." / JS / Menu-rollsed.js "); // sambungkan skrip menu, dalam hal ini, apakah opsi ini 1?\u003e

Dan satu hal lagi. Di Joomla 2.5 Tidak Ada Jenis Menu Tautan Sistem Item -\u003e Judul, Hanya ada jenis pemisah teks - pemisah, tetapi jenis item ini tidak akan cocok untuk kita, karena Header item menu tidak akan dibingkai oleh referensi. Dalam hal ini, Anda perlu memilih jenis "url eksternal" dan sebagai ulla menyisipkan plug - #. Segala sesuatu yang sama.

Hanya itu yang ingin saya katakan. Jika sesuatu tidak berfungsi (mungkin dan saya di suatu tempat yang salah dalam teks), lalu ajukan pertanyaan di komentar. Sejauh ini, sampai jumpa di posting berikut!

C SWMENUFree 8 Anda dapat dengan cepat membuat menu drop-down atau pop-up untuk Joomla semua versi, termasuk Joomla 3 dan 2.5 menggunakan menu MyGosu, Trans, atau Superfish.

Fitur:

  • Antarmuka memungkinkan desain modul yang tak terbatas tanpa mengetahui CSS
  • Font tipe sejati untuk mengintegrasikan item tertinggi dan submenu menggunakan file font Cufon yang mudah
  • Gaya sudut independen untuk setiap sudut penuh menu dan submenu.
  • Menu diperpanjang dari fungsi menu menu dimungkinkan untuk secara otomatis membuat semua menu struktur dari konten (hanya menu konten), atau terlalu secara otomatis menambahkan item konten sebagai item menu dari kategori yang ada (menu hybrid). Menu unik dan sistem integrasi konten ini memungkinkan Anda untuk secara independen membuat menu yang secara otomatis memperbarui penambahan konten. Integasi VirtueMart juga didukung.
  • Membuat dan mengekspor lembar gaya eksternal dan mengeditnya secara manual untuk kemampuan pelemparan tanpa batas.
  • Fitur menu aktif akan secara otomatis disimpan di menu atas bagian yang ditetapkan situs tidak dipertimbangkan.
  • Pratinjau langsung untuk melihat perubahan, seperti yang diproduksi, serta tampilan lengkap untuk melihat semua menu modul.
  • Pembaruan / perbaikan terintegrasi objek membuatnya dengan mudah meningkatkan versi SWMENUFree tanpa kehilangan pengaturan.
  • Saat ini memiliki 12 transfer ke komponen administrasi.

Pengembangan aplikasi untuk platform seluler. Membuat aplikasi untuk iPhone, iPad, serta untuk ponsel (dan tablet) yang menjalankan Android dan WP7 Dev-IQ

sWMENUFREEE8.0 bekerja di semua versi Joomla Joomla 2.5 dan 3.

  • Menambahkan sudut submer baru JS dan sudut dan batas kompatibilitas yang lebih baik
  • Editor dan modul bawaan untuk Joomla Media Manager di antarmuka
  • Menambahkan opsi Ulangi latar belakang dan posisi untuk semua gambar latar belakang.
  • Memperbarui database dalam kode kernel untuk kinerja dan skalabilitas yang lebih baik di masa depan
  • Menambahkan tablet / parameter ramah seluler untuk membuat menu bekerja di perangkat seluler.
  • parameter indikator yang lebih submenu ditambah lebih banyak perbaikan, CSS dan JavaScript.

Jika SWMENUFree Anda saat ini berfungsi dengan baik, maka tidak perlu memutakhirkan.

Pembaruan ini berfungsi lebih baik, seperti instalasi baru. Namun, itu akan memperbarui SWMENUFree yang ada jika Anda diunggah ke halaman "Pembaruan SWMENUFree", Anda perlu memperbarui jendela browser, sementara pada halaman ini beberapa kali untuk memastikan bahwa pengaturan disalin ke struktur basis data baru. Anda juga akan memiliki, kemungkinan besar, mengedit menu setelah pembaruan.