Skip to content

Instantly share code, notes, and snippets.

View iqbalmauludy's full-sized avatar

Iqbal Mauludy iqbalmauludy

View GitHub Profile
@iqbalmauludy
iqbalmauludy / button.css
Created January 5, 2017 16:17
Button Gradien
.btn {
background: #8134d9;
background-image: -webkit-linear-gradient(top, #8134d9, #b82b4e);
background-image: -moz-linear-gradient(top, #8134d9, #b82b4e);
background-image: -ms-linear-gradient(top, #8134d9, #b82b4e);
background-image: -o-linear-gradient(top, #8134d9, #b82b4e);
background-image: linear-gradient(to bottom, #8134d9, #b82b4e);
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
@iqbalmauludy
iqbalmauludy / button.html
Created January 5, 2017 16:18
Button Gradien
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Contoh Gradien Button</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<a class="btn" href="#">example</a>
@iqbalmauludy
iqbalmauludy / function.php
Created June 6, 2017 19:17
Cara Mengganti WordPress Login Logo Secara Manual
function custom_login_logo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/logo-login.png) !important; }
</style>';
}
add_action('login_head', 'custom_login_logo');
//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'custom_login_logo');
@iqbalmauludy
iqbalmauludy / function.php
Created June 6, 2017 19:20
Penggunaan untuk satu menu
function register_my_menu() {
register_nav_menu('new-menu',__( 'New Menu' ));
}
add_action( 'init', 'register_my_menu' );
@iqbalmauludy
iqbalmauludy / function.php
Created June 6, 2017 19:20
penggunaan untuk lebih dari satu menu
function register_my_menus() {
register_nav_menus(
array(
'menu-baru' => __( 'New Menu' ),
'second-menu' => __( 'Second Menu' )
)
);
}
add_action( 'init', 'register_my_menus' );
@iqbalmauludy
iqbalmauludy / header.php
Created June 6, 2017 19:21
Untuk memanggil function agar menampilkan menu
<?php wp_nav_menu( array( 'theme_location' => 'new-menu' ) ); ?>
@iqbalmauludy
iqbalmauludy / overlay-menu.html
Created June 23, 2017 17:10
Overlay Menu
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Overlay Menu</title>
</head>
<body>
</body>
</html>
@iqbalmauludy
iqbalmauludy / overlay-menu.css
Created June 23, 2017 17:12
Overlay Menu
body {
margin: 0;
font-family: 'Lato', sans-serif;
}
.mobilemenu {
height: 0%;
width: 100%;
position: fixed;
z-index: 1;
@iqbalmauludy
iqbalmauludy / overlay-menu-1.html
Created June 23, 2017 17:17
Overlay Menu Lanjutan
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Overlay Menu</title>
<link rel="stylesheet" href="overlay-menu.css"> <!-- barisan baru yang ditambah agar dapat menampilkan css -->
</head>
<body>
@iqbalmauludy
iqbalmauludy / overlay-menu-2.html
Created June 23, 2017 17:20
Overlay Menu
<div id="myNav" class="mobilemenu">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<div class="mobilemenu-content">
<a href="#">Home</a>
<a href="#">Services</a>
<a href="#">Clients</a>
<a href="#">Contact</a>
</div>
</div>