Usunięcie odstępów między panelami w skórce BlackGlass
|
Miki1995 |
Dodany dnia 22.04.2010 15:30:17
|
Przedszkolak
Postów: 6
Data rejestracji: 22.04.2010 14:47
ZBANOWANY: Dożywotnio
|
Siema. Aktualnie męczę się z usunięciem odstępu między panelami bocznymi. Proszę o pomoc, bo ja już nie daję rady. Męczę sę z tym od pół godziny i nic. Żeby nie było, najpierw skorzystałem z szukajki
Edytowane przez Pieka dnia 22.04.2010 18:22:34
|
|
|
|
Wścibski Gość |
Dodany dnia 22.11.2024 22:40:33
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
IP: localhost |
|
|
Chemikpil |
Dodany dnia 22.04.2010 17:08:31
|
Bywalec
Postów: 999 Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
Pliki themes.php i styles.css mamy wziąć sobie z powietrza a adres strony wyczarować? No ludzie jak ty chcesz otrzymać pomoc, skoro nawet nie potrafisz nam szczegółowo opisać problem?
|
|
|
|
Miki1995 |
Dodany dnia 22.04.2010 17:19:34
|
Przedszkolak
Postów: 6
Data rejestracji: 22.04.2010 14:47
ZBANOWANY: Dożywotnio
|
Przepraszam. Pliki już zamieszczam.
style.css
body {
background-image: url('images/tlo.jpg');
font : 11px Verdana, Arial, Sans, sans-serif;
color : #eee;
background : #111010;
margin : 25px 0 25px 0;
padding : 0;
width: 1280px;
margin:0 auto;
}
a {
color : #0099cc;
border : 0px;
text-decoration: none;
}
img
{
border: 0px;
}
a:hover {
text-decoration : none;
color : #0099cc;
}
a.side {
text-decoration : none;
color : #b7b7b7;
}
a:hover.side {
text-decoration : none;
color : #4d86b7;
}
#footer a {
text-decoration : none;
color : #ddd;
}
#footer a:hover {
text-decoration : none;
color : #ddd;
}
.outer {
width : 90%;
margin-left : auto;
margin-right : auto;
}
#container {
height:100%;
line-height : 1.5em;
color : #111010;
}
#header {
height : 300px;
color : #eedd99;
background: #005599 url(images/header.png) repeat-x;
padding : 0px;
}
#title {
font : bold 30px "Trebuchet MS", verdana, arial, sans-serif;
color : #fff;
line-height: 18px;
padding-top: 20px;
}
#title .subtitle {
font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
}
#top-header {
text-transform : uppercase;
text-align : right;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : #000;
padding : 5px;
}
#top-header a {
text-decoration : none;
color : #ddd;
background : inherit;
}
#top-header a:hover {
text-decoration : none;
color : #ddd;
background : inherit;
}
#sub-header{
text-transform : uppercase;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : url(images/nav-grad.png) repeat-x;
margin : 0px;
height: 28px;
}
#sub-header ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#sub-header a {
color: #ddd;
display: block;
float: left;
margin: 0;
padding: 4px 6px 4px 6px;
text-decoration: none;
}
#sub-header a:hover {
background: #0066bb;
color: #ddd;
padding: 0.4em 0.6em 0.4em 0.6em;
}
#sub-header li {
float: left;
margin: 0;
padding: 0;
}
#sub-header ul li.first-link .bullet {
display: none;
}
#main-content {
}
.side-both #main-content {margin: 0 180px 0 180px;}
.side-left #main-content {margin-left: 190px;}
.side-right #main-content {margin-right: 190px;}
#side-border-left {
float : left;
width : 180px;
}
#side-border-right {
float : right;
width : 180px;
color : #222;
}
.side-border {
border : 1px solid #000;
}
.side-caption {
font-size : 10px;
color : #eee;
background: url(images/newgrad.png) repeat-x;
padding : 2px 5px 3px 5px;
margin: 1px;
}
.side-body {
font-size : 10px;
color : #ffffff;
background: #222;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
.main-border {
margin-bottom : 8px;
}
.main-caption {
color : #eee;
background : url(images/glowne.png) repeat-x;
padding : 5px;
border : 1px solid #000;
}
.main-body {
color : #bbb;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
#footer {
font-size : 9px;
color : #aaa;
background: #222;
border-top : 1px solid #000;
padding : 5px;
}
#main-container{
width: 100%;
overflow: auto;
}
form {
margin : 0px;
}
hr {
height : 2px;
border-bottom : 1px solid;
border-top : 1px solid #000;
}
hr.side-hr {
height : 2px;
border-bottom : 1px solid ;
border-top : 1px solid #000;
}
td {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
.alt {
color : #888;
}
.admin-message {
text-align : center;
background : #111;
border : 1px solid #333;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.button {
font : 11px "Trebuchet MS", verdana, arial, sans-serif;
color : #ddd;
background: #0066bb url(images/menu.png) repeat-x;
border : 1px solid #000;
margin-top : 2px;
}
.bbcode {
font-family : "trebuchet ms", Tahoma, Arial, Verdana, Sans-Serif;
font-size : 11px;
background : #111;
border : 1px solid #333;
margin-top : 2px;
}
.textbox {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #aaa;
background : #111;
border : 1px solid #333;
padding : 3px;
}
.news-category {
border: 0;
margin: 2px 10px 0 0;
float: left;
}
.news-footer {
text-align: center;
font-size : 10px;
background : #111;
border : 1px solid #333;
margin : 8px 0 2px 0;
padding : 0.3em;
}
.tbl-border {
border : 1px solid #333;
}
.tbl {
font-size : 11px;
padding : 4px;
}
.tbl1 {
font-size : 11px;
background : #222;
padding : 4px;
}
.tbl2 {
font-size : 11px;
background : #111;
padding : 4px;
}
.forum-caption {
font-size : 11px;
color : #eee;
background : #000;
padding : 2px 4px 3px;
}
.quote {
color : #888;
background : #111;
padding : 2px;
margin : 0 20px;
border : 1px solid #333;
}
.poll {
height : 12px;
border : 1px solid #000;
}
.comment-name {
color : #0099cc;
}
.shoutboxname {
color : #0099cc;
}
.shoutbox {
color : #ddd;
}
.shoutboxdate {
font-size : 9px;
color : #888;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #888;
}
.side-small {
font-size : 10px;
}
.side-label {
color : #0099cc;
background : #111;
padding : 2px;
}
#navigation {
line-height : 2em;
}
#navigation h2 {
margin : 10px 0 10px 0;
font : normal 11px verdana, arial, tahoma, sans-serif;
color : #0099cc;
background : inherit;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
margin : 0 0 0.5em 0;
}
#navigation a {
display : block;
font-size : 11px;
color : #0099cc;
background : #111;
padding : 0.1em 0.8em;
border : 1px solid #333;
text-decoration : none;
}
#navigation a:hover {
background: #0066bb url(images/menu.png) repeat-x;
color : #ddd;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
background : #0066bb;
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
color : #0099cc;
background : #222;
}
.pagenav a:hover {
margin: 0.2em;
text-decoration: none;
background : #0066bb;
color : #ddd;
}
/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
/*IE Fixes*/
* html #main-content {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}
oraz theme.php
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "1280px");
define("THEME_BULLET", "·");
function render_page($license=false) {
global $settings, $locale, $main_style, $userdata, $aidlink;
echo "<div class='outer'><div id='top-header'>\n";
if (iMEMBER) {
echo "<a href='".BASEDIR."edit_profile.php'>".$locale['global_120']."</a>\n";
echo "· <a href='".BASEDIR."messages.php'>".$locale['global_121']."</a>\n";
echo "· <a href='".BASEDIR."members.php'>".$locale['global_122']."</a>\n";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo "· <a href='".ADMIN."index.php".$aidlink."'>".$locale['global_123']."</a>\n";
}
echo "· <a href='".BASEDIR."setuser.php?logout=yes'>".$locale['global_124']."</a>\n";
} else {
echo "<a href='".BASEDIR."login.php'>Login</a>\n";
if ($settings['enable_registration']) {
echo "· <a href='".BASEDIR."register.php'>Register</a>\n";
}
}
echo "</div>\n";
echo "<div id='header' class='clearfix'>\n";
echo "<div>".showbanners()."</div>\n";
echo "</div>\n";
echo "<div id='sub-header' class='clearfix'>\n";
echo "<div class='flleft'>".showsublinks(" ")."</div>\n";
//echo "<div class='flright' style='text-align:right;padding:0.4em'>".showsubdate()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div>\n";
echo "<div id='container' class='clearfix $main_style'>\n";
if (LEFT) { echo "<div id='side-border-left'>".LEFT."</div>\n"; }
if (RIGHT) { echo "<div id='side-border-right'>".RIGHT."</div>\n"; }
echo "<div id='main-content'><div id='main-container'>".U_CENTER.CONTENT.L_CENTER."</div></div>\n";
echo "</div>\n";
echo "<div class='clear'></div>\n";
//Footer
echo "<div id='footer'>\n";
echo "<div class='flleft' style='width:50%'>".(!$license ? showcopyright()."<br />" : "")."\n";
echo "Black Glass by UTech owner <a href='http://www.utechnet.com'>Method</a></div>\n";
echo "<div class='flright'>".stripslashes($settings['footer'])."</div>\n";
echo "<div class='clear'><br /></div>\n";
echo "<div class='flleft' style='width:50%'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</div>\n";
echo "<div class='flright' style='text-align:right;width:50%'>".showcounter()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div></div>\n";
}
function render_news($subject, $news, $info) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$subject."</div>\n";
echo "<div class='main-body'>".$news."\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n</div>\n</div>\n";
}
function render_article($subject, $article, $info) {
echo "<div class='main-caption'>$subject</div>\n";
echo "<div class='main-body'>".($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";
}
function opentable($title) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$title."</div>\n";
echo "<div class='main-body'>\n";
}
function closetable() {
echo "</div>\n</div>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<div class='side-border'>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<div class='side-caption' style='float:right;margin-top:6px;'>".panelbutton($state,$boxname)."</div>\n";
}
echo "<div class='side-caption'>".$title."</div>\n";
echo "<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 "<br />";
}
?>
|
|
|
|
Chemikpil |
Dodany dnia 22.04.2010 17:29:19
|
Bywalec
Postów: 999 Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
A adres www? To również pomaga w rozwiązaniu problemu No żebym ja wyciągał takie informacje. Daj jeszcze adres to pomogę .
|
|
|
|
Miki1995 |
Dodany dnia 22.04.2010 17:30:39
|
Przedszkolak
Postów: 6
Data rejestracji: 22.04.2010 14:47
ZBANOWANY: Dożywotnio
|
Rozumiem. Adres: http://gtaivcente... |
|
|
|
Chemikpil |
Dodany dnia 22.04.2010 17:42:29
|
Bywalec
Postów: 999 Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "1280px");
define("THEME_BULLET", "·");
function render_page($license=false) {
global $settings, $locale, $main_style, $userdata, $aidlink;
echo "<div class='outer'><div id='top-header'>\n";
if (iMEMBER) {
echo "<a href='".BASEDIR."edit_profile.php'>".$locale['global_120']."</a>\n";
echo "· <a href='".BASEDIR."messages.php'>".$locale['global_121']."</a>\n";
echo "· <a href='".BASEDIR."members.php'>".$locale['global_122']."</a>\n";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo "· <a href='".ADMIN."index.php".$aidlink."'>".$locale['global_123']."</a>\n";
}
echo "· <a href='".BASEDIR."setuser.php?logout=yes'>".$locale['global_124']."</a>\n";
} else {
echo "<a href='".BASEDIR."login.php'>Login</a>\n";
if ($settings['enable_registration']) {
echo "· <a href='".BASEDIR."register.php'>Register</a>\n";
}
}
echo "</div>\n";
echo "<div id='header' class='clearfix'>\n";
echo "<div>".showbanners()."</div>\n";
echo "</div>\n";
echo "<div id='sub-header' class='clearfix'>\n";
echo "<div class='flleft'>".showsublinks(" ")."</div>\n";
//echo "<div class='flright' style='text-align:right;padding:0.4em'>".showsubdate()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div>\n";
echo "<div id='container' class='clearfix $main_style'>\n";
if (LEFT) { echo "<div id='side-border-left'>".LEFT."</div>\n"; }
if (RIGHT) { echo "<div id='side-border-right'>".RIGHT."</div>\n"; }
echo "<div id='main-content'><div id='main-container'>".U_CENTER.CONTENT.L_CENTER."</div></div>\n";
echo "</div>\n";
echo "<div class='clear'></div>\n";
//Footer
echo "<div id='footer'>\n";
echo "<div class='flleft' style='width:50%'>".(!$license ? showcopyright()."<br />" : "")."\n";
echo "Black Glass by UTech owner <a href='http://www.utechnet.com'>Method</a></div>\n";
echo "<div class='flright'>".stripslashes($settings['footer'])."</div>\n";
echo "<div class='clear'><br /></div>\n";
echo "<div class='flleft' style='width:50%'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</div>\n";
echo "<div class='flright' style='text-align:right;width:50%'>".showcounter()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div></div>\n";
}
function render_news($subject, $news, $info) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$subject."</div>\n";
echo "<div class='main-body'>".$news."\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n</div>\n</div>\n";
}
function render_article($subject, $article, $info) {
echo "<div class='main-caption'>$subject</div>\n";
echo "<div class='main-body'>".($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";
}
function opentable($title) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$title."</div>\n";
echo "<div class='main-body'>\n";
}
function closetable() {
echo "</div>\n</div>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<div class='side-border'>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<div class='side-caption' style='float:right;margin-top:6px;'>".panelbutton($state,$boxname)."</div>\n";
}
echo "<div class='side-caption'>".$title."</div>\n";
echo "<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";
}
?>
Wstaw ten kod zamiast swojego w theme.php.
|
|
|
|
Miki1995 |
Dodany dnia 22.04.2010 17:44:31
|
Przedszkolak
Postów: 6
Data rejestracji: 22.04.2010 14:47
ZBANOWANY: Dożywotnio
|
Dzięki, teraz działa |
|
|
|
Chemikpil |
Dodany dnia 22.04.2010 17:45:31
|
Bywalec
Postów: 999 Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
A żeby miedzy stroną a stopką był odstęp to swój kod w styles.css zamień na ten:
body {
background-image: url('images/tlo.jpg');
font : 11px Verdana, Arial, Sans, sans-serif;
color : #eee;
background : #111010;
margin : 25px 0 25px 0;
padding : 0;
width: 1280px;
margin:0 auto;
}
a {
color : #0099cc;
border : 0px;
text-decoration: none;
}
img
{
border: 0px;
}
a:hover {
text-decoration : none;
color : #0099cc;
}
a.side {
text-decoration : none;
color : #b7b7b7;
}
a:hover.side {
text-decoration : none;
color : #4d86b7;
}
#footer a {
text-decoration : none;
color : #ddd;
}
#footer a:hover {
text-decoration : none;
color : #ddd;
}
.outer {
width : 90%;
margin-left : auto;
margin-right : auto;
}
#container {
height:100%;
line-height : 1.5em;
color : #111010;
}
#header {
height : 300px;
color : #eedd99;
background: #005599 url(images/header.png) repeat-x;
padding : 0px;
}
#title {
font : bold 30px "Trebuchet MS", verdana, arial, sans-serif;
color : #fff;
line-height: 18px;
padding-top: 20px;
}
#title .subtitle {
font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
}
#top-header {
text-transform : uppercase;
text-align : right;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : #000;
padding : 5px;
}
#top-header a {
text-decoration : none;
color : #ddd;
background : inherit;
}
#top-header a:hover {
text-decoration : none;
color : #ddd;
background : inherit;
}
#sub-header{
text-transform : uppercase;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : url(images/nav-grad.png) repeat-x;
margin : 0px;
height: 28px;
}
#sub-header ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#sub-header a {
color: #ddd;
display: block;
float: left;
margin: 0;
padding: 4px 6px 4px 6px;
text-decoration: none;
}
#sub-header a:hover {
background: #0066bb;
color: #ddd;
padding: 0.4em 0.6em 0.4em 0.6em;
}
#sub-header li {
float: left;
margin: 0;
padding: 0;
}
#sub-header ul li.first-link .bullet {
display: none;
}
#main-content {
}
.side-both #main-content {margin: 0 180px 0 180px;}
.side-left #main-content {margin-left: 190px;}
.side-right #main-content {margin-right: 190px;}
#side-border-left {
float : left;
width : 180px;
}
#side-border-right {
float : right;
width : 180px;
color : #222;
}
.side-border {
border : 1px solid #000;
}
.side-caption {
font-size : 10px;
color : #eee;
background: url(images/newgrad.png) repeat-x;
padding : 2px 5px 3px 5px;
margin: 1px;
}
.side-body {
font-size : 10px;
color : #ffffff;
background: #222;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
.main-border {
margin-bottom : 8px;
}
.main-caption {
color : #eee;
background : url(images/glowne.png) repeat-x;
padding : 5px;
border : 1px solid #000;
}
.main-body {
color : #bbb;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
#footer {
font-size : 9px;
color : #aaa;
background: #222;
border-top : 1px solid #000;
padding : 5px;
margin-top: 15px;
}
#main-container{
width: 100%;
overflow: auto;
}
form {
margin : 0px;
}
hr {
height : 2px;
border-bottom : 1px solid;
border-top : 1px solid #000;
}
hr.side-hr {
height : 2px;
border-bottom : 1px solid ;
border-top : 1px solid #000;
}
td {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
.alt {
color : #888;
}
.admin-message {
text-align : center;
background : #111;
border : 1px solid #333;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.button {
font : 11px "Trebuchet MS", verdana, arial, sans-serif;
color : #ddd;
background: #0066bb url(images/menu.png) repeat-x;
border : 1px solid #000;
margin-top : 2px;
}
.bbcode {
font-family : "trebuchet ms", Tahoma, Arial, Verdana, Sans-Serif;
font-size : 11px;
background : #111;
border : 1px solid #333;
margin-top : 2px;
}
.textbox {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #aaa;
background : #111;
border : 1px solid #333;
padding : 3px;
}
.news-category {
border: 0;
margin: 2px 10px 0 0;
float: left;
}
.news-footer {
text-align: center;
font-size : 10px;
background : #111;
border : 1px solid #333;
margin : 8px 0 2px 0;
padding : 0.3em;
}
.tbl-border {
border : 1px solid #333;
}
.tbl {
font-size : 11px;
padding : 4px;
}
.tbl1 {
font-size : 11px;
background : #222;
padding : 4px;
}
.tbl2 {
font-size : 11px;
background : #111;
padding : 4px;
}
.forum-caption {
font-size : 11px;
color : #eee;
background : #000;
padding : 2px 4px 3px;
}
.quote {
color : #888;
background : #111;
padding : 2px;
margin : 0 20px;
border : 1px solid #333;
}
.poll {
height : 12px;
border : 1px solid #000;
}
.comment-name {
color : #0099cc;
}
.shoutboxname {
color : #0099cc;
}
.shoutbox {
color : #ddd;
}
.shoutboxdate {
font-size : 9px;
color : #888;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #888;
}
.side-small {
font-size : 10px;
}
.side-label {
color : #0099cc;
background : #111;
padding : 2px;
}
#navigation {
line-height : 2em;
}
#navigation h2 {
margin : 10px 0 10px 0;
font : normal 11px verdana, arial, tahoma, sans-serif;
color : #0099cc;
background : inherit;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
margin : 0 0 0.5em 0;
}
#navigation a {
display : block;
font-size : 11px;
color : #0099cc;
background : #111;
padding : 0.1em 0.8em;
border : 1px solid #333;
text-decoration : none;
}
#navigation a:hover {
background: #0066bb url(images/menu.png) repeat-x;
color : #ddd;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
background : #0066bb;
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
color : #0099cc;
background : #222;
}
.pagenav a:hover {
margin: 0.2em;
text-decoration: none;
background : #0066bb;
color : #ddd;
}
/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
/*IE Fixes*/
* html #main-content {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}
|
|
|
|
andrzejau |
Dodany dnia 05.12.2010 20:29:49
|
Przedszkolak
Postów: 1
Data rejestracji: 11.01.2010 00:03
|
Witam!
Ja natomiast bym chciał wyrównać odstępy między bocznymi panelami a środkowym. Stronka to www.dj-rapid.pl . Dodaję kody. Może źle wkleiłem kody, ale nie wiedziałem dokładnie jak.
Plik styles.css:
body {
font : 11px Verdana, Arial, Sans, sans-serif;
color : #eee;
background : #111;
margin : 15px 0 15px 0;
padding : 0;
}
a {
color : #0099cc;
border : 0px;
}
img
{
border: 0px;
}
a:hover {
text-decoration : underline;
color : #0099cc;
}
a.side {
text-decoration : none;
color : #0099cc;
}
a:hover.side {
text-decoration : underline;
color : #0099cc;
}
#footer a {
text-decoration : none;
color : #ddd;
}
#footer a:hover {
text-decoration : underline;
color : #ddd;
}
.outer {
width : 90%;
border : 1px solid #000;
margin-left : auto;
margin-right : auto;
}
#container {
height:100%;
line-height : 1.5em;
color : #ddd;
background : #333;
padding : 2px;
}
#header {
height : 140px;
color : #eedd99;
background: #005599 url(images/header.png) repeat-x;
padding : 5px;
}
#title {
font : bold 30px "Trebuchet MS", verdana, arial, sans-serif;
color : #fff;
line-height: 18px;
padding-top: 20px;
}
#title .subtitle {
font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
}
#top-header {
text-transform : uppercase;
text-align : right;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : #000;
padding : 5px;
}
#top-header a {
text-decoration : none;
color : #ddd;
background : inherit;
}
#top-header a:hover {
text-decoration : underline;
color : #ddd;
background : inherit;
}
#sub-header{
text-transform : uppercase;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : url(images/nav-grad.png) repeat-x;
padding: 5px;
margin : 0px;
height: 28px;
}
#sub-header ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#sub-header a {
color: #ddd;
display: block;
float: left;
margin: 0;
padding: 4px 6px 4px 6px;
text-decoration: none;
}
#sub-header a:hover {
background: #0066bb;
color: #ddd;
padding: 0.4em 0.6em 0.4em 0.6em;
}
#sub-header li {
float: left;
margin: 0;
padding: 0;
}
#sub-header ul li.first-link .bullet {
display: none;
}
#main-content {
padding : 6px;
}
.side-both #main-content {margin: 0 150px 0 150px;}
.side-left #main-content {margin-left: 190px;}
.side-right #main-content {margin-right: 230px;}
#side-border-left {
float : left;
width : 180px;
color : #333;
padding : 6px;
}
#side-border-right {
float : right;
width : 230px;
color : #222;
padding : 6px;
}
.side-border {
border : 1px solid #000;
}
.side-caption {
font-size : 10px;
color : #eee;
background: url(images/newgrad.png) repeat-x;
padding : 2px 5px 3px 5px;
}
.side-body {
font-size : 10px;
color : #ddd;
background: #222;
background: #222 url(images/gradient.png) repeat-x;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
.main-border {
border : 1px solid #000;
margin-bottom : 8px;
}
.main-caption {
color : #eee;
background : url(images/newgrad.png) repeat-x;
padding : 5px;
}
.main-body {
color : #bbb;
background : #222;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
#footer {
font-size : 9px;
color : #aaa;
background: #222;
border-top : 1px solid #000;
padding : 5px;
}
#main-container{
width: 81%;
overflow: auto;
}
form {
margin : 0px;
}
hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}
hr.side-hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}
td {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
.alt {
color : #888;
}
.admin-message {
text-align : center;
background : #111;
border : 1px solid #333;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.button {
font : 11px "Trebuchet MS", verdana, arial, sans-serif;
color : #ddd;
background: #0066bb url(images/menu.png) repeat-x;
border : 1px solid #000;
margin-top : 2px;
}
.bbcode {
font-family : "trebuchet ms", Tahoma, Arial, Verdana, Sans-Serif;
font-size : 11px;
background : #111;
border : 1px solid #333;
margin-top : 2px;
}
.textbox {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #aaa;
background : #111;
border : 1px solid #333;
padding : 3px;
}
.news-category {
border: 0;
margin: 2px 10px 0 0;
float: left;
}
.news-footer {
text-align: center;
font-size : 10px;
background : #111;
border : 1px solid #333;
margin : 8px 0 2px 0;
padding : 0.3em;
}
.tbl-border {
border : 1px solid #333;
}
.tbl {
font-size : 11px;
padding : 4px;
}
.tbl1 {
font-size : 11px;
background : #222;
padding : 4px;
}
.tbl2 {
font-size : 11px;
background : #111;
padding : 4px;
}
.forum-caption {
font-size : 11px;
color : #eee;
background : #000;
padding : 2px 4px 3px;
}
.quote {
color : #888;
background : #111;
padding : 2px;
margin : 0 20px;
border : 1px solid #333;
}
.poll {
height : 12px;
border : 1px solid #000;
}
.comment-name {
color : #0099cc;
}
.shoutboxname {
color : #0099cc;
}
.shoutbox {
color : #ddd;
}
.shoutboxdate {
font-size : 9px;
color : #888;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #888;
}
.side-small {
font-size : 10px;
}
.side-label {
color : #0099cc;
background : #111;
padding : 2px;
}
#navigation {
line-height : 2em;
}
#navigation h2 {
margin : 10px 0 10px 0;
font : normal 11px verdana, arial, tahoma, sans-serif;
color : #0099cc;
background : inherit;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
margin : 0 0 0.5em 0;
}
#navigation a {
display : block;
font-size : 11px;
color : #0099cc;
background : #111;
padding : 0.1em 0.8em;
border : 1px solid #333;
text-decoration : none;
}
#navigation a:hover {
background: #0066bb url(images/menu.png) repeat-x;
color : #ddd;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
background : #0066bb;
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
color : #0099cc;
background : #222;
}
.pagenav a:hover {
margin: 0.2em;
text-decoration: none;
background : #0066bb;
color : #ddd;
}
/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
/*IE Fixes*/
* html #main-content {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}
Plik theme.php:
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "100%");
define("THEME_BULLET", "·");
function render_page($license=false) {
global $settings, $locale, $main_style, $userdata, $aidlink;
echo "<div class='outer'><div id='top-header'>\n";
if (iMEMBER) {
echo "<a href='".BASEDIR."edit_profile.php'>".$locale['global_120']."</a>\n";
echo "· <a href='".BASEDIR."messages.php'>".$locale['global_121']."</a>\n";
echo "· <a href='".BASEDIR."members.php'>".$locale['global_122']."</a>\n";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo "· <a href='".ADMIN."index.php".$aidlink."'>".$locale['global_123']."</a>\n";
}
echo "· <a href='".BASEDIR."setuser.php?logout=yes'>".$locale['global_124']."</a>\n";
} else {
echo "<a href='".BASEDIR."login.php'>Login</a>\n";
if ($settings['enable_registration']) {
echo "· <a href='".BASEDIR."register.php'>Register</a>\n";
}
}
echo "</div>\n";
echo "<div id='header' class='clearfix'>\n";
echo "<div style='margin:35px 10px 0 10px'>".showbanners()."</div>\n";
echo "</div>\n";
echo "<div id='sub-header' class='clearfix'>\n";
echo "<div class='flleft'>".showsublinks(" ")."</div>\n";
echo "<div class='flright' style='text-align:right;padding:0.4em'>".showsubdate()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div>\n";
echo "<div id='container' class='clearfix $main_style'>\n";
if (LEFT) { echo "<div id='side-border-left'>".LEFT."</div>\n"; }
if (RIGHT) { echo "<div id='side-border-right'>".RIGHT."</div>\n"; }
echo "<div id='main-content'><div id='main-container'>".U_CENTER.CONTENT.L_CENTER."</div></div>\n";
echo "</div>\n";
echo "<div class='clear'></div>\n";
//Footer
echo "<div id='footer'>\n";
echo "<div class='flleft' style='width:50%'>".(!$license ? showcopyright()."<br />" : "")."\n";
echo "Black Glass by UTech owner <a href='http://www.utechnet.com'>Method</a></div>\n";
echo "<div class='flright'>".stripslashes($settings['footer'])."</div>\n";
echo "<div class='clear'><br /></div>\n";
echo "<div class='flleft' style='width:50%'>".sprintf($locale['global_172'], substr((get_microtime() - START_TIME),0,4))."</div>\n";
echo "<div class='flright' style='text-align:right;width:50%'>".showcounter()."</div>\n";
echo "<div class='clear'></div>\n";
echo "</div></div>\n";
}
function render_news($subject, $news, $info) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$subject."</div>\n";
echo "<div class='main-body'>".$news."\n";
echo "<div class='news-footer'>\n";
echo newsposter($info,"·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</div>\n</div>\n</div>\n";
}
function render_article($subject, $article, $info) {
echo "<div class='main-caption'>$subject</div>\n";
echo "<div class='main-body'>".($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";
}
function opentable($title) {
echo "<div class='main-border'>\n";
echo "<div class='main-caption'>".$title."</div>\n";
echo "<div class='main-body'>\n";
}
function closetable() {
echo "</div>\n</div>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<div class='side-border'>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<div class='side-caption' style='float:right;margin-top:6px;'>".panelbutton($state,$boxname)."</div>\n";
}
echo "<div class='side-caption'>".$title."</div>\n";
echo "<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 "<br />";
}
?>
Edytowane przez Pieka dnia 05.12.2010 21:12:12
|
|
|
|
Adam Stalica |
Dodany dnia 05.12.2010 20:46:44
|
Początkujący
Postów: 213 Pomógł: 13
v7.02.03 Data rejestracji: 05.08.2010 17:24
|
@andrzejau spróbuj plik styles.css tak: body {
font : 11px Verdana, Arial, Sans, sans-serif;
color : #eee;
background : #111;
margin : 15px 0 15px 0;
padding : 0;
}
a {
color : #0099cc;
border : 0px;
}
img
{
border: 0px;
}
a:hover {
text-decoration : underline;
color : #0099cc;
}
a.side {
text-decoration : none;
color : #0099cc;
}
a:hover.side {
text-decoration : underline;
color : #0099cc;
}
#footer a {
text-decoration : none;
color : #ddd;
}
#footer a:hover {
text-decoration : underline;
color : #ddd;
}
.outer {
width : 90%;
border : 1px solid #000;
margin-left : auto;
margin-right : auto;
}
#container {
height:100%;
line-height : 1.5em;
color : #ddd;
background : #333;
padding : 2px;
}
#header {
height : 140px;
color : #eedd99;
background: #005599 url(images/header.png) repeat-x;
padding : 5px;
}
#title {
font : bold 30px "Trebuchet MS", verdana, arial, sans-serif;
color : #fff;
line-height: 18px;
padding-top: 20px;
}
#title .subtitle {
font : bold 15px "Trebuchet MS", verdana, arial, sans-serif;
color : #000;
}
#top-header {
text-transform : uppercase;
text-align : right;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : #000;
padding : 5px;
}
#top-header a {
text-decoration : none;
color : #ddd;
background : inherit;
}
#top-header a:hover {
text-decoration : underline;
color : #ddd;
background : inherit;
}
#sub-header{
text-transform : uppercase;
font : bold 85% helvetica, "Trebuchet MS", arial, sans-serif;
color : #bbb;
background : url(images/nav-grad.png) repeat-x;
padding: 5px;
margin : 0px;
height: 28px;
}
#sub-header ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
#sub-header a {
color: #ddd;
display: block;
float: left;
margin: 0;
padding: 4px 6px 4px 6px;
text-decoration: none;
}
#sub-header a:hover {
background: #0066bb;
color: #ddd;
padding: 0.4em 0.6em 0.4em 0.6em;
}
#sub-header li {
float: left;
margin: 0;
padding: 0;
}
#sub-header ul li.first-link .bullet {
display: none;
}
#main-content {
padding : 6px;
}
.side-both #main-content {margin: 0 150px 0 150px;}
.side-left #main-content {margin-left: 190px;}
.side-right #main-content {margin-right: 230px;}
#side-border-left {
float : left;
width : 180px;
color : #333;
padding : 6px;
}
#side-border-right {
float : right;
width : 230px;
color : #222;
padding : 6px;
}
.side-border {
border : 1px solid #000;
}
.side-caption {
font-size : 10px;
color : #eee;
background: url(images/newgrad.png) repeat-x;
padding : 2px 5px 3px 5px;
}
.side-body {
font-size : 10px;
color : #ddd;
background: #222;
background: #222 url(images/gradient.png) repeat-x;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
.main-border {
border : 1px solid #000;
margin-bottom : 8px;
}
.main-caption {
color : #eee;
background : url(images/newgrad.png) repeat-x;
padding : 5px;
}
.main-body {
color : #bbb;
background : #222;
border-top : 1px solid #000;
padding : 3px 5px 5px 5px;
}
#footer {
font-size : 9px;
color : #aaa;
background: #222;
border-top : 1px solid #000;
padding : 5px;
}
#main-container{
width: 100%;
overflow: auto;
}
form {
margin : 0px;
}
hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}
hr.side-hr {
height : 2px;
border-bottom : 1px solid #333;
border-top : 1px solid #000;
}
td {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
.alt {
color : #888;
}
.admin-message {
text-align : center;
background : #111;
border : 1px solid #333;
padding : 3px 4px 5px 4px;
margin-bottom : 5px;
}
.button {
font : 11px "Trebuchet MS", verdana, arial, sans-serif;
color : #ddd;
background: #0066bb url(images/menu.png) repeat-x;
border : 1px solid #000;
margin-top : 2px;
}
.bbcode {
font-family : "trebuchet ms", Tahoma, Arial, Verdana, Sans-Serif;
font-size : 11px;
background : #111;
border : 1px solid #333;
margin-top : 2px;
}
.textbox {
font-family : "trebuchet ms", Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
color : #aaa;
background : #111;
border : 1px solid #333;
padding : 3px;
}
.news-category {
border: 0;
margin: 2px 10px 0 0;
float: left;
}
.news-footer {
text-align: center;
font-size : 10px;
background : #111;
border : 1px solid #333;
margin : 8px 0 2px 0;
padding : 0.3em;
}
.tbl-border {
border : 1px solid #333;
}
.tbl {
font-size : 11px;
padding : 4px;
}
.tbl1 {
font-size : 11px;
background : #222;
padding : 4px;
}
.tbl2 {
font-size : 11px;
background : #111;
padding : 4px;
}
.forum-caption {
font-size : 11px;
color : #eee;
background : #000;
padding : 2px 4px 3px;
}
.quote {
color : #888;
background : #111;
padding : 2px;
margin : 0 20px;
border : 1px solid #333;
}
.poll {
height : 12px;
border : 1px solid #000;
}
.comment-name {
color : #0099cc;
}
.shoutboxname {
color : #0099cc;
}
.shoutbox {
color : #ddd;
}
.shoutboxdate {
font-size : 9px;
color : #888;
}
.small {
font-size : 10px;
font-weight : normal;
}
.small2 {
font-size : 10px;
font-weight : normal;
color : #888;
}
.side-small {
font-size : 10px;
}
.side-label {
color : #0099cc;
background : #111;
padding : 2px;
}
#navigation {
line-height : 2em;
}
#navigation h2 {
margin : 10px 0 10px 0;
font : normal 11px verdana, arial, tahoma, sans-serif;
color : #0099cc;
background : inherit;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li {
margin : 0 0 0.5em 0;
}
#navigation a {
display : block;
font-size : 11px;
color : #0099cc;
background : #111;
padding : 0.1em 0.8em;
border : 1px solid #333;
text-decoration : none;
}
#navigation a:hover {
background: #0066bb url(images/menu.png) repeat-x;
color : #ddd;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
background : #0066bb;
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
border: 1px solid #000;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
color : #0099cc;
background : #222;
}
.pagenav a:hover {
margin: 0.2em;
text-decoration: none;
background : #0066bb;
color : #ddd;
}
/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
/*IE Fixes*/
* html #main-content {
height: 1%;
width: auto;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}
Witam
|
|
|