Difference between revisions of "Creative Commons Metadata"

From Creative Commons
Jump to: navigation, search
(HTML)
m (Reverted edits by Soriano (Talk); changed back to last version by Mike Linksvayer)
Line 10: Line 10:
 
See our [[metadata|metadata section]] for theory and advanced practice.
 
See our [[metadata|metadata section]] for theory and advanced practice.
  
== HTML ==
+
== HTML ==<!-- <rdf:RDF xmlns="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<?xml version="1.0" encoding="UTF-8" ?>
+
<Work rdf:about="urn:sha1:NBN5MI43UTRIFFLB3KC27K3SF2CKZKIV"><dc:date>2007</dc:date><dc:title>So Soft Freestyle</dc:title><dc:description>Lil Wayne Instrumental Freestyle</dc:description><dc:rights><Agent><dc:title>Young Savage</dc:title></Agent></dc:rights><dc:type rdf:resource="http://purl.org/dc/dcmitype/Sound" /><license rdf:resource="http://creativecommons.org/licenses/by/2.5/" /></Work>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html 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'>
 
<meta content='document' name='resource-type'/>
 
<meta content='blogosfera' name='classification'/>
 
<meta content='Marcelo Melo Soriano - Consciente In-Coletivo' name='description'/>
 
<meta content='poesia, poemas, versemaker, webpoesia, música, microcontos, Brasil, Made in Brazil, arte eletrônica, web-arte, textos, cultura, Santa Maria, Rio Grande do Sul, Latino-America, gaúcho, poetas brasileiros, novos escritores, literatura, lingua portuguesa' name='keywords'/>
 
<meta content='ALL' name='robots'/>
 
<meta content='Global' name='distribution'/>
 
<meta content='General' name='rating'/>
 
 
 
<head>
 
  <b:include data='blog' name='all-head-content'/>
 
  <title><data:blog.pageTitle/></title>
 
  <b:skin><![CDATA[/*
 
-----------------------------------------------
 
Blogger Template Style
 
Name:    Personal-Soriano
 
Designer: M.M.Soriano
 
URL:      yohoy.blogspot.com
 
Date:    15 Jul 2007
 
Updated by: Soriano
 
----------------------------------------------- */
 
 
 
/* Variable definitions
 
  ====================
 
  <Variable name="mainBgColor" description="Main Background Color"
 
            type="color" default="#fff" value="#ffffff">
 
  <Variable name="mainTextColor" description="Text Color" type="color"
 
            default="#333" value="#333333">
 
  <Variable name="postTitleColor" description="Post Title Color" type="color"
 
            default="#333" value="#333333">
 
  <Variable name="dateHeaderColor" description="Date Header Color"
 
            type="color" default="#357" value="#335577">
 
  <Variable name="borderColor" description="Post Border Color" type="color"
 
            default="#bbb" value="#bbbbbb">
 
 
 
 
 
  <Variable name="mainLinkColor" description="Link Color" type="color"
 
            default="#258" value="#225588">
 
  <Variable name="mainVisitedLinkColor" description="Visited Link Color"
 
            type="color" default="#666" value="#666666">
 
 
 
  <Variable name="titleBgColor" description="Page Header Background Color"
 
            type="color" default="#456" value="#ffffff">
 
  <Variable name="titleTextColor" description="Blog Title Color"
 
            type="color" default="#fff" value="#223344">
 
 
 
  <Variable name="topSidebarHeaderColor"
 
            description="Top Sidebar Title Color"
 
            type="color" default="#234" value="#334455">
 
  <Variable name="topSidebarBgColor"
 
            description="Top Sidebar Background Color"
 
            type="color" default="#cdc" value="#ccddcc">
 
  <Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
 
            type="color" default="#345" value="#334455">
 
  <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
 
            type="color" default="#258" value="#225588">
 
  <Variable name="topSidebarVisitedLinkColor"
 
            description="Top Sidebar Visited Link Color"
 
            type="color" default="#258" value="#225588">
 
 
 
  <Variable name="bodyFont" description="Text Font" type="font"
 
            default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
 
  <Variable name="pageTitleFont" description="Blog Title Font" type="font"
 
            default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 41% Trebuchet, Trebuchet MS, Arial, sans-serif">
 
  <Variable name="descriptionFont" description="Blog Description Font" type="font"
 
            default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 144% Arial, sans-serif">
 
  <Variable name="headerFont" description="Sidebar Title Font" type="font"
 
            default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 133% 'Trebuchet MS',Verdana,Arial,Sans-serif">
 
  <Variable name="postTitleFont" description="Post Title Font" type="font"
 
            default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 146% 'Trebuchet MS',Verdana,Arial,Sans-serif">
 
*/
 
 
 
body {
 
  background:#aba;
 
  margin:0;
 
  text-align:center;
 
  line-height: 1.5em;
 
  font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
 
  color:$mainTextColor;
 
  font-size/* */:/**/small;
 
  font-size: /**/small;
 
  }
 
 
 
 
 
/* Page Structure
 
----------------------------------------------- */
 
/* The images which help create rounded corners depend on the
 
  following widths and measurements. If you want to change
 
  these measurements, the images will also need to change.
 
  */
 
#outer-wrapper {
 
  width:740px;
 
  margin:0 auto;
 
  text-align:left;
 
  font: $bodyFont;
 
  }
 
#main-wrap1 {
 
  width:485px;
 
  float:left;
 
  background:$mainBgColor url("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat left bottom;
 
  margin:15px 0 0;
 
  padding:0 0 10px;
 
  color:$mainTextColor;
 
  font-size:97%;
 
  line-height:1.5em;
 
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 
  overflow: hidden;    /* fix for long non-text content breaking IE sidebar float */
 
  }
 
#main-wrap2 {
 
  float:left;
 
  width:100%;
 
  background:url("http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat left top;
 
  padding:10px 0 0;
 
  }
 
#main {
 
  background:url("http://www.blogblog.com/rounders/rails_main.gif") repeat-y;
 
  padding:0;
 
  }
 
