Początkujący
Postów: 157
Pomógł: 8
Ostrzeżeń: 2
Data rejestracji: 01.02.2010 18:02
ZBANOWANY:
Dożywotnio
|
Witam, wiem że były już tematy o tym ale dalej nie mogę sobie z tym poradzić mianowicie chodzi mi o wyśrodkowanie wyświetlania strony przy rożnych rozdzielczościach monitorów rady, które przeczytałem na tym forum nic nie dały mi i dalej ciągnie stronę do lewej mam skórkę Cs_Theme którą modyfikowałem pod swoje potrzeby
Dołączam plik style.css
a {
color : #fff;
text-decoration : none;
}
a:hover {
color : #ffd700;
text-decoration : underline;
font-size : 8pt;
}
a.side {
color : #ffffff;
text-decoration : none;
}
a:hover.side {
color : #fdd017;
text-decoration : underline;
font-size : 8pt;
}
a.white, li.white a {
color : #fff;
text-decoration : none;
}
a:hover.white, li.white a:hover {
color : #fdd017;
text-decoration : underline;
font-size : 8pt;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fff;
background-image: url(images/nowa4.jpg);
margin :5px auto;
}
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 : #04688d;
}
.spacer {
margin-bottom : 5px auto;
}
.admin-message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
color : #CCCCCC;
background-color : #000;
border : 1px solid #CCCCCC;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
form {
margin : 0 auto;
}
.button {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fda700;
background-color : #000;
height : 20px;
border : 1px solid #dddddd;
font-weight : bold;
text-align : center;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #FFFFFF;
background-color : #ffd700;
border : 1px solid #ccc;
margin-top : 2px;
}
.textbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fff;
background-color : #000;
border : 1px solid #ccc;
}
.sub-header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fff;
background-color : #000;
background-image : url(images/subheader-mid.gif);
padding : 7px 5px 8px 5px;
}
.sub-header-left {
width : 35px;
height : 35px;
background-color : #000;
background-image : url(images/subheader-left.gif);
}
.sub-header-right {
width : 35px;
height : 35px;
background-color : #000;
background-image : url(images/subheader-right.gif);
}
.sub-header ul {
margin : 0 auto;
padding : 0;
}
.sub-header ul li {
display : inline;
}
.sub-header ul li.first-link .bullet {
display : none;
}
.full-header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #00000F;
background-color : #000;
}
.main-footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #cccccc;
background-image : url(images/nowa4.jpg);
padding : 5px;
}
.bottom-footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #fff;
background-color : #000;
padding : 4px 4px 5px 4px;
}
.main-body {
font-size : 11px;
color : #fff;
background-color : #000;
border : 1px solid #f1f1f1;
padding : 4px;
}
.side-left .side-border-right {
display : none;
}
.side-right .side-border-left {
display : none;
}
.side-border-left {
color : #777;
background-image : url(images/nowa4.jpg);
padding : 10px 10px 10px 0;
width : 180px;
}
.side-border-right {
color : #777;
background-image : url(images/nowa4.jpg);
padding : 10px 0 10px 10px;
width : 180px;
}
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #ffffff;
background-color : #000;
background-image : url(images/side.gif);
background-repeat : repeat-x;
text-align : center;
font-weight : bold;
line-height : 14pt;
vertical-align : top;
}
.scapmain-left {
width : 40px;
height : 32px;
background-color : #000;
background-image : url(images/side-left.gif);
}
.scapmain-right {
width : 25px;
height : 32px;
background-color : #000;
background-image : url(images/side-right.gif);
}
.side-body {
font-size : 11px;
color : #fff;
background-color : #000;
border : 1px solid #ddd;
padding : 4px;
}
.news-category {
border : 0;
margin : 3px 5px 0 0;
float : left;
}
.news-footer {
font-size : 11px;
color : #fff;
background-color : #0f0f0f;
border-width : 0 1px 1px 1px;
border-color : #f1f1f1;
border-style : solid;
padding : 3px 4px 4px 4px;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #ffffff;
background-color : #000;
background-image : url(images/cap.gif);
background-repeat : repeat-x;
padding : 6px 4px 6px 4px;
text-align : center;
line-height : 6pt;
vertical-align : top;
}
.capmain-left {
width : 40px;
height : 32px;
background-color : #000;
background-image : url(images/cap-left.gif);
}
.capmain-right {
width : 25px;
height : 32px;
background-color : #000;
background-image : url(images/cap-right.gif);
}
.main-bg {
color : #fff;
background-image : url(images/nowa4.jpg);
padding : 10px 0 5px 0;
}
.center {
margin : 0 auto;
}
.tbl-border {
border : 1px solid #e1e1e1;
}
.tbl {
font-size : 11px;
color : #fff;
background-color : #000;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #fff;
background-color : #000;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #fff;
background-color : #000;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #fff;
background-color : #ffc125;
padding : 4px 4px 4px 4px;
}
.quote {
font-size : 11px;
color : #fff;
background-color : #f8f8f8;
padding : 4px;
margin : 0 20px 0 20px;
border : 1px solid #bbb;
}
.poll {
height : 11px;
border : 1px solid #bbb;
}
.comment-name {
font-weight : bold;
color : #dbdbdb;
}
.shoutboxname {
font-weight : bold;
color : #fdd017;
}
.shoutbox {
color : #ffffff;
}
.shoutboxdate {
font-size : 12px;
color : #dbdbdb;
}
.small {
font-size : 11px;
font-weight : normal;
}
.small2 {
font-size : 11px;
font-weight : normal;
color : #555;
}
.side-small {
font-size : 12px;
font-weight : normal;
color : #dbdbdb;
}
.side-label {
color : #dbdbdb;
background-color : #f1f1f1;
margin : 2px 0 2px 0;
padding : 2px 2px 3px 2px;
}
#navigation h2 {
font-size : 12px;
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 : #fff;
padding : 4px;
text-decoration : none;
}
#navigation a:hover {
color : #000;
background-color : #ffd700;
}
.pagenav {
padding : 4px;
}
.pagenav span {
color : #fff;
background-color : #f6a504;
border : 1px solid #ddd;
padding : 2px 4px 2px 4px;
margin : 2px;
}
.pagenav a {
color : #fff;
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;
}
.news-footer-end {
height : 2px;
background-color : #f1f1f1;
}
.preload2 {
}
.menu2 {
padding:8px 0 0 310px;
margin:0;
list-style:none;
height:49px;
background:#ffc125 url(images/menu/button1a.jpg) repeat-x;
position:relative;
font-family : Verdana, Arial, Helvetica, sans-serif;
border-bottom: solid 1px #333333;
}
.menu2 li.top {
display:block;
float:left;
position:relative;
}
.menu2 li a.top_link {
display:block;
float:left;
height:49px;
line-height:30px;
color:#ffffff;
text-decoration:none;
font-size:12px;
font-weight:bold;
padding:0 0 0 2px;
cursor:pointer;
}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 10px 10px; height:34px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 20px 0 10px; height:40px; background: no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/menu/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(images/menu/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/menu/button4.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:2px; top:34px; background: #aaa; padding:3px 3px; border:1px solid #CC0000; white-space:nowrap; width:140px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:18px; position:relative; float:left; width:150px;}
.menu2 :hover ul.sub li a {color:#fff; display:block; font-size:12px; height:18px; width:140px; line-height:20px; text-indent:1px; color:#ffffff; text-decoration:none; border:1px solid #999; border-width:0 0 0 1px;}
.menu2 :hover ul.sub li a.fly {background:#fff 130px 8px no-repeat;}
.menu2 :hover ul.sub li a:hover {color:#fff; background:#990000;}
.menu2 :hover ul.sub li a.fly:hover {color:#fff; background:#999999 url(images/menu/arrow_over.gif) 130px 8px no-repeat;}
.menu2 :hover ul li:hover > a.fly {color:#fff; background:#cc0000 url(images/menu/arrow_over.gif) 130px 8px no-repeat;}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:140px; top:-4px; background: #aaa; padding:3px 3px; border:1px solid #999; white-space:nowrap; width:140px; z-index:200; height:auto;}
I plik theme.php
<?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 "<table cellpadding='0' cellspacing='0' align='center' width='100%'>\n<tr>\n";
echo "<td class='full-header'>\n".showbanners()."</td>\n";
echo "</tr>\n</table>\n";
echo "<td width='0' nowrap='nowrap' class='centertd'></td>
<td>
<table cellpadding='0' cellspacing='0' border='1' width='1000' id='p-bkg'><tr><td>
<table cellpadding='0' cellspacing='0' border='1' width='100%' id='logostrip'>
<tr>
<td><div id='logo'></div></td>
</tr>
<tr>
<td><span class='preload2'></span>
<ul class='menu2'>
<li class='top'><a href='".BASEDIR."index.php' class='top_link'><span class='down'><big>START</big></span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li class='top'><a href='".BASEDIR."/forum/index.php' class='top_link'><span class='down'><big>FORUM</big></span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li class='top'><a href='".BASEDIR."chat.php' class='top_link'><span class='down'><big>CHAT</big></span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<li class='top'><a href='".BASEDIR."team.php' class='top_link'><span class='down'><big>REDAKCJA</big></span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
</ul>
</td>
</tr>
</table>\n";
//Content
echo "<table cellpadding='0' cellspacing='0' width='100%' 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 cellpadding='0' cellspacing='0' align='center' width='100%'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td align='left' class='sub-header'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</td>\n";
echo "<td align='right' class='sub-header'>".showcounter()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td align='center' class='main-footer'>".stripslashes($settings['footer']);
echo "<br /> Theme created by <a href='http://www.google.pl'>LukasSlowik10</a><br />Theme-Copyright for <a href='http://www.google.pl'>google.pl</a>";
if (!$license) { echo "<br /><br />\n".showcopyright(); }
echo "</td>\n";
echo "</tr>\n</table>\n";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></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 align='center' class='news-footer middle-border'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "</tr><tr>\n";
echo "<td class='news-footer-end'></td>\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-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></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 align='center' class='news-footer'>\n";
echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</td>\n</tr>\n</table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "<td class='capmain-right'></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 "<td class='news-footer-end'></td>\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='100%'>\n<tr>\n";
echo "<td class='scapmain-left'></td>\n";
echo "<td class='scapmain'>$title</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "<td class='scapmain-right'></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";
}
?>
Adres strony to:
http://fcbarcelon...l/news.php
Edytowane przez khaman dnia 22.10.2010 19:19:40
Kliknij  jeśli pomogłem.
Bo życie uczy nas myślenia. |
v7.01.05
GeSHi: CSS
Ustaw stały width i margin na auto. Dla tej lub jednej głównej (tej która wszystko obejmie) tabeli.
