Skip to content

Instantly share code, notes, and snippets.

View LL782's full-sized avatar
🎨

Laurence "DC5B" Lord LL782

🎨
View GitHub Profile
@LL782
LL782 / dabblet.css
Last active September 17, 2015 11:28
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
.arrow {
height: 0;border-style: solid;
border-width: 25.5px 0 25.5px 12px;border-color: transparent transparent transparent #007bff;
position: relative;
}
.arrow:after {
@LL782
LL782 / dabblet.css
Created October 3, 2014 18:38
Font that scales with container's width
/**
* Font that scales with container's width
*/
html {
background: linear-gradient(45deg, #0f0, #000);
}
container {
font-size: 10vw;
height: 10vw;
position: absolute;
@LL782
LL782 / dabblet.css
Created October 3, 2014 16:34
Font that scales with container's width
/**
* Font that scales with container's width
*/
html {
background: #f06;
background: linear-gradient(45deg, #f06, black);
min-height: 100%;
color: #fff;
font-family: sans-serif;
font-weight: bolder;
#!/bin/sh
#
# A hook script to export your database on every commit.
#
# The export is saved to a temp file. If the export
# fails, the file is trashed. Otherwise it overwrites the tracked file.
#
# Called by "git commit" with no arguments. The hook should
# exit with non-zero status after issuing an appropriate message if
# it wants to stop the commit.
@LL782
LL782 / tidy-wp-nav-menu.php
Created March 22, 2013 12:45
Filters to simplify wp_nav markup
/* Simplify Nav Menu Classes */
function simplfy_classes_id( $classes, $item )
{
// Unset the default classes
unset($classes);
// Create the empty array
$classes = array();
// Check if the menu item is current
if( $item->current ) {
@LL782
LL782 / dabblet.css
Created February 11, 2013 16:30
Image Overlay for rollover (Flexible)
/**
* Image Overlay for rollover (Flexible)
*/
#round-links {
height: 300px;
width: 100%;
}
#round-links a {
display: block;
@LL782
LL782 / dabblet.css
Created February 11, 2013 14:54
Image Overlay for rollover
/**
* Image Overlay for rollover
*/
#round-links a {
display: block;
float: left;
width: 300px;
height: 300px;
border-radius: 150px;
@LL782
LL782 / next-prev-sibling.php
Last active April 8, 2022 23:07
Next and Prev Page Siblings - Wordpress
<?php
function getId($page) { return $page->ID; }
$ancestors = get_post_ancestors( $post->ID );
$parent = ($ancestors) ? $ancestors[0] : null;
if ($parent) :
$siblingIds = array_map( "getId", get_pages('child_of='. $parent .'&sort_column=menu_order&sort_order=asc') );
@LL782
LL782 / dabblet.css
Created August 27, 2012 15:06
Realistic CSS3 Shadow
/*
* Realistic CSS3 Shadow
*/
#redbox {
background-color: #9C101A;
position: relative;
width: 50%;
height: 300px;
margin: 20px auto 0;
@LL782
LL782 / imageGallery.html
Created August 27, 2012 13:16
Image Source Swapping
<!DOCTYPE html>
<head>
</head>
<body>
<div id="imgSection">
<div id="image-thumbs">
<a href="img_1_large.png"><img src="img_1_thumb.png" /></a>
<a href="img_2_large.png"><img src="img_2_thumb.png" /></a>
<a href="img_3_large.png"><img src="img_3_thumb.png" /></a>