#sidebar-wrap {
 
  width:240px;
 
  float:right;
 
  margin:15px 0 0;
 
  font-size:97%;
 
  line-height:1.5em;
 
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 
  overflow: hidden;    /* fix for long non-text content breaking IE sidebar float */
 
  }
 
 
 
.main .widget {
 
  margin-top: 4px;
 
  width: 468px;
 
  padding: 0 13px;
 
}
 
 
 
.main .Blog {
 
  margin: 0;
 
  padding: 0;
 
  width: 484px;
 
}
 
 
 
/* Links
 
----------------------------------------------- */
 
a:link {
 
  color: $mainLinkColor;
 
  }
 
a:visited {
 
  color: $mainVisitedLinkColor;
 
  }
 
a:hover {
 
  color: $mainVisitedLinkColor;
 
  }
 
a img {
 
  border-width:0;
 
  }
 
 
 
 
 
/* Blog Header
 
----------------------------------------------- */
 
#header-wrapper {
 
  background:$titleBgColor url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;
 
  margin:22px 0 0 0;
 
  padding:8px 0 0 0;
 
  color:$titleTextColor;
 
  }
 
#header {
 
  background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;
 
  padding:0 15px 8px;
 
  }
 
#header h1 {
 
  margin:0;
 
  padding:10px 30px 5px;
 
  line-height:1.2em;
 
  font: $pageTitleFont;
 
  }
 
#header a,
 
#header a:visited {
 
  text-decoration:none;
 
  color: $titleTextColor;
 
  }
 
#header .description {
 
  margin:0;
 
  padding:5px 30px 10px;
 
  line-height:1.5em;
 
  font: $descriptionFont;
 
}
 
 
 
 
 
/* Posts
 
----------------------------------------------- */
 
h2.date-header {
 
  margin:0 28px 0 43px;
 
  font-size:85%;
 
  line-height:2em;
 
  text-transform:uppercase;
 
  letter-spacing:.2em;
 
  color:$dateHeaderColor;
 
  }
 
.post {
 
  margin:.3em 0 25px;
 
  padding:0 13px;
 
  border:1px dotted $borderColor;
 
  border-width:1px 0;
 
  }
 
.post h3 {
 
  margin:0;
 
  line-height:1.5em;
 
  background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em;
 
  display:block;
 
  border:1px dotted $borderColor;
 
  border-width:0 1px 1px;
 
  padding:2px 14px 2px 29px;
 
  color: $postTitleColor;
 
  font: $postTitleFont;
 
  }
 
