Przedszkolak
Postów: 48
Pomógł: 4
Ostrzeżeń: 1
Data rejestracji: 15.05.2010 19:35
ZBANOWANY:
Dożywotnio
|
Witam, mam taki problemik, a mianowicie gdy stronka robi się zbyt szeroka to w skórce SmartBluev2 nie rozciągają się belki nawigacyjne, na screenach pokazane o co mi chodzi:
Górna część:
Dolna część:
Tutaj pliczek style.css:(dodawane moje komentarze bo pracuje nad nowym wyglądem strony ;))
/*-------------------------\
SmartBlue Theme 1.1
By SoulSmasher
www.soulsmasher.net
\--------------------------*/
a, a.white, li.white a {
color : #fff;
text-decoration : underline;
}
a:hover.white, li.white a:hover {
color : #fff;
text-decoration : underline;
}
a.side {
color : #fff;
text-decoration : none;
}
a:hover.side {
color : #FFF;
text-decoration : underline;
}
/*zrobiona na razie*/
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-image: url(images/bg.jpg);
background-position: top center;
background-repeat: repeat-x;
background-color: #00528e;
margin-left: 10px;
margin-right: 10px;
}
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 : #FFF;
}
img {
border: 0px;
}
#main {width: 900px;}
.main {width: 900px;}
.footermain {
background-image: url(images/footerbg.png);
background-repeat: repeat-x;
height: 48px;
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: #fff;
}
#footer a {
color: #fff;
font-weight: bold;
text-decoration: none;
}
.footerright {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fff;
border : 0px;
padding : 1px 10px 1px 1px;
height: 48px;
width: 50%;
text-align: right;
}
li.first-link .bullet{
display: none;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
background-image: url(images/button.gif);
height : 20px;
border : 1px solid #ccc;
margin-top : 2px; /*zrobione*/
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000;
background-color : #eee;
border : 1px solid #ccc;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
background-color : #333;
border : 1px solid #888;
}
.main-body {
font-size : 11px;
color : #fff;
background-color : #111;
padding : 4px 0px 5px 0px;
}
.setuser_body{
background: #00528e;
color : #555;
}
.main-bg {
color : #555;
background-color : #111; /*to jest to z tym tlem*/
padding : 10px 5px 10px 5px;
}
.border {
border : 0px solid #ffffff;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #888;
background-color: #transparent;
border: 1px solid #e1e1e1;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
.side-body {
width: 170px;
text-align: left;
font-size : 10px;
color : #fff;
background-color : #111;
padding : 4px 4px 4px 7px;
}
.side-border-left {
width: 170px;
color : #fff;
background-color : #111;
padding : 10px 5px 10px 10px;
}
.side-border-right {
width: 170px;
color : #fff;
background-color : #111;
padding : 10px 10px 10px 5px;
}
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
font-size : 10px;
color : #fff;
background-color : #transparent;
background-image: url(images/nf.jpg);
background-repeat: no-repeat;
border-color: #222; /*dodane przeze mnie ;)*/
padding : 3px 4px 4px 4px;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #d2b360; /*zrobione*/
background-color : #111; /*chyba tak to biale tlo*/
background-image: url(images/new.png);
background-repeat: no-repeat;
padding : 2px 0px 4px 0px;
}
.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 : #e9d399; /*zrobione*/
padding-left : 26px;
height: 36px;
background-image: url(images/flameicon.png);
background-repeat: no-repeat;
}
.tbl-border {
color : #fff;
background-color : #111; /*chyba*/
}
.center {
margin: 0 auto;
}
.spacer {
margin-bottom: 5px;
}
.tbl {
font-size : 11px;
color : #fff;
background-color : #111;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #fff;
background-color : #222;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #fff;
background-color : #111;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #fff;
background-color : #222;
padding : 2px 4px 4px 4px;
}
.quote {
font-size : 11px;
color : #fff;
background-color : #22;
padding : 4px;
margin : 0px 20px 0px 20px;
border : 1px solid #000;
}
.poll {
height : 12px;
border : 1px solid #bb;
}
.comment-name {
font-weight : bold;
color : #04688d;
}
.shoutboxname {
font-weight : bold;
color : #04688d;
}
.shoutbox {
color : #fff;
}
.shoutboxdate {
font-size : 10px;
color : #888;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #fff;
}
.side-small {
font-size : 10px;
font-weight : normal;
color : #fff;
background-color : #111; /*chyba*/
}
.side-label {
color : #fff;
background-color : #111; /*chyba*/
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: #fff;
background-color: #f1f1f1;
margin: 0;
padding: 2px;
}
#navigation a {
display: block;
color: #555;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #fff;
background-color: #f6a504;
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;
text-align: center;
font-size: 9px;
font-weight: bold;
height:29px;
float:left;
background-image:url(images/nav-bg.gif);
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:29px;
line-height:29px;
background-image:url(images/nav-bar.gif);
background-position:right;
background-repeat:no-repeat;
float:left;
padding:0px 1px 0px 0px;
margin:0px 0px 0px 10px;
}
#altlinkler li{
height:29px;
line-height:29px;
display:inline;
position:relative;
float:left;
width:100px;
text-align:center;
}
#altlinkler li a{
height:29px;
width:100px;
text-align:center;
float:left;
background-image:url(images/nav-bar.gif);
background-position:left;
background-repeat:no-repeat;
}
#altlinkler li a:link,
#altlinkler li a:visited{
color: #fff; /*zrobione*/
text-decoration:none;
}
#altlinkler li.active a,
#altlinkler li a:hover{
background-image:url(images/active.gif);
background-repeat:no-repeat;
background-position:left;
}Kliknij i zaczekaj na załadowanie kodu ...
Oraz plik theme.php
<?php
/*------------------------------------------------------------------
Smart Blue Theme 1.1
by SoulSmasher (http://www.soulsmasher.net)
You Can Use And Share the theme as much as you want
but please don't remove copyright of theme
-------------------------------------------------------------------*/
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "900");
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' bgcolor='#726c6c'><tr><td>
<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' style='border: 0px; margin: 0px auto'>
<tr><td background='".THEME."images/header.png' alt='".$settings['sitename']."' width='900' height='146'></td></tr></table>\n";
//sublinks css
echo "<table width='".THEME_WIDTH."' border='0' cellspacing='0' cellpadding='0' background='nav-bg.gif'><tr><td>";
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'>
Smart Blue Theme By <strong><a href='http://www.soulsmasher.net' onclick='window.open(this.href); return false;' onkeypress='window.open(this.href); return false;'><font color='white'>SoulSmasher</font></a></strong>
</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 ...
I chodzi mi o to by ta beleczka nawigacyjna rozciągała się w zależności od tego jaka jest szerokość stronki;)
Pozdrawiam ;)
Edytowane przez Morix dnia 11.06.2010 16:24:20
"W życiu piękne są tylko chwile." 
Pomogłem? Wciśnij  ;P |
Przedszkolak
Postów: 48
Pomógł: 4
Ostrzeżeń: 1
Data rejestracji: 15.05.2010 19:35
ZBANOWANY:
Dożywotnio
|
Dziękuje wam bardzo Reyn i eldiablo ;) Już ładnie wszystko wyświetla, oczywiście kliknąłem "Pomógł" ;D
@Pieka sry, ale ja już taki jestem, byle szybko odp. ;) Poprawiłem wszyściutkie pościki ;D
Wiadomość doklejona:
Tylko jeszcze dziwnym trafem nie rozciąga mi dolnego menu tj. belki ze stopką. Zmieniłem na przykładzie eldiablo tak pliki:
styles.css:
 GeSHi: CSS .footermain { background-image: url(images/footerbg.png); background-repeat: repeat-x; height: 48px; text-align: center; } .footerleft { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; padding: 1px 1px 1px 10px; width: 100%; text-align: left; color: #fff; } #footer a { color: #fff; font-weight: bold; text-decoration: none; } .footerright { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #fff; border : 0px; padding : 1px 10px 1px 1px; height: 48px; width: 100%; text-align: right; }
Zinterpretowano w sekund: 0.006, wykorzystano GeSHi 1.0.8.10
oraz theme.php:
GeSHi: PHP //Footer echo "<div id='footer'><table cellpadding='0' cellspacing='0' width='100%' class='footermain'> <tr> <td class='footerleft'>".showcopyright()."</td> <td class='footerright'> Smart Blue Theme By <strong><a href='http://www.soulsmasher.net' onclick='window.open(this.href); return false;' onkeypress='window.open(this.href); return false;'><font color='white'>SoulSmasher</font></a></strong> </td> </tr> </table> </div> </td></tr></table> \n"; }
Zinterpretowano w sekund: 0.068, wykorzystano GeSHi 1.0.8.10
Edytowane przez Morix dnia 11.06.2010 18:16:57
"W życiu piękne są tylko chwile."
Pomogłem? Wciśnij ;P |
Rozwiń Kod źródłowy CSS
