Witam. Mógłby mi ktoś pomóc w utworzeniu takiego menu (navigacji) jak na tej stronie: www.psp.opole.pl
Posiadam theme: Businnes
Plik theme::
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
//Theme Settings
define("THEME_BULLET", "<strong>·</strong>");
function render_page($license=false) {
global $settings;
echo '<div id="wrapper">
<div id="top_section">
<div class="topmenu">'.showsublinks("","").'</div>
<div id="headersection">'.stripslashes($settings['siteintro']).'</div>
</div>';
echo "<td class='full-header'>".showbanners()."</td>\n";
//Content
if (LEFT) { echo "<div id='side-border-left'>".LEFT."</div>\n"; }
//if (RIGHT) { echo "<div id='side-border-right'>".RIGHT."</div>\n"; }
echo "<div id='main-bg' class='clearfix'>".U_CENTER.CONTENT.L_CENTER."</div>\n";
//Footer
echo '<div id="footersection"><noindex>'.stripslashes($settings['footer']).'<br />'.showcopyright().'</noindex></div>
</div>';
}
function render_news($subject, $news, $info) {
echo '<h1>'.$subject.'</h1>';
echo '<p style="text-align:justify;">'.$news.'</p>
<p style="margin-bottom: 10px;"><span class="small">'.newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']).'</span></p>';
}
function render_article($subject, $article, $info) {
echo '<h1>'.$subject.'</h1>
<p style="text-align:justify;">'.($info['article_breaks'] == "y" ? nl2br($article) : $article).'</p>
<p style="margin-bottom: 10px;"><span class="small">'.articleposter($info,"·").articleopts($info,"·").itemoptions("A",$info['article_id']).'</span></p>';
}
function opentable($title) {
echo '<h1>'.$title.'</h1>';
}
function closetable() {
echo '<br />';
}
function openside($title) {
echo '<div id="boxside"><h2>'.$title.'</h2>';
}
function closeside($collapse = false) {
echo '</div>';
}
?>
Plik styles:
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
color: #585858;
background-color: #ededed;
}
a:link, a:visited { color: #006600; text-decoration: none; }
a:active, a:hover { color: #CC0000; text-decoration: none; }
#wrapper {
width: 900px;
margin: auto;
padding: 0px;
background-color: #fff;
}
.news-category {
margin:3px 5px 0 0;
float:left;
}
hr {height: 0px; border: solid #006600 0px; border-top-width: 1px;margin: 0.5em 0 0.5em 0;
width: 90%;}
#top_section {
width: 900px;
height: 19px;
background: url('images/box.jpg') ;
}
.topmenu{
float: right;
width: 580px;
padding-right: 20px;
}
.topmenu ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.topmenu li{
display: inline ;
}
.topmenu li a{
text-align: left;
font-size: 13px;
font-weight: bold;
color: #538000;
width: 77px;
height: 19px;
padding: 14px 0px 0px 5px;
}
.topmenu li a:hover{
color: #91e30c;
text-decoration: underline;
}
#headersection span {
font-size: 18px;
font-weight: bold;
}
#footersection {
clear: both;
width: 900px;
margin-top: 20px;
background-color: #cbf0bb;
text-align: center;
padding-top: 7px;
}
#main-bg {
float:left;
width: 600px;
color : #555;
padding : 10px 5px 5px 5px;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
#side-border-left {
color : #777;
float:left;
width: 260px;
padding: 0 0 0 5px;
}
#side-border-right {
color : #777;
float:right;
width: 250px;
padding: 0 5px 0 0;
}
#boxside {
width: 250px;
padding: 10px;
background: url(images/box.jpg) no-repeat;
}
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f8f8f8;
border : 1px solid #ccc;
}
.admin-message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
color : #555;
background-color : #f6f6f6;
border : 1px solid #e1e1e1;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f1f1f1;
height : 20px;
border : 1px solid #ccc;
margin-top : 2px;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f1f1f1;
border : 1px solid #ccc;
margin-top : 2px;
}
tbl-border {
border : 1px solid #e1e1e1;
}
.tbl {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #555;
background-color : #fff;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #555;
background-color : #f1f1f1;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #888;
background-color : #f1f1f1;
padding : 2px 4px 4px 4px;
}
.quote {
font-size : 11px;
color : #555;
background-color : #f8f8f8;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #bbb;
}
.poll {
height : 12px;
border : 1px solid #bbb;
}
.comment-name {
font-weight : bold;
color : #005599;
}
.shoutboxname {
font-weight : bold;
color : #005599;
background-color : #f6f6f6;
}
.shoutbox {
color : #777;
background-color : #f6f6f6;
}
.shoutboxdate {
font-size : 10px;
color : #888;
background-color : #f6f6f6;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #555;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #555;
background-color : #f6f6f6;
}
.side-label {
color : #555;
background-color : #f1f1f1;
padding : 2px 2px 3px 2px;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
color: #538000;
background-color: #538000;
border: 1px solid #e1e1e1;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
color: #005599;
background-color: #fff;
border: 1px solid #e1e1e1;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #005599;
margin: 0.2em;
text-decoration: none;
}
Edytowane przez Pieka dnia 28.10.2009 21:09:00
|