.post h3 a, .post h3 a:visited {
 
  text-decoration:none;
 
  color: $postTitleColor;
 
  }
 
a.title-link:hover {
 
  background-color: $borderColor;
 
  color: $mainTextColor;
 
  }
 
.post-body {
 
  border:1px dotted $borderColor;
 
  border-width:0 1px 1px;
 
  border-bottom-color:$mainBgColor;
 
  padding:10px 14px 1px 29px;
 
  }
 
html>body .post-body {
 
  border-bottom-width:0;
 
  }
 
.post p {
 
  margin:0 0 .75em;
 
  }
 
 
 
.post-footer {
 
  background: #ded;
 
  margin:0;
 
  padding:2px 14px 2px 29px;
 
  border:1px dotted $borderColor;
 
  border-width:1px;
 
  font-size:100%;
 
  line-height:1.5em;
 
  color: #666;
 
}
 
 
 
.post-footer p {
 
  margin: 0;
 
}
 
 
 
html>body .post-footer {
 
  border-bottom-color:transparent;
 
  }
 
 
 
.uncustomized-post-template .post-footer {
 
  text-align: right;
 
}
 
 
 
.uncustomized-post-template .post-author,
 
.uncustomized-post-template .post-timestamp {
 
  display: block;
 
  float: left;
 
  text-align:left;
 
  margin-right: 4px;
 
}
 
 
 
.post-footer a {
 
  color: #258;
 
}
 
.post-footer a:hover {
 
  color: #666;
 
}
 
a.comment-link {
 
  /* IE5.0/Win doesn't apply padding to inline elements,
 
    so we hide these two declarations from it */
 
  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
 
  padding-left:14px;
 
  }
 
html>body a.comment-link {
 
  /* Respecified, for IE5/Mac's benefit */
 
  background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%;
 
  padding-left:14px;
 
  }
 
.post img {
 
  margin:0 0 5px 0;
 
  padding:4px;
 
  border:1px solid $borderColor;
 
  }
 
blockquote {
 
  margin:.75em 0;
 
  border:1px dotted $borderColor;
 
  border-width:1px 0;
 
  padding:5px 15px;
 
  color: $dateHeaderColor;
 
  }
 
.post blockquote p {
 
  margin:.5em 0;
 
  }
 
 
 
#blog-pager-newer-link {
 
  float: left;
 
  margin-left: 13px;
 
}
 
 
#blog-pager-older-link {
 
  float: right;
 
  margin-right: 13px;
 
}
 
 
 
#blog-pager { 
 
  text-align: center;
 
}
 
 
 
.feed-links {
 
  clear: both;
 
  line-height: 2.5em;
 
  margin-left: 13px;
 
}
 
 
 
/* Comments
 
----------------------------------------------- */
 
#comments {
 
  margin:-25px 13px 0;
 
  border:1px dotted $borderColor;
 
  border-width:0 1px 1px;
 
  padding:20px 0 15px 0;
 
  }
 
#comments h4 {
 
  margin:0 0 10px;
 
  padding:0 14px 2px 29px;
 
  border-bottom:1px dotted $borderColor;
 
  font-size:120%;
 
  line-height:1.4em;
 
  color:$postTitleColor;
 
  }
 
#comments-block {
 
  margin:0 15px 0 9px;
 
  }
 
.comment-author {
 
  background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em;
 
  margin:.5em 0;
 
  padding:0 0 0 20px;
 
  font-weight:bold;
 
  }
 
.comment-body {
 
  margin:0 0 1.25em;
 
  padding:0 0 0 20px;
 
  }
 
.comment-body p {
 
  margin:0 0 .5em;
 
  }
 
.comment-footer {
 
  margin:0 0 .5em;
 
  padding:0 0 .75em 20px;
 
  }
 
.comment-footer a:link {
 
  color: #333;
 
  }
 
.deleted-comment {
 
  font-style:italic;
 
  color:gray;
 
  }
 
 
 
 
 
/* Profile
 
----------------------------------------------- */
 
.profile-img {
 
  float: left;
 
  margin: 5px 5px 5px 0;
 
  border: 4px solid $topSidebarTextColor;
 
}
 
 
 
