Autor Zpráva
miro745
Profil *
Prosim mohl by spojit nekdo toto do jednoho kodu?

DEKUJI!!!

<title>Your Site</title>
<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<!-- START TOP HEADER (TO EDIT GO TO: PSD Photoshop Files/header.psd OR Blank Image Files/header.jpg) -->
<img src="images/header.jpg" alt="header" width="703" height="121" />
<!-- END TOP HEADER -->

<!-- START TOP NAV -->
<ul id="topnav">
<li class="bigtab">Home</li>
<li><a href="#" class="smalltab">About Us</a></li>
<li><a href="#" class="smalltab">Message Board</a></li>
<li><a href="#" class="smalltab">Contact Us</a></li>
</ul>
<!-- END TOP NAV -->

<!-- START SLOGAN HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box.psd OR Blank Image Files/slogan_box.jpg) -->
<img src="images/slogan_box.gif" alt="slogan box" />
<!-- END SLOGAN HEADER -->

<!-- START STATS BAR (IF YOU WISH TO NOT HAVE THE ICONS PLEASE LOOK AT INDEX_BLANK.HTML AS WE HAVE TAKEN THEM OUT FOR YOU) -->
<ul id="statsbar">
<li id="comments">10,232 Comments</li>
<li id="hits">298 Unique Hits Today</li>
<li id="online">65 People Online</li>
</ul>
<!-- END STATS BAR -->

<div id="container">

<!-- START LEFT COLUMNS -->
<div id="left">

<h2>Main Navigation</h2>

<!-- START MAIN NAVIGATION -->
<ul id="leftnav">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
<!-- END MAIN NAVIGATION -->

<h2>Latest News</h2>

<div id="news">

<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />

<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />

<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a></div>

</div>

<!-- END LEFT COLUMN -->

<!-- START RIGHT COLUMN -->

<div id="right">

<!-- START SLOGAN 2 HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box_2.psd OR Blank Image Files/slogan_box_2.jpg) -->
<img src="images/slogan_box_2.jpg" alt="slogan" width="485" height="205" />

<h2>Welcome to yoursite.com</h2>

<div id="maincontent">

<!-- START MAIN CONTENT HERE -->

<h3>Zymic Free Templates</h3>
<p>Thanks for downloading a template from <a href="http://www.zymic.com">Zymic</a>! Please read the <strong>read me file</strong> located in the template zip file as it contains all the information needed to customize this particular template.</p>

<h3>Zymic Copyright Removal </h3>
<p>You may not delete or edit the Zymic copyright on the footer of this template without our permission. If you delete our copyright you are breaking various <a href="http://www.whatiscopyright.org">copyright laws</a>. We regulary search for illegal copyright removals (using bots and report staff). <br />
<br />
To <strong>remove the copyright</strong> please send a small fee of $5 using <a href="http://www.paypal.com">paypal</a> to templates@zymic.com - Since the template simply has HTML text copyright, simply delete/edit it after payment. We will keep a record of the paypal invoice for proof or purchase. </p>

<h3>Zymic Free Templates Help </h3>
<p>If you have read the read me file 1000 times and are still having problems please feel free to ask for help.<br />
<br />
Forum: <a href="http://www.zymic.com/forum/">Zymic Webmaster Forums</a><br />
<br />
IRC: irc.zymic.com #zymic</p>

<!--END MAIN CONTENT HERE -->

</div>

</div>

<!-- END RIGHT COLUMN -->

</div>

<!-- ZYMIC COPYRIGHT - DO NOT REMOVE ELSE FACE LEGAL ACTION -->

<p id="footer">&copy; Copyright 2006 - <a href="http://www.zymic.com">Free Templates</a> By <a href="http://www.zymic.com">Zymic</a> - All Rights Reserved </p>

</body>
</html>





a CSS:


html {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #282828;
color: #383838;
text-align: center;
}

body {
margin: 20px auto 0 auto;
text-align: left;
width: 703px;
background-color: #282828;
color: #383838;
}

html > body {
background: #282828 url(images/bg.gif) repeat-y center;
}

