CSS – Multimusen.dk

Multilevel Menu

Murat Kilic har denne vejledning til kodning af en multilevel menu i ren CSS / HTML. Med denne teknik behøver du ikke at bruge JavaScript i menuerne.

Præsentation

Kode på Github

Startlearning.dk

11. October 2024

Learn SASS

A super fast spoken video. Get inspiration for your SASS studies in the video by Derek Banas.

30 SASS Videos

Here’re some 30 videos on SASS. Basicly it’s a good SASSsy course.

7. August 2015

WordPress theme with Bootstrap

An excellent tutorial by Zac Gordon: “How to Build a Responsive WordPress Theme with Bootstrap”. You’ll learn to hack a WP theme from scratch with Bootstrap and jQuery enabled.

6. May 2014

Zengarden’s Classes and Ids

Below you find the classes and ids in Zengarden’s index file. I used a terminal window on a MacBook like this:

grep “id=” index.html
grep “class=” index html

IDS IN ZENGARDEN'S INDEX.HTML

<body id="css-zen-garden">
	<section class="intro" id="zen-intro">
		<div class="summary" id="zen-summary" role="article">
		<div class="preamble" id="zen-preamble" role="article">
	<div class="main supporting" id="zen-supporting" role="main">
		<div class="explanation" id="zen-explanation" role="article">
		<div class="participation" id="zen-participation" role="article">
		<div class="benefits" id="zen-benefits" role="article">
		<div class="requirements" id="zen-requirements" role="article">
			<div class="design-selection" id="design-selection">
			<div class="design-archives" id="design-archives">
			<div class="zen-resources" id="zen-resources">

CLASSES IN ZENGARDEN'S INDEX.HTML

<div class="page-wrapper">
	<section class="intro" id="zen-intro">
		<div class="summary" id="zen-summary" role="article">
		<div class="preamble" id="zen-preamble" role="article">
	<div class="main supporting" id="zen-supporting" role="main">
		<div class="explanation" id="zen-explanation" role="article">
		<div class="participation" id="zen-participation" role="article">
		<div class="benefits" id="zen-benefits" role="article">
		<div class="requirements" id="zen-requirements" role="article">
			<a href="http://validator.w3.org/check/referer" title="Check the validity of this site’s HTML" class="zen-validate-html">HTML</a>
			<a href="http://jigsaw.w3.org/css-validator/check/referer" title="Check the validity of this site’s CSS" class="zen-validate-css">CSS</a>
			<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" title="View the Creative Commons license of this site: Attribution-NonCommercial-ShareAlike." class="zen-license">CC</a>
			<a href="http://mezzoblue.com/zengarden/faq/#aaa" title="Read about the accessibility of this site" class="zen-accessibility">A11y</a>
			<a href="https://github.com/mezzoblue/csszengarden.com" title="Fork this site on Github" class="zen-github">GH</a>
	<aside class="sidebar" role="complementary">
		<div class="wrapper">
			<div class="design-selection" id="design-selection">
				<h3 class="select">Select a Design:</h3>
						<a href="?cssfile=/216/216.css" class="design-name">Fountain Kiss</a> by						<a href="http://jeremycarlson.com" class="designer-name">Jeremy Carlson</a>
						<a href="?cssfile=/215/215.css" class="design-name">A Robot Named Jimmy</a> by						<a href="http://meltmedia.com/" class="designer-name">meltmedia</a>
						<a href="?cssfile=/214/214.css" class="design-name">Verde Moderna</a> by						<a href="http://www.mezzoblue.com/" class="designer-name">Dave Shea</a>
						<a href="?cssfile=/213/213.css" class="design-name">Under the Sea!</a> by						<a href="http://www.ericstoltz.com/" class="designer-name">Eric Stoltz</a>
						<a href="?cssfile=/212/212.css" class="design-name">Make ’em Proud</a> by						<a href="http://skybased.com/" class="designer-name">Michael McAghon and Scotty Reifsnyder</a>
						<a href="?cssfile=/211/211.css" class="design-name">Orchid Beauty</a> by						<a href="#" class="designer-name">Kevin Addison</a>
						<a href="?cssfile=/210/210.css" class="design-name">Oceanscape</a> by						<a href="http://www.pixel-house.com.au/" class="designer-name">Justin Gray</a>
						<a href="?cssfile=/209/209.css" class="design-name">CSS Co., Ltd.</a> by						<a href="http://www.benklemm.de/" class="designer-name">Benjamin Klemm</a>
			<div class="design-archives" id="design-archives">
				<h3 class="archives">Archives:</h3>
						<li class="next">
								Next Designs <span class="indicator">›</span>
						<li class="viewall">
			<div class="zen-resources" id="zen-resources">
				<h3 class="resources">Resources:</h3>
					<li class="view-css">
					<li class="css-resources">
					<li class="zen-faq">
					<li class="zen-submit">
					<li class="zen-translations">
<div class="extra1" role="presentation"></div><div class="extra2" role="presentation"></div><div class="extra3" role="presentation"></div>
<div class="extra4" role="presentation"></div><div class="extra5" role="presentation"></div><div class="extra6" role="presentation"></div>

23. November 2013

Typography test

abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcd

8. November 2013

Plugin CSS i WordPress

Efter en række eksperimenter har jeg fundet denne opskrift, der hooker et stylesheet rigtigt ind i WP dashboard. Virker både for admin og øvrige registrerede brugere:

add_action( 'admin_enqueue_scripts', 'safely_add_stylesheet_to_admin' );
    /**
     * Add stylesheet to the page
     */
    function safely_add_stylesheet_to_admin() {
        wp_enqueue_style( 'prefix-style', plugins_url('style_admin.css', __FILE__) );
    }

18. March 2013

Category: CSS