Sveiki, pradejau po biski mokytis dizaino kodavimo, taigi bekoduojant iskilo pora kliuciu:
1.Kaip prideti juoda antraji bg (nezinau kaip vadinasi)?
2.Kaip sutvarkyti paneles, kad nenusikirptu, ir turetu pabaiga.
Kaip turetu buti:
Kaip yra:
Styles.css kodas:
/* Comment element properties */
a {
color: #565656;
text-decoration: none;
}
a:hover {
color: #104ebc;
}
a.side {
color: #555;
text-decoration: none;
}
a:hover.side {
color: #104ebc;
}
a.white, li.white a {
color: #fff;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #fff;
text-decoration: underline;
}
body {
background-image:url(images/bg.png);
background-repeat:repeat;
font-family : Tahoma;
font-size : 11px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
.header {
background:url(images/header.png);
background-repeat:no-repeat;
width:1200px;
height:161px;
position:relative;
top:10px;
}
hr {
height: 1px;
border: 1px solid #eee;
}
hr.side-hr {
height: 1px;
border: 1px solid #eee;
}
td {
font-family: Tahoma;
font-size: 11px;
}
pre {
font-family: Tahoma;
font-size: 11px;
}
.alt {
color: #04688d;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Tahoma;
font-size: 11px;
text-align: center;
color: #555;
background-color: #f6f6f6;
border: 1px solid #e1e1e1;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Tahoma;
font-size: 10px;
color: #fff;
background-color: #009cff;
background-image: url(images/button.gif);
height: 20px;
border: 1px solid #000;
margin-top: 2px;
}
.bbcode {
font-family: Tahoma;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #ccc;
margin-top: 2px;
}
.textbox {
font-family: Tahoma;
font-size: 10px;
color: #555;
background-color: #f8f8f8;
border: 1px solid #ccc;
}
/* Header and footer properties */
.main-body {
font-family: Tahoma;
font-weight: Regular;
font-size: 11px;
color: #000000;
background-repeat: no-repeat;
background-image: url(images/naujienosbg.png);
padding: 4px;
}
.footer {
background-image: url('images/footer.png');
background-repeat: repeat;
font-family: Tahoma;
font-size: 11px;
color: #cccccc;
}
.footer a {
color: #cccccc;
text-decoration: none;
}
.footer a:hover {
color: #cccccc;
text-decoration: none;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
background-image:url("images/panelgo.png");
padding: 10px 6px 10px 0;
height: 247px;
}
.side-border-right {
background-image:url("images/panelgo.png");
padding: 10px 0 10px 6px;
height: 247px;
}
.scapmain {
font-family: Tahoma;
font-weight: Regular;
font-size: 12px;
color: #fff;
text-shadow: 1px 1px 0pt #040404;
background-image: url(images/panelstart.png);
background-repeat: no-repeat;
height: 51px;
width: 337px;
}
.side-body {
font-family: Tahoma;
font-weight: Regular;
font-size: 10px;
color: #fff;
background-image: url(images/panelesbg.png);
background-repeat: no-repeat;
padding: 4px;
}
/* Center-Panel properties */
.capmain {
font-family: Tahoma;
font-size: 11px;
font-weight: Regular;
color: #000000;
background-image: url(images/virsuneles2.png);
background-repeat: no-repeat;
padding-left: 15px;
height: 36px;
}
.main-bg {
color: #555;
padding: 10px 0 0px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.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: #0072ff;
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: #04688d;
}
.shoutboxname {
font-weight: bold;
color: #04688d;
}
.shoutbox {
color: #777;
}
.shoutboxdate {
font-size: 10px;
color: #888;
}
.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;
}
.side-label {
color: #555;
background-color: #f1f1f1;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
font-weight: normal;
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: #555;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #fff;
background-color: #f6a504;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #f6a504;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #f1f1f1;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #f6a504;
margin: 2px;
text-decoration: none;
}
theme.php kodas:
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_BULLET", "<span class='bullet'>·</span>");
require_once INCLUDES."theme_functions_include.php";
function render_page($license=false) {
global $settings, $main_style, $locale;
//Header
echo "<div class='bg'><table cellpadding='0' cellspacing='0' align='center'>\n<tr><td align='center'>\n";
echo "<img src='".THEME."images/header.png' style=\"position:relative;top:10px;\" /></td></tr></table>";
//Content
echo "<table cellpadding='0' align='center' cellspacing='0' width='337' class='$main_style'>\n<tr>\n";
if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
echo "</tr>\n</table>\n";
//Footer
echo "<table width='787' height='56' border='0' cellpadding='0' cellspacing='0' align='center' class='footer'>
<tr>
<td align='left'>
<img src='".THEME."images/footer.png' alt='' style='margin-right:0px;'>
</td>
</td>
</tr>
</table>\n";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "</td>\n";
echo "</tr><tr>\n";
echo "</tr>\n</table>\n";
}
function render_article($subject, $article, $info) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "</tr>\n<tr>\n";
echo "</td>\n</tr>\n</table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='530'>\n<tr>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n";
echo "</tr><tr>\n";
echo "</tr>\n</table>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='250'>\n<tr>\n";
echo "<td class='scapmain'><center>$title</center></td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n</tr>\n</table>\n";
}
?>
Aciu uz pagalba.
P.S. Nepykit ant manes uz nemoksiskuma (as dar mokausi  ).
|