div#container {
background: #282828 url(images/bg.gif) repeat-y center;
width: 703px;
}

ul#topnav {
margin: 0;
padding: 0;
height: 33px;
background: #282828 url(images/top_nav_right_bg.gif) no-repeat bottom right;
}

ul#topnav li {
list-style-type: none;
float: left;
display: block;
margin: 0;
padding: 0;
}

ul#topnav li.bigtab {
background: #282828 url(images/top_nav_large_tab.gif) no-repeat;
height: 24px;
width: 131px;
padding: 9px 0 0 0;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #f15f10;
}

ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
background: #282828 url(images/top_nav_small_tab.gif) no-repeat;
height: 23px;
width: 131px;
padding: 10px 0 0 0;
text-align: center;
font-size: 14px;
color: #515151;
text-decoration: none;
display: block;
}

ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
background: #282828 url(images/top_nav_small_tab_hover.gif) no-repeat;
color: inherit;
height: 23px;
width: 131px;
padding: 10px 0 0 0;
text-align: center;
font-size: 14px;
display: block;
}

ul#statsbar {
background: #282828 url(images/stats_bar.gif) no-repeat;
height: 39px;
width: 703px;
margin: -3px 0 0 0;
padding: 0;
color: #fff;
}

body > ul#statsbar {
margin: 0;
}

ul#statsbar li {
list-style-type: none;
float: left;
display: block;
margin: 0;
padding: 11px 0 0 0;
}

ul#statsbar li#comments {
padding-left: 35px;
}

#statsbar li#hits {
padding-left: 45px;
}

#statsbar li#online {
padding-left: 45px;
}

div#left {
width: 218px;
float: left;
background-color: #fff;
color: inherit;
}

div#left h2 {
font-size: 12px;
font-weight: normal;
background-color: inherit;
color: #fff;
margin: 0;
padding: 12px 0 0 15px;
background-image: url(images/left_content_header.gif);
height: 25px;
width: 203px;
}

ul#leftnav {
margin: 0;
padding: 0;
}

ul#leftnav li {
list-style-type: none;
display: block;
margin: 0;
background-image: url(images/left_nav_link_bg.gif);
}

ul#leftnav li a:link, ul#leftnav li a:visited {
background-color: inherit;
color: #000;
text-decoration: none;
display: block;
height: 22px;
padding: 6px 0 0 20px;
}

ul#leftnav li a:hover, ul#leftnav li a:active {
background-image: url(images/left_nav_link_bg_hover.gif);
display: block;
height: 22px;
}

#news {
margin: 0;
padding: 10px;
}

div#right {
width: 485px;
float: right;
background-color: #fff;
color: inherit;
}

div#right h2 {
font-size: 12px;
font-weight: normal;
color: #f9ffff;
margin: -3px 0 0 0;
background: #fff url(images/main_content_header.gif) no-repeat;
height: 25px;
width: 470px;
padding: 12px 0 0 15px;
}

div#container > div#right h2 {
margin: 0;
}

div#maincontent {
width: 485px;
}
div#maincontent p {
margin: 0;
padding: 10px 10px 10px 5px;
}

a:link,a:visited {
color: #fa6627;
text-decoration: none;
}

a:hover, a:active {
color: #383838;
}

h3 {
margin: 5px 0px 0px 0px;
padding: 5px 0px 5px 5px;
width: 475px;
background: #f0f0f0;
}

p#footer {
clear: both;
width: 701;
height: 26px;
padding: 10px 0px 0px 0px;
background: #383838;
border: 1px solid #fff;
border-top: 0;
color: #fff;
text-align: center;
margin: 0;
}
temistokles
Profil
Pravdepodobne by to šlo, ale takto je to lepšie, lebo sa to môže cacheovať.
Petr Tichý
Profil
<title>Your Site</title>
<style type="text/css">
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #282828;
color: #383838;
text-align: center;
}

body {
margin: 20px auto 0 auto;
text-align: left;
width: 703px;
background-color: #282828;
color: #383838;
}

