Skip to content

emka.web.id

Menu
  • Home
  • Indeks Artikel
  • Tutorial
  • Tentang Kami
Menu

Mudah membuat menu Ribbon dengan PHP

Posted on December 24, 2013 by Syauqi Wiryahasana
Ribbon, menurut Ensiklopedia Wikipedia, adalah sebuah konsep antarmuka berbasis GUI pada sebuah software yang menempatkan semua toolbar-toolbar dalam bentuk tab bar. Konsep ini mulai diperkenalkan dan dipakai oleh Produk-produk Office dari Microsoft sejak Microsoft Office 2007. Interface Ribbon yang menarik dapat anda buat dengan mudah tanpa harus menggunakan library dari Microsoft (yang mahal sewanya). Kita bisa menggunakan sebuah class php yang dibuat oleh om Tufan Baris Yildirim dari http://www.tufyta.com/ Turki. Berikut contoh eksperimentnya: [sourcecode language="php"] <?php include 'd3ribbon.php'; $ribbon=new d3ribbon(); $ribbon->stlye='blue'; // Building First category $main_cat = $ribbon->add_category('D3 Ribbon Main Cat','index.php?component=main_component','main_component'); $grp = $ribbon->add_group($main_cat,'Group Name',250,'grpid'); $grp2 = $ribbon->add_group($main_cat,'Group Name 2',250,'grp2'); $ribbon->add_button($grp,'Users','index.php?component='.$main_cat.'&module=users','image yok','users'); $ribbon->add_button($grp,'Empooleys','index.php?component='.$main_cat.'&module=employees','image yok','employees'); // Seond Category on Main Category $cat2 = $ribbon->add_category('D3 Ribbon category 2','index.php?component=second_component','second_component'); $grp = $ribbon->add_group($cat2,'2 Group Name',250,'second_grpid'); $ribbon->add_button($grp,'Others','index.php?component='.$cat2.'&module=other','image yok','other'); /** * set Selected Cat and button. */ $ribbon->selected_category_id = isset($_GET['component']) ? $_GET['component'] :'main_component' ; $ribbon->selected_button_id = isset($_GET['module']) ? $_GET['module'] : null; ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>D3Ribbon</title> <meta name="author" content="Tufan Baris YILDIRIM"> <meta http-equiv="reply-to" content="tfn.yldrm@hotmail.com"> <?php /** * Printing Style link as <link href=... */ echo $ribbon->style_link(); ?> </head> <body> <?php /** * build and print ribbon menu * * @var d3ribbon */ $ribbon->build(false); ?> </body> </html> [/sourcecode] Dan inilah hasil screenshootnya: Image and video hosting by TinyPic Silakan unduh PHP d3Ribbon dari sini, lengkap dengan stylesheet dan icon-iconnya.
Seedbacklink

Recent Posts

TENTANG EMKA.WEB>ID

EMKA.WEB.ID adalah blog seputar teknologi informasi, edukasi dan ke-NU-an yang hadir sejak tahun 2011. Kontak: kontak@emka.web.id.

©2024 emka.web.id Proudly powered by wpStatically