Mempercantik OJS dengan Jquery UI

Post by **ikhwan** » 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:

{**
* 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}

2. Copas perintah ini setelah baris terakhir {/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>

Jadinya akan seperti ini :

: Syntax lengkap (akhir)

3. Setelah itu, tinggal memilih apa yang akan di"contek" dari halaman JqueryUI.

NB. Tergantung theme nya, lokasi persis dari filenya bisa tidak sama/berbeda. 
Tetapi di dalam struktur direktori yang sama.

Selamat mencoba !