Vrijwel alle websites worden tegenwoordig gestijld met behulp van CSS. Vaak worden hierbij diverse (soms zeer omslachtige) technieken gebruikt, terwijl het in dezelfde situaties ook mogelijk is om nette code te gebruiken.
Binnen deze presentatie zullen diverse (onbekende) technieken en 'best practices' worden besproken. Hiermee wordt het stijlen met behulp van CSS zo eenvoudig en efficiënt mogelijk, wat nettere code en betere prestaties op de verschillende browsers tot gevolg zal hebben.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context or information is provided about what would be accessed or obtained by clicking the link.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context is provided about what would be received by clicking the link or any other details.
This document discusses different types of dramatized experiences including plays, pageants, tableaus, pantomimes, and puppetry. It describes plays as depicting life, character, or culture. Pageants are usually based on local history. Tableaus and pantomimes are visual experiences with minimal preparation. The document also outlines various puppet types like shadow, rod, hand, and marionette puppets. It provides principles for choosing puppet plays for teaching, such as using puppets for plays better suited to them, basing plays on action rather than words, keeping plays short, and adapting to the audience.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context or information is provided about what would be obtained by clicking the link or any other details.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context is provided about what would be received by clicking the link or any other details.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context is provided about what would be received by clicking the link or any other details.
This document discusses different types of dramatized experiences that can be used for teaching including plays, pageants, tableaus, pantomimes, and puppets. It describes each type and provides examples. It also discusses different types of puppets like shadow, rod, hand, and marionette puppets. Finally, it lists principles for choosing an appropriate puppet play for teaching, such as basing it on action rather than words, keeping it short, and adapting it for the audience.
Vrijwel alle websites worden tegenwoordig gestijld met behulp van CSS. Vaak worden hierbij diverse (soms zeer omslachtige) technieken gebruikt, terwijl het in dezelfde situaties ook mogelijk is om nette code te gebruiken.
Binnen deze presentatie zullen diverse (onbekende) technieken en 'best practices' worden besproken. Hiermee wordt het stijlen met behulp van CSS zo eenvoudig en efficiënt mogelijk, wat nettere code en betere prestaties op de verschillende browsers tot gevolg zal hebben.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context or information is provided about what would be accessed or obtained by clicking the link.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context is provided about what would be received by clicking the link or any other details.
This document discusses different types of dramatized experiences including plays, pageants, tableaus, pantomimes, and puppetry. It describes plays as depicting life, character, or culture. Pageants are usually based on local history. Tableaus and pantomimes are visual experiences with minimal preparation. The document also outlines various puppet types like shadow, rod, hand, and marionette puppets. It provides principles for choosing puppet plays for teaching, such as using puppets for plays better suited to them, basing plays on action rather than words, keeping plays short, and adapting to the audience.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context or information is provided about what would be obtained by clicking the link or any other details.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context is provided about what would be received by clicking the link or any other details.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context is provided about what would be received by clicking the link or any other details.
This document discusses different types of dramatized experiences that can be used for teaching including plays, pageants, tableaus, pantomimes, and puppets. It describes each type and provides examples. It also discusses different types of puppets like shadow, rod, hand, and marionette puppets. Finally, it lists principles for choosing an appropriate puppet play for teaching, such as basing it on action rather than words, keeping it short, and adapting it for the audience.
This short document contains a link and encourages the reader to click on it to access or obtain something. No other context is provided about what would be received by clicking the link or any other details.
1. <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!-- b:include data='blog' name='all-head-content'/-->
<title>Улаанбаатар Их Сургууль</title>
<b:skin><![CDATA[/*
**************************************************
Template name: Citrus Square Burst
Version:1.0
Author: Biyan
url: http://www.dzignine.com
**************************************************
This template, all content, images and anything here, license under CreativeCommons.org AttributionNonCommercial 3.0 Unported.
http://creativecommons.org/licenses/by-nc/3.0/
You mau use it, distributed it, modified as long as it footer or credit did not change or delete.
2. ************************************************** */
/* Variable definitions
-------------------<Variable name="bgcolor" description="Page Background Color"
type="color" default="#f7f4d5" value="#f7f4d5">
<Variable name="textcolor" description="Text Color"
type="color" default="#3d3d3d" value="#3d3d3d">
<Variable name="linkcolor" description="Link Color"
type="color" default="#6d3701" value="#6d3701">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 13px 'Trebuchet MS', Halvetica, Arial, Sans-serif"
value="normal normal 13px 'Trebuchet MS', Halvetica, Arial, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font" default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif"
value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* RESET & GENERAL --------------------------------------- */
body {
17. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url("" + data:sourceUrl + "");
"
+ "background-position: "
+ data:backgroundPositionStyleStr
+ "; "
+ data:widthStyleStr
+ "min-height: " + data:height
+ "px;"
+ "_height: " + data:height + "px;"
+
"background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='Улаанбаатар Их Сургууль'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId +
"_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
48. // <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(d+).post-(d+)/.exec(entry.id.$t);
49. comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments/default/(d+)?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
50. if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
63. </b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
<div id='footer-wrapper'>
<div class='footer'>
<p>© 2010 <data:blog.title/>. <a href='http://www.dzignine.com' title='blogger template'>Blogger
Template</a> by <a href='http://www.dzignine.com' title='blogger
template'>Dzignine</a><br/>Original PSD design by <a href='http://www.bevelandemboss.net'>Bevel
<span class='amp'>&</span> Emboss</a></p>
</div>
</div>
</body>
</html>