.profile-datablock {
 
  margin:0 15px .5em 0;
 
  padding-top:8px;
 
}
 
 
 
.profile-link {
 
  background:url("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 .1em;
 
  padding-left:15px;
 
  font-weight:bold;
 
}
 
 
 
.profile-textblock {
 
  clear: both;
 
  margin: 0;
 
}
 
 
 
.sidebar .clear, .main .widget .clear {
 
  clear: both;
 
}
 
 
 
#sidebartop-wrap {
 
  background:$topSidebarBgColor url("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom;
 
  margin:0px 0px 15px;
 
  padding:0px 0px 10px;
 
  color:$topSidebarTextColor;
 
  }
 
 
 
#sidebartop-wrap2 {
 
background:url("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top;
 
  padding: 10px 0 0;
 
  margin:0;
 
  border-width:0;
 
}
 
 
 
#sidebartop h2 {
 
  line-height:1.5em;
 
  color:$topSidebarHeaderColor;
 
  border-bottom: 1px dotted $topSidebarHeaderColor;
 
  margin-bottom: 0.5em;
 
  font: $headerFont;
 
}
 
 
 
#sidebartop a {
 
color: $topSidebarLinkColor;
 
}
 
 
 
#sidebartop a:hover {
 
color: $topSidebarVisitedLinkColor;
 
}
 
#sidebartop a:visited {
 
color: $topSidebarVisitedLinkColor;
 
}
 
/* Sidebar Boxes
 
----------------------------------------------- */
 
 
 
.sidebar .widget {
 
  margin:.5em 13px 1.25em;
 
  padding:0 0px;
 
}
 
 
 
.widget-content {
 
  margin-top: 0.5em;
 
}
 
 
 
#sidebarbottom-wrap1 {
 
  background:$mainBgColor url("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top;
 
  margin:0 0 15px;
 
  padding:10px 0 0;
 
  color: $mainTextColor;
 
  }
 
 
 
#sidebarbottom-wrap2 {
 
  background:url("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom;
 
  padding:8px 0px 8px;
 
}
 
 
 
.sidebar h2 {
 
  margin:0;
 
  padding:0 0 .2em;
 
  line-height:1.5em;
 
  font:$headerFont;
 
}
 
 
 
.sidebar ul {
 
  list-style:none;
 
  margin:0 0 1.25em;
 
  padding:0 0px;
 
}
 
 
 
.sidebar ul li {
 
  background:url("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25em;
 
  margin:0;
 
  padding:0 0 3px 16px;
 
  margin-bottom:3px;
 
  border-bottom:1px dotted $borderColor;
 
  line-height:1.4em;
 
  }
 
.sidebar p {
 
  margin:0 0 .6em;
 
  }
 
 
 
#sidebar h2 {
 
  color: $postTitleColor;
 
  border-bottom: 1px dotted $postTitleColor;
 
}
 
 
 
/* Footer
 
----------------------------------------------- */
 
#footer-wrap1 {
 
  clear:both;
 
  margin:0;
 
  padding:15px 0 0;
 
  }
 
#footer-wrap2 {
 
  background:$titleBgColor url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top;
 
  padding:8px 0 0;
 
  color:$titleTextColor;
 
  }
 
#footer {
 
  background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;
 
  padding:8px 15px 8px;
 
  }
 
#footer hr {display:none;}
 
#footer p {margin:0;}
 
#footer a {color:$titleTextColor;}
 
 
 
/** Page structure tweaks for layout editor wireframe */
 
body#layout #main-wrap1,
 
body#layout #sidebar-wrap,
 
body#layout #header-wrapper {
 
  margin-top: 0;
 
}
 
 
 
body#layout #header, body#layout #header-wrapper,
 
body#layout #outer-wrapper {
 
  margin-left:0,
 
  margin-right: 0;
 
  padding: 0;
 
}
 
 
 
body#layout #outer-wrapper {
 
  width: 730px;
 
}
 
 
 
body#layout #footer-wrap1 {
 
  padding-top: 0;
 
}
 
]]></b:skin>
 
</head>
 
 
 
<body>
 
  <div id='outer-wrapper'>
 
<div id='footer-wrap1'><div id='footer-wrap2'>
 
    <b:section class='footer' id='footer'>
 
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
 
