Mempercantik OJS dengan Jquery UI
Posted: 03 Sep 2017, 09:47
Mau jurnalnya cakep seperti memakai dropdown menu, tab menu, dll? Demo nya ada di sini : http://jqueryui.com/demos/
Hanya tinggal copas dari demo tersebut, dan simpan di halaman OJS yang ingin "dipakaikan" menu atau apapun yang ada di jquery UI tersebut.
Caranya :
1. Buka file header.tpl dari alamat : /templates/common. Ada 13 baris perintah seperti teks di bawah ini:
Jadinya akan seperti ini :
3. Setelah itu, tinggal memilih apa yang akan di"contek" dari halaman JqueryUI.
Hanya tinggal copas dari demo tersebut, dan simpan di halaman OJS yang ingin "dipakaikan" menu atau apapun yang ada di jquery UI tersebut.
Caranya :
1. Buka file header.tpl dari alamat : /templates/common. Ada 13 baris perintah seperti teks di bawah ini:
2. Copas perintah ini setelah baris terakhir {/strip}{**
* templates/common/header.tpl
*
* Copyright (c) 2013-2016 Simon Fraser University Library
* Copyright (c) 2003-2016 John Willinsky
* Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
*
* Common site header.
*}
{strip}
{translate|assign:"applicationName" key="common.openJournalSystems"}
{include file="core:common/header.tpl"}
{/strip}
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="jquery-ui.min.css">
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.min.js"></script>
</head>- Syntax lengkap (akhir)
NB. Tergantung theme nya, lokasi persis dari filenya bisa tidak sama/berbeda. Tetapi di dalam struktur direktori yang sama.Selamat mencoba !