Witam, pisze od jakiegoś czasu szablony xhtml/css ale czym cholera jest szablon bez dobrego cms'a.
Napisałem bardzo prosty czysto przykładowy szablon i chciałbym się dowiedzieć jak go przerobic/ podzielić na szablon jakiegoś z darmowych cms'ów
np. wordpress - szablon jak mówiłem bardzo banalny na tą chwile taki oto kod :


index 
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4. <script type="text/javascript" src="menu.js"></script>
  5. <title></title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <link rel="stylesheet" type="text/css" href="style.css" />
  8. </head>
  9. <body>
  10.  
  11.  
  12.  
  13. <div id="glowne" >
  14.  
  15. <div id="logo">
  16. </div>
  17.  
  18. <div class="menu">
  19. 	<dl id="menu1">
  20. 	<dt>HTML</dt>
  21. 	<dd><a href="...">...</a></dd>
  22. 	<dd><a href="...">...</a></dd>
  23. 	</dl>
  24. 	<script type="text/javascript">
  25. 	// <![CDATA[
  26. 	new Menu('menu1', 'position: absolute', true, true, -1, -1, -1, -1, true);
  27. 	// ]]>
  28. 	</script>
  29.  
  30. 	<dl id="menu2">
  31. 	<dt>CSS</dt>
  32. 	<dd><a href="...">...</a></dd>
  33. 	<dd><a href="...">...</a></dd>
  34. 	</dl>
  35. 	<script type="text/javascript">
  36. 	// <![CDATA[
  37. 	new Menu('menu2', 'position: absolute; left: 150px', true, true, -1, -1, -1, -1, true);
  38. 	// ]]>
  39. 	</script>
  40.  
  41. 	<dl id="menu3">
  42. 	<dt>Skrypty</dt>
  43. 	<dd><a href="...">...</a></dd>
  44. 	<dd><a href="...">...</a></dd>
  45. 	</dl>
  46. 	<script type="text/javascript">
  47. 	// <![CDATA[
  48. 	new Menu('menu3', 'position: absolute; left: 300px', true, true, -1, -1, -1, -1, true);
  49. 	// ]]>
  50. 	</script>
  51.  
  52. 	<dl id="menu4">
  53. 	<dt>Skrypty4</dt>
  54. 	<dd><a href="...">...</a></dd>
  55. 	<dd><a href="...">...</a></dd>
  56. 	</dl>
  57. 	<script type="text/javascript">
  58. 	// <![CDATA[
  59. 	new Menu('menu4', 'position: absolute; left: 450px', true, true, -1, -1, -1, -1, true);
  60. 	// ]]>
  61. 	</script>
  62. 	<dl id="menu5">
  63. 	<dt>Skrypty4</dt>
  64. 	<dd><a href="...">...</a></dd>
  65. 	<dd><a href="...">...</a></dd>
  66. 	</dl>
  67. 	<script type="text/javascript">
  68. 	// <![CDATA[
  69. 	new Menu('menu5', 'position: absolute; left: 600px', true, true, -1, -1, -1, -1, true);
  70. 	// ]]>
  71. 	</script>
  72. 	<dl id="menu6">
  73. 	<dt>Skrypty4</dt>
  74. 	<dd><a href="...">...</a></dd>
  75. 	<dd><a href="...">...</a></dd>
  76. 	</dl>
  77. 	<script type="text/javascript">
  78. 	// <![CDATA[
  79. 	new Menu('menu6', 'position: absolute; left: 746px', true, true, -1, -1, -1, -1, true);
  80. 	// ]]>
  81. 	</script>
  82. </div>
  83.  
  84. <div id="reklama">
  85. </div>
  86.  
  87. <div id="prawanawiagacja">
  88. </div>
  89.  
  90. <div id="srodek">
  91. </div>
  92.  
  93. <div id="stopka">
  94. </div>
  95.  
  96. </div>
  97.  
  98. </body>
  99. </html>
[HTML] pobierz, plaintext


css :
[CSS] pobierz, plaintext 
  1. #glowne{
  2. 	margin: 0px;
  3. 	padding: 0px;
  4. 	border: #800000 solid 1px;
  5. 	height: 882px;               
  6. 	width: 898px;
  7. 	margin: 0 auto;
  8.  
  9. }
  10. #logo{
  11. 	padding:0px;
  12. 	border: solid 0px;
  13. 	width: 898px;
  14. 	height: 100px;
  15. 	color: black;
  16. 	background: gray ;
  17. }
  18. #menu{
  19. 	padding:0px;
  20. 	border: solid 0px;
  21. 	width: 898px;
  22. 	height: 30px;
  23. 	color: black;
  24. 	background: green ;
  25. }
  26.  
  27. #reklama{
  28. 	padding:0px;
  29. 	border: solid 0px;
  30. 	width: 898px;
  31. 	height: 200px;
  32. 	color: ;
  33. 	background: gray ;
  34. 	float: right;
  35. }
  36. #prawanawiagacja{
  37. 	padding:0px;
  38. 	border: solid 1px;
  39. 	width: 200px;
  40. 	height: 400px;
  41. 	color: ;
  42. 	background: gray ;
  43. 	float: right;
  44. }
  45. #srodek{
  46. 	padding:0px;
  47. 	border: solid 1px;
  48. 	width: 694px;
  49. 	height: 500px;
  50. 	color: ;
  51. 	background: gray ;
  52. 	float: right;
  53. }
  54.  
  55. #stopka{
  56. 	padding:0px;
  57. 	border: solid 0px;
  58. 	width: 898px;
  59. 	height: 80px;
  60. 	color: ;
  61. 	background: gray ;
  62. 	float: right;
  63. }
  64.  
  65. .menu {
  66. 	position: relative;
  67. }
  68.  
  69. .menu dl {
  70. 	width: 150px;
  71. 	margin: 0;
  72. 	padding: 0;
  73. 	border-width: 1px;
  74. 	border-style: solid;
  75. 	border-color: #aaa #666 #666 #aaa;
  76. }
  77.  
  78. .menu dt {
  79. 	margin: 0;
  80. 	padding: 2px 5px;
  81. 	cursor: pointer;
  82. 	background-color: #888;
  83. 	color: #fff;
  84. 	font-weight: bold;
  85. 	text-align: center;
  86. }
  87.  
  88. .menu dd {
  89. 	margin: 0;
  90. 	padding: 2px 5px;
  91. 	background-color: #dc143c;
  92. 	color: #000;
  93. 	font-style:normal;
  94. 	font-weight:bold;
  95. }
[CSS] pobierz, plaintext


A wyglada na tą chwile to tak :


Uploaded with ImageShack.us

Jak mowilem banalny 6 elementowy szablon :
1 - pierwszy div - logo
2 - menu rozwijane ( ze skryptem java)
3 -miejsce na reklamy
4 - srodek - miejsce do pisania
5 - prawa nawigacja/ menu
6- stopka