Taigi turiu vieną tokį dizainą kurio bėda tik ta, kad jis pakrypęs visas į kairę pusę su visom jo panelėm ir tekstais, baneriu, footeriu... Viskuo. Gal eina jį i centra sugražint?
Theme.php
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_WIDTH", "100%");
define("THEME_BULLET", "<img src='".THEME."images/bullet.gif' alt='' style='border:0' />");
require_once INCLUDES."theme_functions_include.php";
add_to_head('<link rel="shortcut icon" href="'.THEME.'css/images/favicon.ico" />
<!--[if IE 6]>
<link rel="stylesheet" href="'.THEME.'css/ie6.css" type="text/css" media="all" />
<script src="'.THEME.'js/png-fix.js" type="text/javascript"></script>
<![endif]-->
<script src="'.THEME.'js/jquery.jcarousel.js" type="text/javascript"></script>
<script src="'.THEME.'js/js-func.js" type="text/javascript"></script>');
function render_page($license=false) {
global $settings, $main_style;
echo '<!-- Header -->
<div id="header">
<div class="shell">
<h1 id="logo" class="notext"><a href="#">Plain Plan - Keep youy website simple</a></h1>
<div id="navigations">
'.showsublinks(" ","").'
</div>
</div>
</div>
<!-- End Header -->
<!-- Slider -->
<div id="slider">
<div class="shell">
<div class="slider-left">
<h2>Lorem ipsum dolor sit amet</h2>
<p>Pamėginimas</p>
<a href="#" class="order-now">Order Now</a>
</div>
<div class="slider-right">
<div class="slider-content">
<ul>
<li><img src="'.THEME.'css/images/slider-image.jpg" alt="" /></li>
<li><img src="'.THEME.'css/images/slider-image.jpg" alt="" /></li>
<li><img src="'.THEME.'css/images/slider-image.jpg" alt="" /></li>
<li><img src="'.THEME.'css/images/slider-image.jpg" alt="" /></li>
<li><img src="'.THEME.'css/images/slider-image.jpg" alt="" /></li>
</ul>
</div>
<div class="slider-nav">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#" class="active">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Slider -->
<!-- Main -->
<div id="main">
<div class="shell">
<div id="sidebar">';
if (LEFT) { echo "".LEFT.""; }
if (RIGHT) { echo "".RIGHT.""; }
echo '
</div>
<div id="content">
'.U_CENTER.CONTENT.L_CENTER.'
</div>
<div class="cl"> </div>
</div>
</div>
<!-- End Main -->
<!-- Footer -->
<div id="footer">
<div class="shell">
<p class="left">
<a href="#">Home</a>
<span>|</span>
<a href="#">About</a>
<span>|</span>
<a href="#">Services</a>
<span>|</span>
<a href="#">Projects</a>
<span>|</span>
<a href="#">Blog</a>
<span>|</span>
<a href="#">Contact</a>
</p>
<p class="right">
Copyright ----------
</p>
</div>
</div>
<!-- End Footer -->';
}
/* Naujiena in v7.02 - render comments */
function render_comments($c_data, $c_info){
global $locale, $settings;
opentable($locale['c100']);
if (!empty($c_data)){
echo "<div class='comments floatfix' style='width:100%;'>\n";
$c_makepagenav = '';
if ($c_info['c_makepagenav'] !== FALSE) {
echo $c_makepagenav = "<div style='text-align:center;margin-bottom:5px;'>".$c_info['c_makepagenav']."</div>\n";
}
foreach($c_data as $data) {
$comm_count = "<a href='".FUSION_REQUEST."#c".$data['comment_id']."' id='c".$data['comment_id']."' name='c".$data['comment_id']."'>#".$data['i']."</a>";
if ($settings['comments_avatar'] == "1") { echo "<div class='comment-avatar' style='float:left; width:70px;'>".$data['user_avatar']."</div>\n"; }
echo "<div class='tbl2' style='float:left; width:500px;'>\n";
echo "<span style='float:right' class='comment_actions'>".$comm_count."\n</span>\n";
echo "<span class='comment-name'>".$data['comment_name']."</span>\n<br />\n";
echo "<div class='tbl1 comment_message'>".$data['comment_message']."</div>";
echo "<span class='small'>".$data['comment_datestamp']."</span>\n";
if ($data['edit_dell'] !== false) { echo "<br />\n<span class='comment_actions'>".$data['edit_dell']."\n</span>\n"; }
echo "</div>\n";
echo "<div class='clear' style='padding-bottom:5px;'></div>";
}
echo $c_makepagenav;
if ($c_info['admin_link'] !== FALSE) {
echo "<div style='float:right' class='comment_admin'>".$c_info['admin_link']."</div>\n";
}
echo "</div>\n";
} else {
echo $locale['c101']."\n";
}
closetable();
}
function render_news($subject, $news, $info) {
echo '<div class="col">
<div class="post">
<h2>'.$subject.'</h2>
'.$info['cat_image'].'
<p>'.$news.'</p>
<div class="cl"> </div>
<a href="'.BASEDIR.'news.php?readmore='.$info['news_id'].'" class="more">Daugiau...</a>
</div>
</div>';
}
function render_article($subject, $article, $info) {
echo '<div class="col">
<div class="post">
<h2>'.$subject.'</h2>
<p>'.($info['article_breaks'] == "y" ? nl2br($article) : $article).'</p>
<div class="cl"> </div>
</div>
</div>';
}
function opentable($title) {
echo '<div class="col">
<div class="post">
<h2>'.$title.'</h2>
<p>';
}
function closetable() {
echo "</p>
</div>
</div>";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo '<div class="text-container">
<h2>'.$title.'</h2>
<p>';
}
function closeside($collapse = false) {
global $panel_collapse;
echo "</p>
</div>";
}
?>
Style.css:
* { margin: 0; padding: 0; outline:0; }
body {
font-size: 12px;
line-height: 22px;
font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
color: #4a4a4a;
background: #fff url(css/images/bg.gif) repeat-x 0 106px;
}
a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
textarea { overflow: auto; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.shell { width: 980px; margin: 0 auto; }
.last { margin-right: 0 !important; }
#header { position: relative; height: 106px; background: url(css/images/header-bg.gif) repeat-x 0 0; margin-bottom: 26px; z-index: 5; }
h1#logo { float: left; display: inline; width: 210px; height: 56px; margin: 23px 0 0 12px; }
h1#logo a { display: block; height: 56px; background: url(css/images/logo.gif) no-repeat 0 0; }
#navigations { position: relative; float: right; display: inline; margin-top: 32px; z-index: 5; }
#navigations ul { list-style: none outside none; }
#navigations ul li { position: relative; float: left; display: inline; margin-right: 10px; }
#navigations ul li a { width: 84px; height: 44px; display: block; color: #474747; font-size: 13px; text-align: center; line-height: 43px; padding-right: 2px; }
#navigations ul li a:hover,
#navigations ul li a.active,
#navigations ul li a.hover { background: url(css/images/nav-hover.gif) no-repeat 0 0; text-decoration: none; z-index: 1; }
#navigations ul li .dd-holder { position: absolute; top: 33px; left: 0; display: none; width: 152px; height: 100%; z-index: 5; }
#navigations ul li .dd { background: url(css/images/dd-bg.png) repeat-y 0 0; }
#navigations ul li .dd-t { width: 152px; height: 7px; background: url(css/images/dd-t.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
#navigations ul li .dd-b { position: relative; width: 152px; height: 9px; background: url(css/images/dd-b.png) no-repeat 0 0; }
#navigations ul li .dd ul { padding-top: 5px; padding-left: 17px; }
#navigations ul li .dd ul li { float: none; display: block; height: 12px; padding-bottom: 10px; background: url(css/images/pink-arrow.gif) no-repeat 0 4px; padding-left: 10px; margin: 0; }
#navigations ul li .dd ul li a { height: 12px; font-size: 11px; line-height: 12px; width: auto; height: auto; height: 100%; color: #6c6c6c; text-align: left; }
#navigations ul li .dd ul li a:hover { background: none; color: #c40083; }
#navigations ul li.current-link { background: url(css/images/nav-hover.gif) no-repeat 0 0; text-decoration: none; z-index: 1; }
#slider { position: relative; z-index: 1; height: 225px; margin-bottom: 15px; }
#slider .shell { position: relative; height: 225px; }
.slider-left { float: left; display: inline; width: 284px; height: 207px; background: url(css/images/slider-left-bg.gif) no-repeat 0 0; color: #fff; padding: 18px 20px 0 20px; }
.slider-left h2 { font-size: 20px; font-weight: normal; margin-bottom: 13px; }
.slider-left p { font-size: 13px; line-height: 18px; font-family: Arial; }
.slider-left .order-now { display: block; width: 134px; height: 38px; background: url(css/images/ordernow.gif) no-repeat 0 0; font-size: 16px; color: #fff; line-height: 37px; text-align: center; margin: 41px 0 0 69px; }
.slider-left .order-now:hover { background-position: 0 bottom; text-decoration: none; }
.slider-right { position: relative; float: left; display: inline; width: 656px; height: 225px; }
.slider-content { position: relative; width: 656px; height: 225px; overflow: hidden; }
.slider-content ul { list-style: none outside none; height: 100%; overflow: hidden; }
.slider-content ul li,
.jcarousel-clip { position: relative; width: 656px; height: 225px; z-index: 1; }
.slider-nav { position: absolute; bottom: 14px; right: 19px; display: block; z-index: 10; }
.slider-nav ul { list-style: none outside none; }
.slider-nav ul li { float: left; display: inline; width: 20px; height: 20px; margin-right: 4px; }
.slider-nav ul li a { width: 20px; height: 20px; display: block; background: url(css/images/slider-nav.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.slider-nav ul li a:hover,
.slider-nav ul li a.active { background: url(css/images/slider-nav-hover.png) no-repeat 0 0; }
#main { }
#main h2 { font-size: 20px; font-weight: normal; color: #4c4c4c; }
#sidebar { float: left; display: inline; width: 324px; }
#sidebar .text-container { min-height: 221px; background: #eaebeb url(css/images/text-containerbg.gif) repeat-x 0 0; padding: 20px 15px 0 18px; margin-bottom: 20px; }
#sidebar .text-container h2 { margin-bottom: 6px; }
.post { }
.post h2 { border-bottom: 5px solid #e4e4e4; padding-bottom: 5px; margin-bottom: 11px; }
.post .more { display: block; background: url(css/images/pink-arrow.gif) no-repeat 0 4px; color: #c40083; font-size: 11px; line-height: 12px; padding-left: 10px; margin-top: 10px; }
.post .more:hover { color: #000; text-decoration: none; }
#sidebar .post { padding: 0 18px 0 14px; }
#sidebar .post .more { margin-top: 17px; }
#content { float: right; display: inline; width: 600px; padding-top: 17px; margin-right: 10px;}
.col { margin-bottom: 25px; }
.cols-2 { float: left; display: inline; width: 280px; margin-right: 40px; }
#footer { height: 87px; background: url(css/images/footer-bg.gif) repeat-x 0 0; font-size: 11px; color: #7f7f7f; }
#footer .shell { padding: 26px 0 0 0; }
#footer a { color: #7f7f7f; }
#footer p.left span { padding: 0 3px; }
form {
margin : 0px;
}
hr {
height : 1px;
border : 1px solid #eee;
}
hr.side-hr {
height : 1px;
border : 1px solid #eee;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.alt {
color : #005599;
}
.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;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f8f8f8;
border : 1px solid #ccc;
}
.center {
margin : 0 auto;
}
.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;
}
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.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;
padding:0 3px 0 3px;
}
.shoutbox {
color : #777;
background-color : #f6f6f6;
padding:0 3px 0 3px;
}
.shoutboxdate {
font-size : 10px;
color : #888;
background-color : #f6f6f6;
padding:0 3px 0 3px;
}
.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;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
color : #555;
background-color: #f1f1f1;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #005599;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #f6f6f6;
background-color: #005599;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
color: #fff;
background-color: #C40083;
border: 1px solid #e1e1e1;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
color: #C40083;
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: #C40083;
margin: 0.2em;
text-decoration: none;
}
/* TinyMCE specific rules */
body.mceContentBody {
background: #FFFFFF;
color: #000000;
}
Ačiū 
|
yra dar cia gyvu? 
