Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67560 Members, 783 Products, 5294 Topic, 12958 Comments)

Cara tambah ikon media sosial di top menu web sekolah_ci

Dibuat
Login Terakhir 3 Bulan lalu,
Telah Dilihat 1291 Kali
Ahmad Sulaiman Siregar Mengatakan : Sultan Account
  1. Assalamualaikum Warahmatullahi Wabarakatuh...
  2. Bagaimana cara tambah ikon media sosial di top menu web sekolah_ci seperti web desa
Ada 1 File Kiriman :
1. domain.jpg (11 KB)

Ada 5 Jawaban

Ujang Rukman
commented on 22 Mei 2018 16:29:15
  1. Assalam,.. ganti aja mas css nya sama css menu yang ada di web desa
Bukhori Muslim
commented on 23 Mei 2018 12:09:56
  1. Assalam,.. untuk menambahkan ikon sosial media pada top menu bisa dengan menambahkan kode berikut
  2. pada "application/views/phpmu-sekolah/header.php" :
  3.  
  4. <a href='#' class='custom-soc icon-text'></a>
  5. <a href='#' class='custom-soc icon-text'></a>
  6. <a href='#' class='custom-soc icon-text'></a>
  7. <a href='#' class='custom-soc icon-text'></a>
  8. <a href='#' class='custom-soc icon-text'></a>
  9.  
  10. Silahkan ditempatkan sesuai dengan kebutuhan atau keinginannya...
Ahmad Sulaiman Siregar
commented on 23 Mei 2018 12:32:27
  1. Assalam,..
  2.  
  3. Kalo dibuat disudut kanan header gimana scriptnya kak
  4.  
  5. <?php
  6. echo "<div class='wrapper'>
  7. <div class='header-logo'>";
  8. $iden = $this->model_utama->view('identitas')->row_array();
  9. $logo = $this->model_utama->view_ordering_limit('logo','id_logo','DESC',0,1);
  10. foreach ($logo->result_array() as $row) {
  11. echo "<a href='".base_url()."'><img width='100%' src='".base_url()."asset/logo/$row[gambar]'/></a>";
  12. }
  13. echo "</div>
  14. </div>
  15.  
  16. <div class='main-menu sticky'>
  17. <div class='wrapper'>";
  18. function main_menu() {
  19. $ci = & get_instance();
  20. $query = $ci->db->query("SELECT id_menu, nama_menu, link, id_parent FROM menu where aktif='Ya' AND position='Bottom' order by urutan");
  21. $menu = array('items' => array(),'parents' => array());
  22. foreach ($query->result() as $menus) {
  23. $menu['items'][$menus->id_menu] = $menus;
  24. $menu['parents'][$menus->id_parent][] = $menus->id_menu;
  25. }
  26. if ($menu) {
  27. $result = build_main_menu(0, $menu);
  28. return $result;
  29. }else{
  30. return FALSE;
  31. }
  32. }
  33.  
  34. function build_main_menu($parent, $menu) {
  35. $html = "";
  36. if (isset($menu['parents'][$parent])) {
  37. if ($parent=='0'){
  38. $html .= "<ul class='the-menu'>";
  39. }else{
  40. $html .= "<ul>";
  41. }
  42. foreach ($menu['parents'][$parent] as $itemId) {
  43. if (!isset($menu['parents'][$itemId])) {
  44. if(preg_match("/^http/", $menu['items'][$itemId]->link)) {
  45. $html .= "<li><a target='_BLANK' href='".$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a></li>";
  46. }else{
  47. $html .= "<li><a href='".base_url().''.$menu['items'][$itemId]->link."'>".$menu['items'][$itemId]->nama_menu."</a></li>";
  48. }
  49. }
  50. if (isset($menu['parents'][$itemId])) {
  51. if(preg_match("/^http/", $menu['items'][$itemId]->link)) {
  52. $html .= "<li><a target='_BLANK' href='".$menu['items'][$itemId]->link."'><span>".$menu['items'][$itemId]->nama_menu."</span></a>";
  53. }else{
  54. $html .= "<li><a href='".base_url().''.$menu['items'][$itemId]->link."'><span>".$menu['items'][$itemId]->nama_menu."</span></a>";
  55. }
  56. $html .= build_main_menu($itemId, $menu);
  57. $html .= "</li>";
  58. }
  59. }
  60. $html .= "</ul>";
  61. }
  62. return $html;
  63. }
  64. echo main_menu();
  65. echo "</div>
  66. </div>";
Bukhori Muslim
commented on 23 Mei 2018 14:03:21
  1. Assalam,.. oo ya code icon di atas tidak muncul ya, saya lampirkan kodenya dibawah ini
  2. coba tempatkan di atas kode ini :<div class='header-logo'>
  3.  
  4. penambahannya seperti ini jika akan ditempatkan pada sudut kanan
  5. <div style='float:right'>
  6. // Kode Icon Sosial Media disini
  7. </div>
  8.  
  9. dicoba2 dulu saja,.. :)
Terdapat 1 File dilampirkan :
1. script_icon_sosial_media.png (13 KB)
Ahmad Sulaiman Siregar
commented on 23 Mei 2018 15:09:49
  1. Assalam,... gini yang muncul kak, bagaimana cara menghubungkannya dengan identitas website, dan mengganti ikon yang muncul dengan warna asli media sosial tersebut
Terdapat 1 File dilampirkan :
1. hilang1.jpg (17 KB)
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!