html > body {
background: #282828 url(images/bg.gif) repeat-y center;
}

div#container {
background: #282828 url(images/bg.gif) repeat-y center;
width: 703px;
}

ul#topnav {
margin: 0;
padding: 0;
height: 33px;
background: #282828 url(images/top_nav_right_bg.gif) no-repeat bottom right;
}

ul#topnav li {
list-style-type: none;
float: left;
display: block;
margin: 0;
padding: 0;
}

ul#topnav li.bigtab {
background: #282828 url(images/top_nav_large_tab.gif) no-repeat;
height: 24px;
width: 131px;
padding: 9px 0 0 0;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #f15f10;
}

ul#topnav li a.smalltab:link, ul#topnav li a.smalltab:visited {
background: #282828 url(images/top_nav_small_tab.gif) no-repeat;
height: 23px;
width: 131px;
padding: 10px 0 0 0;
text-align: center;
font-size: 14px;
color: #515151;
text-decoration: none;
display: block;
}

ul#topnav li a.smalltab:hover, ul#topnav li a.smalltab:active {
background: #282828 url(images/top_nav_small_tab_hover.gif) no-repeat;
color: inherit;
height: 23px;
width: 131px;
padding: 10px 0 0 0;
text-align: center;
font-size: 14px;
display: block;
}

ul#statsbar {
background: #282828 url(images/stats_bar.gif) no-repeat;
height: 39px;
width: 703px;
margin: -3px 0 0 0;
padding: 0;
color: #fff;
}

body > ul#statsbar {
margin: 0;
}

ul#statsbar li {
list-style-type: none;
float: left;
display: block;
margin: 0;
padding: 11px 0 0 0;
}

ul#statsbar li#comments {
padding-left: 35px;
}

#statsbar li#hits {
padding-left: 45px;
}

#statsbar li#online {
padding-left: 45px;
}

div#left {
width: 218px;
float: left;
background-color: #fff;
color: inherit;
}

div#left h2 {
font-size: 12px;
font-weight: normal;
background-color: inherit;
color: #fff;
margin: 0;
padding: 12px 0 0 15px;
background-image: url(images/left_content_header.gif);
height: 25px;
width: 203px;
}

ul#leftnav {
margin: 0;
padding: 0;
}

ul#leftnav li {
list-style-type: none;
display: block;
margin: 0;
background-image: url(images/left_nav_link_bg.gif);
}

ul#leftnav li a:link, ul#leftnav li a:visited {
background-color: inherit;
color: #000;
text-decoration: none;
display: block;
height: 22px;
padding: 6px 0 0 20px;
}

ul#leftnav li a:hover, ul#leftnav li a:active {
background-image: url(images/left_nav_link_bg_hover.gif);
display: block;
height: 22px;
}

#news {
margin: 0;
padding: 10px;
}

div#right {
width: 485px;
float: right;
background-color: #fff;
color: inherit;
}

div#right h2 {
font-size: 12px;
font-weight: normal;
color: #f9ffff;
margin: -3px 0 0 0;
background: #fff url(images/main_content_header.gif) no-repeat;
height: 25px;
width: 470px;
padding: 12px 0 0 15px;
}

div#container > div#right h2 {
margin: 0;
}

div#maincontent {
width: 485px;
}
div#maincontent p {
margin: 0;
padding: 10px 10px 10px 5px;
}

a:link,a:visited {
color: #fa6627;
text-decoration: none;
}

a:hover, a:active {
color: #383838;
}

h3 {
margin: 5px 0px 0px 0px;
padding: 5px 0px 5px 5px;
width: 475px;
background: #f0f0f0;
}

p#footer {
clear: both;
width: 701;
height: 26px;
padding: 10px 0px 0px 0px;
background: #383838;
border: 1px solid #fff;
border-top: 0;
color: #fff;
text-align: center;
margin: 0;
}
</style>

</head>

<body>

<!-- START TOP HEADER (TO EDIT GO TO: PSD Photoshop Files/header.psd OR Blank Image Files/header.jpg) -->
<img src="images/header.jpg" alt="header" width="703" height="121" />
<!-- END TOP HEADER -->