</b:section>
 
  </div></div>
 
  <div id='crosscol-wrapper' style='text-align:center'>
 
    <b:section class='crosscol' id='crosscol' showaddelement='no'/>
 
  </div>
 
  <div id='main-wrap1'><div id='main-wrap2'>
 
    <b:section class='main' id='main' showaddelement='no'>
 
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
 
</b:section>
 
  </div></div>
 
  <div id='sidebar-wrap'>
 
    <div id='sidebartop-wrap'><div id='sidebartop-wrap2'>
 
      <b:section class='sidebar' id='sidebartop'>
 
<b:widget id='HTML7' locked='false' title='Blog-editor: M.M.Soriano' type='HTML'/>
 
<b:widget id='HTML8' locked='false' title='JuckBox In-Coletiva' type='HTML'/>
 
</b:section>
 
    </div></div>
 
    <div id='sidebarbottom-wrap1'><div id='sidebarbottom-wrap2'>
 
      <b:section class='sidebar' id='sidebar' preferred='yes'>
 
<b:widget id='HTML3' locked='false' title='Meus Rastros na Web' type='HTML'/>
 
<b:widget id='HTML6' locked='false' title='Cite este Weblogger' type='HTML'/>
 
<b:widget id='Label1' locked='false' title='Blog-Navegação Temática' type='Label'/>
 
<b:widget id='LinkList1' locked='false' title='Galeria In-Coletiva' type='LinkList'/>
 
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
 
<b:widget id='HTML2' locked='false' title='Localizador de Visitantes' type='HTML'/>
 
<b:widget id='HTML1' locked='false' title='Transeuntes do Blog' type='HTML'/>
 
<b:widget id='Feed1' locked='false' title='"(...)" Museu do EuFrase' type='Feed'/>
 
</b:section>
 
    </div></div>
 
<!-- <rdf:RDF xmlns="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
 
<Work rdf:about="urn:sha1:NBN5MI43UTRIFFLB3KC27K3SF2CKZKIV"><dc:date>2007</dc:date><dc:title>
 
Redação Eletrônica</dc:title><dc:description>Textos M.M.Soriano, Redator</dc:description><dc:rights><Agent><dc:title>Young Savage</dc:title></Agent></dc:rights><dc:type rdf:resource="http://purl.org/dc/dcmitype/Sound" /><license rdf:resource="http://creativecommons.org/licenses/by/2.5/" /></Work>
 
 
<License rdf:about="http://creativecommons.org/licenses/by/2.5/"><requires rdf:resource="http://web.resource.org/cc/Attribution" /><permits rdf:resource="http://web.resource.org/cc/Reproduction" /><permits rdf:resource="http://web.resource.org/cc/Distribution" /><permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" /><requires rdf:resource="http://web.resource.org/cc/Notice" /></License>
 
<License rdf:about="http://creativecommons.org/licenses/by/2.5/"><requires rdf:resource="http://web.resource.org/cc/Attribution" /><permits rdf:resource="http://web.resource.org/cc/Reproduction" /><permits rdf:resource="http://web.resource.org/cc/Distribution" /><permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" /><requires rdf:resource="http://web.resource.org/cc/Notice" /></License>
 
</rdf:RDF> -->
 
</rdf:RDF> -->
</div>
 
  
</div>
+
See our guide on [[HOWTO Tag HTML pages|how to tag works]].
</body>
 
</html>
 
  
 
== RSS ==
 
== RSS ==

Revision as of 16:16, 19 July 2007


Using Creative Commons Metadata

Creative Commons Metadata can be embedded in a variety of formats. Here are details on specific formats. (If your favorite format isn't here please add it to this list).

See our metadata section for theory and advanced practice.

HTML

See our guide on how to tag works.

RSS

For RSS 1.0, use the Creative Commons module. For RSS 2.0, use the creativeCommons module.

Syndic8 tracks RSS feeds that are available under a Creative Commons license.

Audio (MP3 and Ogg)

See our guidelines for tagging non-web content and specifics concerning tagging MP3 and Ogg files.

XMP (PDF, image formats)

Use current Adobe applications to embed Creative Commons metadata in PDF and other XMP-supported file types.

SMIL (Synchronized Multimedia Integration Language)

Use the CreativeCommons SMIL Module.

Other Formats

Please add other formats here as you and others develop them.