Przedszkolak
Postów: 7 Ostrzeżeń: 1
Data rejestracji: 18.06.2010 19:10
|
Witam! Gdy na mojej stronie mam włączony panel boczny, nachodzi on na tło strony, zasłaniając jej czarną krawędź. Co zrobić by tło panelu nie wychodziło poza stronę? Skórka to edytowana Aerolime. Screeny:
Kod styles.css:
a, a.white, li.white a {
color : #000000;
text-decoration : underline;
}
a:hover.white, li.white a:hover {
color : #000000;
text-decoration : underline;
}
a.side {
color : #000000;
text-decoration : none;
border-top-style: groove;
border: 2px;
}
a:hover.side {
color : #000000;
text-decoration : underline;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-image: url(images/back.png);
background-position: top center;
background-repeat: repeat-x;
margin: 0px auto;
}
form {
margin : 0px;
}
hr {
height : 1px;
border : 1px solid #666666;
}
hr.side-hr {
height : 1px;
border : 1px solid #666666;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
.alt {
color : #ffffff;
}
img {
border: 0px;
}
#main {width: 990px;}
.main {width: 990px;}
.footermain {
background-image: url(images/foot.png);
background-repeat: no-repeat;
height: 53px;
text-align: center;
}
.footerleft {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding: 1px 1px 1px 10px;
width: 50%;
text-align: left;
color: #000000;
}
#footer a {
color: #000000;
text-decoration: underline;
}
.footerright {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
border : 0px;
padding : 1px 10px 1px 1px;
height: 48px;
width: 50%;
text-align: right;
}
li.first-link .bullet{
display: none;
}
#pagehead {
background-image: url(images/topback.png);
background-position: top center;
background-repeat: no-repeat;
height: 210px;
width: 966px;
margin: 0px;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
background-color : #ffffff;
height : 20px;
border : 1px solid #ccc;
margin-top : 2px;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #ffffff;
border : 1px solid #ccc;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
background-color : #ffffff;
border : 1px solid #ccc;
}
.main-body {
font-size : 11px;
color : #000000;
padding : 4px 0px 5px 0px;
}
.setuser_body{
background: #00528e;
color : #555;
}
.main-bg {
color : #555;
background-image: url(images/mainbg.png);
background-repeat: repeat;
padding : 10px 5px 10px 5px;
}
.border {
border : 0px solid #999999;
}
.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-body {
width: 244px;
text-align: left;
font-size : 10px;
color : #000000;
background-repeat: repeat;
background-position: bottom;
padding : 0px 0px 0px 10px;
}
.side-border-left {
width: 244px;
color : #000000;
background-color : #ffffff;
padding : 0px 5px 10px 5px;
background-image: url(images/sideback.png);
background-repeat: no-repeat;
background-position: bottom;
}
.side-border-right {
width: 244px;
color : #000000;
background-color : #ffffff;
padding : 0px 5px 0px 5px;
background-image: url(images/sideback.png);
background-repeat: no-repeat;
background-position: bottom;
}
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
font-size : 10px;
color : #000000;
background-color: #ffffff;
padding : 0px 0px 10px 7px;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight: 700;
color : #ffffff;
padding: 7px 0px 8px 10px;
background-image: url(images/campain.png);
}
.capmain-left {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-right.gif);
}
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : left;
font-weight : bold;
color : #ffffff;
padding-left : 10px;
padding-top : 10px;
height: 28px;
background-image: url(images/sidetop.png);
background-repeat: no-repeat;
}
.tbl-border {
color : #ffffff;
}
.center {
margin: 0 auto;
}
.spacer {
margin-bottom: 5px;
}
.tbl {
font-size : 11px;
color : #000000;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #000000;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #000000;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #000000;
padding : 2px 4px 4px 4px;
}
.quote {
font-size : 11px;
color : #555;
background-color : #f8f8f8;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #000;
}
.poll {
height : 12px;
border : 1px solid #000000;
}
.comment-name {
font-weight : bold;
color : #000000;
}
.shoutboxname {
font-weight : bold;
color : #000000;
}
.shoutbox {
color : #000000;
}
.shoutboxdate {
font-size : 10px;
color : #000000;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #000000;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #000000;
}
.side-label {
color : #000000;
padding : 2px 2px 3px 2px;
}
.tablebreak { margin-bottom: 8px; }
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation h2 {
font-size: 12px;
color: #000;
margin: 0;
padding: 2px;
}
#navigation a {
display: block;
color: #000;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #000;
background-color: #ccc;
text-decoration : underline;
}
* html #navigation ul li{
height: 1%;
}
.center, *[align="center"] {margin: 0 auto;}
/* 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;
}
.white-header ul{
margin: 0;
padding: 0;
}
.white-header ul li{ display: inline; }
.white-header ul li.first-link .bullet{ display: none; }
/*alt linkler için*/
#altlinkler{
margin: 0px auto;
font-family : Calibri;
text-align: center;
font-size: 13px;
font-weight: 700;
height: 43px;
float: left;
background-image:url(images/navbg.png);
background-repeat:repeat-x;
background-position:top left;
width:100%;
}
#altlinkler ul,
#altlinkler li{
padding:0px;
margin:0px;
list-style-type:none;
}
#altlinkler ul{
height:43px;
line-height:43px;
background-image:url(images/navbar.png);
background-position:right;
background-repeat:no-repeat;
float:left;
padding:0px 1px 0px 0px;
margin:0px 0px 0px 10px;
}
#altlinkler li{
height:43px;
line-height:43px;
display:inline;
position:relative;
float:left;
text-align:center;
}
#altlinkler li a{
height:43px;
padding-left: 13px;
padding-right: 13px;
text-align:center;
float:left;
background-image:url(images/navbar.png);
background-position:left;
background-repeat:no-repeat;
}
#altlinkler li a:link,
#altlinkler li a:visited{
color:#ffffff;
text-decoration:none;
}
#altlinkler li.active a,
#altlinkler li a:hover{
color:#000000;
background-image:url(images/navbar2.png)
}
plik theme.php:
<?php
/*------------------------------------------------------------------
AeroLime Theme
by Joe Allen (http://www.JoeAllenPro.com/)
You Can Use And Share the theme as much as you want
but please don't remove copyright of theme
-------------------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "966");
define("THEME_BULLET", "·");
//v7 sublinks function is a bit more for this, so taken from v6 and tweaked
function thesublinks($sep="·",$class="") {
$i = 0; $res = "";
$sres = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' AND ".groupaccess('link_visibility')." AND link_url!='---' ORDER BY link_order ASC");
if (dbrows($sres)) {
while($sdata = dbarray($sres)) {
if ($i != 0) { $res .= " ".$sep."\n"; } else { $res .= "\n"; }
$link_target = $sdata['link_window'] == "1" ? " target='_blank'" : "";
$link_class = $class ? " class='$class'" : "";
if (strstr($sdata['link_url'], "http://") || strstr($sdata['link_url'], "https://")) {
$res .= "<a href='".$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
} else {
$res .= "<a href='".BASEDIR.$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
}
$i++;
}
}
if ($i != 0) { return $res; } else { return " "; }
}
function render_page($license=false) {
global $settings, $main_style;
//Header
echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' align='center'><tr><td>
<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' style='border: 2px; margin: 0px auto'>
<tr><td>
<div id='pagehead'><img src='".THEME."images/logo.png' alt='".$settings['sitename']."'/></div>";
echo "</td></tr></table>\n";
//sublinks css
echo "<table width='".THEME_WIDTH."' border='0' cellspacing='0' cellpadding='0'><tr><td>";
echo "<img src='http://testserwer2011.cba.pl/themes/AeroLime/images/podlogo.png' />";
echo "<div id='altlinkler'>";
echo "<ul><li>".thesublinks("</li>\n<li>");
echo "</li></ul><div class='clear-both'></div></div>";
echo "</td></tr></table>";
//Content
echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."'>\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 "<div id='footer'><table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' class='footermain'>
<tr>
<td class='footerleft'>".showcopyright()."</td>
<td class='footerright'> Miedziana-Scinawa.pl © Wszyskie prawa zastrzeżone<br>".showcounter()." | Theme by <a href='http://www.miedziana-scinawa.pl/'>Kuba</a><br/>
</td>
</tr>
</table>
</div>
</td></tr></table>
\n";
}
function render_news($subject, $news, $info) {
echo "<div class='capmain'>$subject</div>\n";
echo "<div class='main-body floatfix'>".$news."</div>\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n";
}
function render_article($subject, $article, $info) {
echo "<div class='border tablebreak'>";
echo "<div class='capmain'>$subject</div>\n";
echo "<div class='main-body floatfix'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div>\n";
echo "<div class='news-footer'>\n";
echo articleposter($info,"·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</div>\n";
echo "</div>";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
<tr>
<td class='capmain'>$title</td>
</tr>
<tr>
<td class='main-body'>\n";
}
function closetable() {
echo "</td>
</tr>
</table>\n";
}
function openside($title, $collapse = false, $state = "on") {
echo "<div class='border tablebreak'>";
global $panel_collapse; $panel_collapse = $collapse;
echo "<div class='border'>\n";
echo "<div class='scapmain'>";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<div style='float:right;'>".panelbutton($state,$boxname)."</div>";
}
echo $title."</div>\n<div class='side-body floatfix'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside($collapse = false) {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</div>\n</div>\n";
echo "</div>";
}
?>
Kliknij i zaczekaj na załadowanie kodu ...
www.testserwer201...
PW od moderatora:
- Zmiana nazwy tematu - khaman 05.04 - 14:31
Edytowane przez kubapaw95 dnia 10.04.2011 22:45:36
|