<!-- START TOP NAV -->
<ul id="topnav">
<li class="bigtab">Home</li>
<li><a href="#" class="smalltab">About Us</a></li>
<li><a href="#" class="smalltab">Message Board</a></li>
<li><a href="#" class="smalltab">Contact Us</a></li>
</ul>
<!-- END TOP NAV -->

<!-- START SLOGAN HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box.psd OR Blank Image Files/slogan_box.jpg) -->
<img src="images/slogan_box.gif" alt="slogan box" />
<!-- END SLOGAN HEADER -->

<!-- START STATS BAR (IF YOU WISH TO NOT HAVE THE ICONS PLEASE LOOK AT INDEX_BLANK.HTML AS WE HAVE TAKEN THEM OUT FOR YOU) -->
<ul id="statsbar">
<li id="comments">10,232 Comments</li>
<li id="hits">298 Unique Hits Today</li>
<li id="online">65 People Online</li>
</ul>
<!-- END STATS BAR -->

<div id="container">

<!-- START LEFT COLUMNS -->
<div id="left">

<h2>Main Navigation</h2>

<!-- START MAIN NAVIGATION -->
<ul id="leftnav">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</ul>
<!-- END MAIN NAVIGATION -->

<h2>Latest News</h2>

<div id="news">

<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />

<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a>
<img src="images/news_seperator.gif" alt="sep" />

<img src="images/news_icon.gif" alt="news" /><strong>06/06/06</strong> - Site Updates<br />
We have added more downloads to the ... <a href="#">Read More</a></div>

</div>

<!-- END LEFT COLUMN -->

<!-- START RIGHT COLUMN -->

<div id="right">

<!-- START SLOGAN 2 HEADER (TO EDIT GO TO: PSD Photoshop Files/slogan_box_2.psd OR Blank Image Files/slogan_box_2.jpg) -->
<img src="images/slogan_box_2.jpg" alt="slogan" width="485" height="205" />

<h2>Welcome to yoursite.com</h2>

<div id="maincontent">

<!-- START MAIN CONTENT HERE -->

<h3>Zymic Free Templates</h3>
<p>Thanks for downloading a template from <a href="http://www.zymic.com">Zymic</a>! Please read the <strong>read me file</strong> located in the template zip file as it contains all the information needed to customize this particular template.</p>

<h3>Zymic Copyright Removal </h3>
<p>You may not delete or edit the Zymic copyright on the footer of this template without our permission. If you delete our copyright you are breaking various <a href="http://www.whatiscopyright.org">copyright laws</a>. We regulary search for illegal copyright removals (using bots and report staff). <br />
<br />
To <strong>remove the copyright</strong> please send a small fee of $5 using <a href="http://www.paypal.com">paypal</a> to templates@zymic.com - Since the template simply has HTML text copyright, simply delete/edit it after payment. We will keep a record of the paypal invoice for proof or purchase. </p>

<h3>Zymic Free Templates Help </h3>
<p>If you have read the read me file 1000 times and are still having problems please feel free to ask for help.<br />
<br />
Forum: <a href="http://www.zymic.com/forum/">Zymic Webmaster Forums</a><br />
<br />
IRC: irc.zymic.com #zymic</p>

<!--END MAIN CONTENT HERE -->

</div>

</div>

<!-- END RIGHT COLUMN -->

</div>

<!-- ZYMIC COPYRIGHT - DO NOT REMOVE ELSE FACE LEGAL ACTION -->

<p id="footer">&copy; Copyright 2006 - <a href="http://www.zymic.com">Free Templates</a> By <a href="http://www.zymic.com">Zymic</a> - All Rights Reserved </p>

</body>
</html>
Bubák
Profil
Důvod? Vhodnější je mít CSS v externím souboru. Ale pokud na tom trváš, tak místo:
<link href="style.css" rel="stylesheet" type="text/css" />

dej:
<style>
(sem nakopíruj CSS)
</style>
miro745
Profil *
Ďekuji moc!

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: