Początkujący
Postów: 168
Ostrzeżeń: 3
Data rejestracji: 10.09.2007 18:50
|
Witam. Chcę nieco zmodyfikować skórkę, którą znalazłem w internecie. W Mozilli i Operze wszystko jest tak jak trzeba, ale jak to zwykle bywa pod IE nie :/
http://www.jazz-s...icle_id=10
Jak widać znacznik <hr> pod IE jest obramowany...
Drugą sprawą jest to dziwne rozjechanie się strony. Nie jest to przecież wina znacznika <hr>
Tu daję treść theme.php i styles.css.
Theme.php:
<?php
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
define("THEME_WIDTH", "935");
define("THEME_BULLET", "<strong>·</strong>");
function render_page($license=false) {
global $aidlink, $locale, $settings, $main_style;
//Header Start
echo '<table id="Table_01" align="center" width="935" height="208" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="'.THEME.'images/header_01.jpg" width="684" height="208" alt="" /></td>
<td>
<img src="'.THEME.'images/header_02.jpg" width="203" height="33" alt="" /></td>
<td rowspan="4">
<img src="'.THEME.'images/header_03.jpg" width="48" height="208" alt="" /></td>
</tr>';
//Member Header Start
echo '<tr>';
if (iMEMBER) {
echo '<td class="MemberForm" background="'.THEME.'images/header_04.jpg" width="203" height="115" style="padding-left:40px">';
$aidlink = "?aid=".iAUTH;
echo THEME_BULLET." <a href='".BASEDIR."edit_profile.php' class='side'><b>Edytuj profil</b></a><br />\n";
echo THEME_BULLET." <a href='".BASEDIR."messages.php' class='side'><b>Prywatne wiadomosci</b></a><br />\n";
echo THEME_BULLET." <a href='".BASEDIR."members.php' class='side'><b>Lista uzytkownikow</b></a><br />\n";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo THEME_BULLET." <a href='".ADMIN."index.php".$aidlink."' class='side'><b>Panel sterowania</b></a><br />\n";
}
echo THEME_BULLET." <a href='".BASEDIR."setuser.php?logout=yes' class='side'><b>Wyloguj</b></a>\n";
//Quest Header Start
} else {
if (isset($_POST['Regh'])) {
redirect('register.php');
}
echo '<td class="LoginForm" background="'.THEME.'images/header_04.jpg" width="203" height="115" style="paddin-top:8px">';
include LOCALE.LOCALESET."global.php";
echo "<div style='text-align:center'>\n";
echo "<form name='loginform' method='post' action='".FUSION_SELF."'>\n";
echo "Login: <input type='text' name='user_name' class='textbox' style='width:100px' /><br />\n";
echo "Haslo: <input type='password' name='user_pass' class='textbox' style='width:100px;margin-left:4px;margin-top:2px' /><br />\n";
echo "<input type='submit' name='login' value='".$locale['global_104']."' class='buttonHeader' style='margin-top:4px;margin-right:4px;width:45px' /><input type='submit' name='Regh' value='Zarejestruj sie!' class='buttonReg' style='margin-top:4px;width:118px' /><br />\n";
echo "<small>Zapamietac logowanie?</small><input type='checkbox' name='remember_me' value='y' title='".$locale['global_103']."' style='vertical-align:middle;margin-top:3px' />\n";
echo "</form>\n";
if ($settings['enable_registration']) {
}
echo '<a href="'.BASEDIR.'lostpassword.php" title="Request One Here!" class="side"><small>Zapomniales hasla?</small></a></div>';
}
echo '</td></tr>
<tr>
<td>
<img src="'.THEME.'images/header_05.jpg" width="203" height="30" alt="" /></td>
</tr>
<tr>
<td background="'.THEME.'images/header_06.jpg" width="203" height="30" align="center">';
// Search script //
echo "<form name='search' method='post' action='".BASEDIR."search.php?stype=d'><b><font color='white'><small>Szukaj: </small></font></b>";
echo "<input value='Wpisz slowo' name='stext' class='textbox' style='width:100px' onBlur=\"if(this.value=='') this.value='Wpisz slowo';\" onFocus=\"if(this.value=='Wpisz slowo') this.value='';\" /> ";
echo "<input type='submit' name='search' value='Idz!' class='buttonReg' style='width:30px' /></form></td>";
echo '</tr></table>';
// Menus Starts
echo '<table align="center" id="Table_02" width="935" height="30" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="'.THEME.'images/menu_01.jpg" width="10" height="30" alt="" border="0" />
</td>
<td><a href="'.BASEDIR.'index.php">
<img src="'.THEME.'images/menu_02.jpg" width="70" height="30" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_03.jpg" width="4" height="30" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'downloads.php">
<img src="'.THEME.'images/menu_04.jpg" width="91" height="30" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_03.jpg" width="4" height="30" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_03.jpg" width="4" height="30" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'articles.php">
<img src="'.THEME.'images/menu_08.jpg" width="67" height="30" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_03.jpg" width="4" height="30" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'search.php">
<img src="'.THEME.'images/menu_10.jpg" width="74" height="30" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_03.jpg" width="4" height="30" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'photogallery.php">
<img src="'.THEME.'images/menu_12.jpg" width="76" height="30" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_03.jpg" width="4" height="30" alt="" border="0" /></td>';
if (iMEMBER) {
echo ' <td><a href="'.BASEDIR.'setuser.php?logout=yes">
<img src="'.THEME.'images/menu_log.jpg" width="75" height="30" alt="" border="0" /></td>';
} else {
echo ' <td><a href="'.BASEDIR.'register.php">
<img src="'.THEME.'images/menu_20.jpg" width="75" height="30" alt="" border="0" /></td>';
}
echo '<td>
<img src="'.THEME.'images/menu_21.jpg" width="4" height="30" alt="" border="0" /></td>
<td background="'.THEME.'images/menu_22.jpg" width="118" height="30"><font color="white" class="date" style="margin-left:22px"><small>'.showsubdate().'</small></font>
</td>
<td>
<img src="'.THEME.'images/menu_23.jpg" width="10" height="30" alt="" border="0" /></td>
</tr>
</table>';
// Menu Ends
echo "<table bgcolor='#070707' align='center' cellspacing='0' cellpadding='0' width='935' >
<tr>
<td>\n";
// Content
echo "<br /><table cellpadding='0' cellspacing='0' width='915' class='$main_style' align='center'>\n<tr>\n";
echo "<td class='side-border-left' valign='top' width='20%'>".LEFT."</td>";
echo "<td class='main-bg' align='center' valign='top' width='60%' style='margin:5px'>".U_CENTER.CONTENT.L_CENTER."</td>";
echo "<td class='side-border-right' valign='top' width='20%'>".RIGHT."</td>";
echo "</tr>\n</table>\n";
//Footer
echo "</td></tr></table>";
echo "<center><table cellpadding='0' cellspacing='0' width='935' background='".THEME."images/footer_bg.jpg'>\n<tr>\n";
echo "<td align='center' class='main-footer' style='color:#fff;'>".stripslashes($settings['footer']);
echo "DarkZik Theme Designed By <a href='http://www.iranzik.com/music_film/index.html' target='_blank'>| IranZik.com |</a>";
if (!$license) { echo "<br />\n".showcopyright(); }
echo "</td>\n";
echo "</tr>\n</table>\n</center>";
}
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='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";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='98%'>
<tr>
<td class='capmain'> $title</td>
</tr>
<tr>
<td class='main'>\n";
}
function closetable() {
echo "</td>
</tr>
</table><br />\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='100%'>
<tr><td height='29' class='scapmain'>";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<div style='float:right;'>".panelbutton($state,$boxname)."</div>";
}
echo $title."</td></tr>\n<tr><td class='side-body' background='#10161D'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside($collapse = false) {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>
</tr>
</table><br />";
}
?>
Kliknij i zaczekaj na załadowanie kodu ...
Styles.css:
a {
color : #B5D8F6;
text-decoration : none;
}
a:hover {
color : #005599;
text-decoration : none;
}
a.side {
color : #B5D8F6;
text-decoration : none;
}
a:hover.side {
color : #005599;
text-decoration : none;
}
a.white, li.white a {
color: #ddd;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #ddd;
text-decoration: underline;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-image: url(images/bg.jpg);
margin:0px;
}
form {
margin : 0px;
}
hr {
border:none;
height:10px;
background:url(images/hr.png) no-repeat center;
border:0px;
width:150px;
}
hr-normal {
border:1px;
}
hr.side-hr {
height:10px;
background:url(images/hr.png) no-repeat center;
}
td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
}
pre {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 11px;
}
.alt {
color : #555;
}
.outer-border {
border : 1px solid #000;
}
.sub-header {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000;
background-color : #888;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
padding : 5px;
}
.sub-header ul{
margin: 0;
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 : 10px;
color : #ddd;
background-color : #444;
padding : 10px;
}
.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #fff;
padding : 5px;
}
.admin-message {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
text-align : center;
color : #fff;
background-color : #313538;
padding : 3px 4px 5px 4px;
margin : 5px;
}
.button {
font-family:Tahoma,Arial,Verdana,Sans-Serif;
font-size:10px;
color:#fff;
background-color: #4C80B0;
background-image:url(images/buttonh.gif);
background-repeat:repeat-x;
border:#1E5288 1px solid;
margin-top:0px;
padding-bottom:2px;
height:16px;
}
.bbcode {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #555;
background-color : #f1f1f1;
border : 1px solid #ccc;
margin-top : 2px;
}
.textbox {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
font-weight:bold;
color:#000;
background-color: #FDFBFC;
background-image:url(images/textbox.jpg);
background-repeat:repeat-x;
border:1px #3c3c3c solid;
width: 100%;
}
.main-body {
font-size : 11px;
color : #E8EFF6;
background-color : #242424;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
margin-left:5px;
margin-right:5px;
border-left : 1px solid #323B44;
border-right : 1px solid #323B44;
border-bottom : 1px solid #323B44;
text-align: left
}
.side-body {
font-size : 10px;
color : #555;
background-color : #10161D;
padding : 4px;
border-left : 1px solid #323B44;
border-right : 1px solid #323B44;
border-bottom : 1px solid #323B44;
}
#main-bg {
color : #555;
background-color : #070707;
padding : 10px 5px 5px 5px;
}
.side-both #main-bg {margin: 0 187px;}
.side-left #main-bg {margin-left: 187px;}
.side-right #main-bg {margin-right: 187px;}
.side-left #side-border-right {display:none;}
.side-right #side-border-left {display:none;}
.center {
margin : 0 auto;
}
* html #main-bg{
height: 0px;
}
.border {
border : 1px solid #333A44;
}
#side-border-left {
color : #777;
background-color : #fff;
float:left;
padding : 10px 0px 10px 10px;
width: 175px;
}
#side-border-right {
color : #777;
background-color : #fff;
float:right;
padding : 10px 10px 10px 0px;
width: 175px;
}
.news-category {
border:0;
margin:3px 5px 0 0;
float:left;
}
.news-footer {
text-align: center;
font-size : 10px;
color : #555;
background-color : #313538;
padding : 3px 4px 4px 4px;
border-left : 1px solid #323B44;
border-right : 1px solid #323B44;
border-bottom : 1px solid #323B44;
margin-left:5px;
margin-right:5px;
}
.barmain {
font-family : Verdana, Tahoma, Arial, Sans-Serif;
font-size : 10px;
color : #aaa;
padding : 4px;
}
.capmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #fff;
background-image : url(images/panelbg.jpg);
padding : 6px 6px 6px 6px;
border-top : 1px solid #323B44;
border-left : 1px solid #323B44;
border-right : 1px solid #323B44;
margin-left:5px;
margin-right:5px;
text-align: left
}
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #fff;
background-image : url(images/sidebg.jpg);
border-top : 1px solid #323B44;
border-left : 1px solid #323B44;
border-right : 1px solid #323B44;
padding : 4px;
}
.tbl {
font-size : 11px;
color : #E8EFF6;
background-color : #313538;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #E8EFF6;
background-color : #313538;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #E8EFF6;
background-color : #131313;
padding : 4px;
}
.forum-caption {
font-size : 11px;
font-weight : bold;
color : #fff;
background-color : #273343;
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 : #005599;
}
.shoutboxname {
font-weight : bold;
color : #005599;
background-color : #1C2734;
}
.shoutbox {
color : #A7D8F6;
background-color : #10161D;
}
.shoutboxdate {
font-size : 8px;
color : #888;
background-color : #10161D;
}
.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;
background-color : #f6f6f6;
}
.side-label {
color : #555;
background-color : #f1f1f1;
padding : 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
color : #555;
background-color: #10161D;
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: #B5D8F6;
background-color: #10161D;
padding: 2px;
text-decoration : none;
}
#navigation a:hover {
color: #f6f6f6;
background-color: #4F6D8F;
margin-left:2px;
}
/* Page Navigation */
.pagenav {
padding: 0.4em;
}
.pagenav span {
color: #fff;
background-color: #005599;
border: 1px solid #e1e1e1;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
}
.pagenav a {
color: #005599;
background-color: #fff;
border: 1px solid #e1e1e1;
padding: 0.2em 0.4em 0.2em 0.4em;
margin: 0.2em;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #005599;
margin: 0.2em;
text-decoration: none;
}
/*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-bg {
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;}
.MemberForm {
padding-top:0;
padding-bottom:5;
padding-left:35;
padding-right:0;
}
.LoginForm {
padding-top:0;
padding-bottom:8;
padding-left:20;
padding-right:0;
}
.buttonReg {
font-family:Tahoma,Arial,Verdana,Sans-Serif;
font-size:10px;
color:#fff;
background-color: #4C80B0;
background-image:url(images/buttonr.gif);
background-repeat:repeat-x;
border:#000 1px solid;
margin-top:0px;
padding-bottom:2px;
height:16px;
}
.main {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #E8EFF6;
background-color : #242424;
padding : 2px 0px 4px 0px;
border-left : 1px solid #323B44;
border-bottom : 1px solid #323B44;
border-right : 1px solid #323B44;
text-align: left
}
.buttonHeader {
font-family:Tahoma,Arial,Verdana,Sans-Serif;
font-size:10px;
color:#000;
background-color: #4C80B0;
background-image:url(images/buttonh.gif);
background-repeat:repeat-x;
border:#1E5288 1px solid;
margin-top:0px;
padding-bottom:2px;
height:16px;
}
#bigbuttons {
padding: 0 0 0 0;
margin: 0;
width: 81px;
}
#bigbuttons li{
list-style: none;
padding: 0 0 0 0;
margin: 0;
.homemenu {
background-image: url(images/menu_02_hover.jpg);
background-repeat: no-repeat;
height: 30px;
width: 81px;
}
.homemenu a{
background-image: url(images/menu_02.jpg);
background-repeat: no-repeat;
height: 30px;
width: 81px;
display: block;
}
.homemenu a:hover{
background: none;
}
#wrap {
position: relative;
margin: 0 auto;
padding: 0;
font-size: 95%;
text-align: left;
width: 800px;
background: #0b415f;
}
Kliknij i zaczekaj na załadowanie kodu ...
Edytowane przez Pieka dnia 02.05.2010 13:41:28
|
Początkujący
Postów: 168
Ostrzeżeń: 3
Data rejestracji: 10.09.2007 18:50
|
Ok. Więc tak.
1. Nie stosuję zmodyfikowanego znacznika hr. Zrobiłem standardowy, a w artykułach zamiast niego użyłem pliku graficznego.
2. Co do rozjechania się strony: Jako tło środkowej części strony dałem obrazek (Zrobiłem screena i wyciąłem interesujący mnie fragment). Po tym zabiegu strona i tak była rozjechana, więc treść środkowej części strony dodatkowo wstawiłem w <div>
Stary fragment pliku theme php:
# 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='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";
#
# }
#
# function opentable($title) {
#
# echo
# "<table cellpadding='0' cellspacing='0' width='98%'>
# <tr>
# <td class='capmain'> $title</td>
# </tr>
# <tr>
# <td class='main'>\n"
# ;
# }
#
# function closetable() {
Nowy:
function render_news($subject, $news, $info) {
echo "<div class='capmain'> $subject</div>\n";
echo "<div class='main-body floatfix'><div style='padding-left:10px;padding-right:10px; padding-top:5px;padding-bottom:5px;'>".$news."</div></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='capmain'> $subject</div>\n";
echo "<div class='main-body floatfix'><div style='padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div></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 "<table cellpadding='0' cellspacing='0' width='98%'>
<tr>
<td class='capmain'> $title</td>
</tr>
<tr>
<td class='main'><div style='padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:5px;'>\n";
}
function closetable() {
|
Rozwiń Kod źródłowy PHP
v7.02.03
