http://www.cmsmadesimple.org/
Asenna LAMP ja tee muokkaukset.
http://muistio.dyndns.org/viewtopic.php?f=8&t=34
Pura CMS Made Simple haluaamaasi kansioon var/www/-alle ja siirry selaimella serverin osoitteeseen ja asenna.
Kirjaudu ja muuta asetukset:
- Site admin -> Global Settings
- Default language for the frontend -> Suomi
Date Format String: -> %d/%m/%y
- Language: -> Suomi
Date Format String: -> %d/%m/%y
- Default language for the frontend -> Suomi
Siirry Ulkoasu » Teeman hallinta ja valitse tuo -välilehti.
Valitse crystalx.xml-tiedosto ja tuo se.
Siirry cms:n juurihakemistoon ja kopioi tiedostot jotka löytyivät zip-paketista.
Esim.
var/www/cms/images-hakemistoon kopioidaan hakemisto crystalx. Sieltä löytyvät tarvittavat kuvat.
var/www/cms/modules/MenuManager/templates -hakemistoon kopioidaan tiedosto crystalx_menu.tpl
Anna oikeudet crystalx-kansiolle. Komento on chmod 755 -R crystalx. Tee sama crystalx_menu.tpl-tiedostolle.
Siirry Ulkoasu » Sivupohjat ja aseta sivu oletukseksi ja aseta se kaikille sivuille.
Avaa sivu muokkausta varten ja kopioi alla oleva teksti ja korvaa vanha.:
Koodi: Valitse kaikki
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en_US">
<head>
<title>{title} - {sitename}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="english" />
{metadata}
{stylesheet}
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="uploads/crystalx/main-msie.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="uploads/crystalx/ie7hack.css" /><![endif]-->
</head>
<body>
<!-- Main -->
<div id="main" class="box">
<!-- Header -->
<div id="header">
<!-- Logotyp -->
<h1 id="logo"><strong>PÖYTYÄN INTRANET</strong><span> </span></h1>
<hr class="noscreen" />
<!-- Quick links -->
<div class="noscreen noprint">
<p><em>Quick links: <a href="#content">content</a>, <a href="#tabs">navigation</a>, <a href="#search">search</a>.</em></p>
<hr />
</div>
<!-- Search -->
<div id="search" class="noprint">
{search}
</div> <!-- /search -->
</div> <!-- /header -->
<!-- Main menu (tabs) -->
<div id="tabs" class="noprint">
<h3 class="noscreen">Navigation</h3>
{menu template='crystalx_menu.tpl' start_level='1' number_of_levels='1'}
<hr class="noscreen" />
</div> <!-- /tabs -->
<!-- Page (2 columns) -->
<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">
<!-- RSS feeds -->
<p id="rss">
{cms_selflink page="sivukartta"}
{cms_module module='sivukartta'}{cms_module module='printing' pdf="false" showbutton="true" popup="true"}{cms_module module='printing' pdf="true" showbutton="true"}
</p>
<hr class="noscreen" />
<!-- Breadcrumbs -->
<p id="breadcrumbs">{breadcrumbs starttext='Olet sivulla' root='Home' delimiter='»'}
<hr class="noscreen" />
</div> <!-- /strip -->
<!-- Content -->
<div id="content">
<div class="article">
<h2><span>{title}</span></h2>
{content}
</div>
</div>
<!-- /content -->
<!-- Right column -->
<div id="col" class="noprint">
<div id="col-in">
<!-- Category -->
<!-- Pystysuuntainen valikko -->
<h3><span>VALIKKO</span></h3>
<ul id="pysty">
{menu template='crystalx_menu.tpl' start_level='2' collapse='1'}
</ul>
<h3 ><span>AJANKOHTAISTA</span></h3>
<div id="about-me">
{news}
</div>
<hr class="noscreen" />
<!-- Links -->
<h3><span>LINKKEJÄ</span></h3>
<ul id="links">
<li><a href="#">Eka linkki</a></li>
<li><a href="#">Toka linkki</a></li>
<li><a href="#">Kolmas linkki</a></li>
<li><a href="#">jne</a></li>
<li><a href="#">...</a></li>
</ul>
<hr class="noscreen" />
</div> <!-- /col-in -->
</div> <!-- /col -->
</div> <!-- /page-in -->
</div> <!-- /page -->
<!-- Footer -->
<div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Top</span>
{anchor anchor='header' title="Back on top" text='Back on top <span> </span>'}</p></div>
<hr class="noscreen" />
<p id="copyright">
{cms_selflink dir="previous" label="Edellinen sivu: "} | {cms_selflink dir="next" label="Seuraava sivu: "}<br>© 2008 Yläne | Intranet esittely
</p>
</div> <!-- /footer -->
</div> <!-- /main -->
</body>
</html>
Käytä ja Lähetä.
Siirry Ulkoasu » Tyylisivut ja valitse crystalx : crystalx_main
Kopioi alla oleva teksti ja korvaa vanha.
Koodi: Valitse kaikki
/* ----------------------------------------------------------------------------------------------------------
This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates
Structure:
display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;
---------------------------------------------------------------------------------------------------------- */
* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#F2F5FE url("images/crystalx/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; text-align:center;}
a {color:#192666;}
a:hover {color:#4F6AD7;}
p {border:0; margin:15px 0; padding:0;}
div {display:block; border:0; margin:0; padding:0;}
h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}
table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}
ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}
dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}
form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}
hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}
a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}
del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
.f-left {float:left;}
.f-right {float:right;}
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.va-middle {vertical-align:middle;}
.clear {clear:both;}
.box {min-height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.nom {margin:0;}
.noscreen {display:none;}
/* -----------------...........--------------------------------------------------------------------------------------- */
#main {width:770px; margin:20px auto 0 auto; text-align:left;}
#header {position:relative; width:770px; height:100px; margin:0; padding:0; background:#233C9B url("images/crystalx/header.jpg") 0 0 no-repeat; color:#FFF;}
#header #logo {position:absolute; top:35px; left:35px; margin:0;}
#header #logo a {color:#FFF;}
#header #logo a:hover {color:#B5C4E3; text-decoration:underline;}
#header #search {position:absolute; top:35px; right:20px;}
#header #search form {position:relative;}
#header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("images/crystalx/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
#header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
#header #search #cntnt01searchinput {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
#header #search #search-submit {position:absolute; top:0; right:0px;}
#header #search fieldset {margin:0; padding:0; border:0;}
#header #search fieldset {width:200px;}
#header #search legend {display:none;}
#page {width:770px; min-height:1px; background:#FFF url("images/crystalx/bg_page.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0; background:url("images/crystalx/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}
#strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#6182D1;}
#strip p {margin:0;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}
#strip #breadcrumbs {width:520px; margin:0; padding:0;}
#strip #rss {float:right; width:140px; _width:200px; margin:0; padding-left:25px; }
#strip #rss a{text-decoration:none; }
#content {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 20px;}
#content .article {clear:both; margin:0; padding:20px; background:url("images/crystalx/content_article_bg.jpg") 0 0 no-repeat;}
#content .article h2 {margin:0 -20px; padding:10px; background:#DEE5FD url("images/crystalx/content_title_bg.gif") 0 0 repeat-y; color:#192666;}
#content .article h2 span {background:url("images/crystalx/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
#content .article p {text-align:justify;}
#content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
#content .info a {color:#6685CC;}
#content .info a:hover {color:#FF9000;}
#content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
#content .info span.date {background:url("images/crystalx/ico_date.gif") 0 50% no-repeat;}
#content .info span.cat {background:url("images/crystalx/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.user {background:url("images/crystalx/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
#content .info span.comments {background:url("images/crystalx/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}
#content .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
#content .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("images/crystalx/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
#content .btn-more a:hover {background:url("images/crystalx/btn_more.gif") -95px 0 no-repeat;}
#col {float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url("images/crystalx/col_bg.gif") 0 0 repeat-y;}
#col-in {padding:20px 10px; background:url("images/crystalx/col_top.gif") 0 0 no-repeat;}
#col h3 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("images/crystalx/col_title_bg.gif") 0 0 repeat-y; color:#192666;}
#col #about-me {margin-bottom:15px; line-height:130%;}
#col #about-me p {margin:0;}
#col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}
#col ul#category {margin:15px 0; padding:0; list-style:none;}
#col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("images/crystalx/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#category li a:hover {background-color:#D3DFF8; color:#192666;}
#col ul#category li#category-active a {background:#E0E8FA url("images/crystalx/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
#col ul#archive {margin:15px 0; padding:0; list-style:none;}
#col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("images/crystalx/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
#col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
#col ul#archive li#archive-active a {background:#E0E8FA url("images/crystalx/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;}
#col ul#links {margin:15px 0; padding:0; list-style:none;}
#col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("images/crystalx/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}
#footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("images/crystalx/footer.jpg") 0 0 no-repeat; color:#6685CC;}
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}
#top {position:absolute; top:55px; left:550px;}
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("images/crystalx/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
#top a:hover span {background:url("images/crystalx/ico_top.gif") -30px 0 no-repeat;}
#footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}
#createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;}
#createdby a {color:#8CA3D8;}
Valitse Lähetä
Valitse crystalx : crystalx_menu ja kopioi alla oleva teksti ja korvaa vanha.
Koodi: Valitse kaikki
/* CSS Document */
/* Main menu (tabs) */
#tabs {background:#CEDBF9; margin:0 5px; padding:10px 0 0 0; _height:1px;}
#tabs ul {margin:0 10px; padding:0; list-style:none;}
#tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("images/crystalx/tab_link.gif") 0 0 repeat-x; color:#ff99b2; font-weight:bold; text-decoration:none; cursor:pointer;}
/* Main menu (tabs - link) */
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/crystalx/tab_link_l.gif") 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/crystalx/tab_link_r.gif") 100% 0 no-repeat;}
/* Main menu (tabs - hover) */
#tabs ul li a:hover {background:url("images/crystalx/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
#tabs ul li a:hover span.tab-l {background:url("images/crystalx/tab_hover_l.gif") 0 0 no-repeat;}
#tabs ul li a:hover span.tab-r {background:url("images/crystalx/tab_hover_r.gif") 100% 0 no-repeat;}
/* Main menu (tabs - active) */
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("images/crystalx/tab_link_l.gif") 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("images/crystalx/tab_link_r.gif") 100% 0 no-repeat;}
/********************
MENU PYSTYSUUNTAINEN
*********************/
#pysty {
padding-left: 0;
margin-left: -2.8em;
}
/* third level has some padding to have it stand out */
ul#pysty ul ul ul {
padding-bottom: 0.5em;
}
/* menu li block */
#pysty li {
list-style: none;
margin: 0;
border-bottom: 1px solid #c0c0c0;
display: block;
}
#pysty ul ul li {
border: none;
}
/** fix stupid ie bug with display:block; **/
* html #pysty li a { height: 1%; }
* html #pysty li hr { height: 1%; }
/** end fix **/
/* first level links */
ul#pysty a {
text-decoration:none; /* no underline for links */
display: block; /* IE has problems with this, fixed above */
padding: 0.8em 0.5em 0.5em 1.5em; /* some air for it */
color: #18507C; /* this will be link color for all levels */
background: url(images/crystalx/arrow-right.gif) no-repeat 0.5em center;
min-height:1em; /* Fixes IE7 whitespace bug */
}
/* next level links, more padding and smaller font */
ul#pysty ul ul a {
font-size: 90%;
padding: 0.5em 0.5em 0.5em 2.8em;
background-position: 1.5em center;
}
/* third level links, more padding */
ul#pysty ul ul ul a {
padding: 0.3em 0.5em 0.3em 4.3em;
background: url(images/crystalx/dash.gif) no-repeat 2.8em center;
}
/* AKTIIVISET LINKIT */
ul#pysty a:hover {
background-color: #A0B9F3;
color: #192666;
}
ul#pysty a.activeparent:hover {
background-color: #A0B9F3;
color: #192666;
}
/* AKTIIVISET LINKIT LOPPUU */
/*
active parent, that is the first-level parent
of a child page that is the current page
*/
ul#pysty li a.activeparent {
background: url(images/crystalx/arrow-down.gif) no-repeat 0.4em center;
background-color: #385C72;
color: #fff;
}
ul#pysty ul ul li a.activeparent {
background-position: 1.5em center;
background-color: transparent;
color: #18507C;
}
/*
current pages in the default Menu Manager
template are unclickable. This is for current page on first level
*/
ul#pysty ul h3 {
background: url(images/crystalx/arrow-right-active.gif) no-repeat 0.4em center;
background-color: #385C72;
display: block;
padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
color: #fff; /* this will be link color for all levels */
font-size: 1em; /* instead of the normal font size for <h3> */
margin: 0; /* as <h3> normally has some margin by default */
}
/*
next level current pages, more padding,
smaller font and no background color or bottom border
*/
ul#pysty ul ul h3 {
font-size: 90%;
padding: 0.3em 0.5em 0.3em 2.8em;
background-position: 1.4em center;
background-color: transparent;
border-bottom: none;
color: #000;
}
/* current page on third level, more padding */
ul#pysty ul ul ul h3 {
padding: 0.3em 0.5em 0.3em 4.3em;
background: url(images/crystalx/arrow-right-active.gif) no-repeat 2.7em center;
}
/* section header */
ul#pysty li.sectionheader {
border-right: none;
font-size: 130%;
font-weight: bold;
padding: 1.5em 0 0.8em 0;
background-color: #fff;
line-height: 1em;
margin: 0;
text-align:center;
}
/* separator */
ul#pysty li.separator {
height: 1px !important;
margin-top: -1px;
margin-bottom: 0;
padding:2px 0 2px 0;
background-color: #000;
overflow:hidden !important;
line-height:1px !important;
font-size:1px; /* for ie */
}
ul#pysty li.separator hr {
display: none; /* this is for accessibility */
}
Ja ei kun rajuu sivuntäyttöö vaan... :-)