Popis XHTML úlohy

Z VirtlabWiki

Verze z 10:06, 4. 8. 2008 Zap113 (Diskuse | příspěvky) (→CSS styl) ← Předchozí porovnání		Verze z 10:06, 4. 8. 2008 Zap113 (Diskuse | příspěvky) (→CSS styl) Následující porovnání →
Řádka 11:		Řádka 11:
	<li>URL CSS pro úlohy: https://homel.vsb.cz/~zap113/virtlab/css/task-design.css - Nový</li>		<li>URL CSS pro úlohy: https://homel.vsb.cz/~zap113/virtlab/css/task-design.css - Nový</li>
	</ul>		</ul>
-	Ukázka nového Css stylu pro úlohy.	+
		+	'''Ukázka nového Css stylu pro úlohy.'''
	<pre>		<pre>
	body {		body {

---

Verze z 10:06, 4. 8. 2008

XML

Balíček úlohy obsahuje topology.xml a popis zabalení úlohy task.xml, které musí být validní proti jejich schématům.

• topology.rng - > topology.xml
• taskupload.rng - > task.xml

CSS styl

Odkazy na CSS styly:

• URL CSS pro úlohy: https://virtlab.cs.vsb.cz/css/task-design.css - Původní
• URL CSS pro úlohy: https://homel.vsb.cz/~zap113/virtlab/css/task-design.css - Nový

Ukázka nového Css stylu pro úlohy.

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
}
/* Obal stránky */
#wrapper {
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;/* #CEFFAF */
	/*border: 1px ridge #A7CC8F;*/
	position: relative;
	margin: auto;
	width: 900px;
	color: #111111;
	text-align: justify;
}

/* Struktura uloh */
div#title {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	/*background-color: #F6FFBF;*/
	color: #336667;
	margin-left: 5px;
	padding: 18px 0px 12px 0px;
}

div#goal {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#time {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#teoback {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}
div#teoback ul li {
	list-style-type: none;
}
div#topology {
	border-bottom: 1px black dotted;
	text-align: center;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#topology img {
	/*border: 1px ridge #A7CC8F;*/
	margin: 5px 0px 0px -20px;
	padding: 12px 0px 6px 20px;
}

div#config {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#test {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}

div#optional {
	border-bottom: 1px black dotted;
	margin: 5px;
	padding: 12px 0px 6px 20px;
}
div#goal h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#time h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#teoback h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#topology h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#config h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#test h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
div#optional h1{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
/* Struktura uloh END */

div.caption {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #336667;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 6px 0px;
}
/* Code */
div.code	{
	font-family: "Courier New", Courier, monospace;
	/*color: Yellow;*/
	background-color: #F1F1F1;
	border: 1px dashed;
	width: 600px;
	padding: 10px 5px 10px 20px;
	margin: 5px 0px 5px 20px;
}
div.code	span{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
}
div.code	div{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
}
div.code ul {
	list-style-type: none;
	margin-left: -20px;
}
div.code ul li {
	list-style-type: none;
}
/* Code END */

/* Link */
a:before {
	content: "Link:";
}

a {
	text-decoration: none;
	color: #336667;
}
/* Link END */