Zdravím, v CSS nejsem moc zdatný proto sem píšu. Chtěl jsem v CSS změnit font u jednoho panelu, jenže se mi to trošku víc po*ělalo takže nemám footer a ten je v P-Fusionu důležitý. Proto prosím toho, který ví co s tím jestli by mi pomohl Předem moc děkuji.
CSS:
a {
color:#6a6a6a;
text-decoration:none;
}
a:link {color:#036596;} /* unvisited link */
a:visited {color:#036596;} /* visited link */
a:hover {color:#6a6a6a;} /* mouse over link */
a:active {color:#6a6a6a;} /* selected link */
a.side {
color:#f2f2f2;
text-decoration:none;
}
a:hover.side {
color:#fff;
text-decoration:underline;
}
a.white {
color:#fff;
text-decoration:none;
}
a:hover.white {
color:#fff;
text-decoration:underline;
}
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5c5e5f;
margin: 0px;
background: url('images/bg.jpg');
background-repeat: no-repeat;
background-position: center top;
background-attachment:fixed;
background-position:fixed;
}
.shoutborder {
background: url('images/kaz.png');
background-repeat: repeat-x;
height: 9px;
}
.header {
background: url('images/header.png') no-repeat;
height: 200px;
width: 1017px;
}
.admin {
font-family: myriad pro;
font-size:12px;
color: #026094;
text-transform: uppercase;
}
a.admin {
font-family:Myriad Pro;
font-size: 12px;
color: #026094;
text-transform: uppercase;
}
.slide {
background: url('images/1.png') no-repeat;
height: 185px;
width: 709px;
padding-left: 0px;
padding-bottom: 0px;
}
.log {
background: url('images/2.png') no-repeat;
height: 185px;
width: 308px;
}
.log2 {
background: url('images/3.png') no-repeat;
color:#636363;
height: 185px;
width: 308px;
}
.log3 {
background: url('images/4.png') no-repeat;
color:#636363;
height: 185px;
width: 308px;
}
.border {
background-color:#ddd;
border:0px #D1D8DD solid;
}
.outer-border {
border : 0px solid #f2f2f2;
}
img {
border: 0px;
}
form {
margin:0px 0px 0px 0px;
}
hr {
border:0px #fff solid;
}
hr.side-hr {
border:0px #fff solid;
}
td {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
}
pre {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:10px;
}
.alt {
color:#b5b5b5;
}
.footer {
background-image : url('images/footer.png');
background-repeat: no-repeat;
font-family: Tahoma;
font-size:10px;
color:#000000;
width: 1017px;
height: 73px;
}
.button {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-image: url('images/ok.png');
border: 0px solid #000;
height: 22px;
margin-top: 2px;
}
.button:hover {
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #026094;
background-image: url('images/of.png');
border: 0px solid #000;
height: 22px;
margin-top: 2px;
}
.log-button {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-color:#744725;
font-weight: bold;
text-align: right;
background-image: url('images/log-butt.png');
background-repeat: no-repeat;
width: 147px;
height: 41px;
border: none;
}
.reg-pw {
font-family: Arial;
font-size: 10px;
color: #7b7b7b;
font-weight: bold;
border: none;
}
.shout-textbox {
font-family:Tahoma,Arial,Sans-Serif;
font-size:10px;
color:#dadada;
background-image: url('images/shout-bg.png');
border: 0px solid #ccc;
width: 184px;
height: 76px;
background-repeat: no-repeat;
padding-left: 0px;
}
.log-textbox {
font-family:Arial;
font-size:11px;
color:#026094;
background-image: url(images/log-bg.png);
border: 0px solid #ccc;
width: 200px;
height: 32px;
background-repeat: no-repeat;
padding-left: 15px;
}
.main-bg {
padding: 5px 1px 3px 1px;
background-color: #fff;
}
.side-border-left {
padding: 5px 5px 1px 1px;
background: #f3f3f3;
}
.side-border-right {
padding: 5px 5px 1px 0px;
background: #f3f3f3;
}
.content {
padding-right:0px;
padding-left:0px;
}
.main-body {
border: 1px solid #ccc;
font-family:Tahoma;
font-size:11px;
color:#000000;
height:auto;
background-repeat: no-repeat;
background-image: url('images/bgnews.png');
width: 700px;
background-color: #f3f3f3;
padding-left: 5px;
padding-right:5px;
padding-top: 5px;
padding-bottom: 5px;
}
.side-body {
background-image: url('images/panelbg.png');
background-repeat: repeat-y;
background-color:#f3f3f3;
background-position: top center;
font-family:Arial;
font-size:11px;
font-weight: bold;
color:#2c2c2c;
padding-left: 15px;
padding-right: 15px;
}
.side-body a {
color:#026698;
text-decoration:none;
}
.side-body a:hover {
color:#000000;
text-decoration:underline;
}
.panel-main {
font-family:Tahoma;
font-size:10px;
text-transform: uppercase;
font-weight: bold;
color:#ffffff;
height:40px;
padding:0px 1px 0px 2px;
background-color: #efeded;
background-repeat:no-repeat;
}
.side-close {
background-image:url(images/panelbg2.png);
height:22px;
background-color: #efeded;
background-repeat:repeat-x;
}
.capmain {
font-family : Arial;
font-size : 12px;
color : #FFF;
background-image:url(images/capmain.png);
background-repeat:no-repeat;
height:32px;
background-color : transparent;
padding-left : 10px;
}
.panele {
text-align: left;
padding-left: 10px;
color : #fff;
background: url(images/scapmain.png);
background-repeat:no-repeat;
height: 32px;
}
.border-left2 {
width:5px;
background-color: #3b3b3b;
background-repeat:repeat-y;
}
.data {
font-family: Verdana;
font-size: 11px;
font-weight: bold;
color: #000;
float: left;
height: 47px;
width: 186px;
margin: 10px 80px 0px 0px;
}
.center {
margin: 0 auto;
}
.tbl-border {
border:0px #424242 solid;
}
.tbl-border2 {
font-family: Tahoma;
font-size : 10px;
color : #fff;
background-color : #424242;
}
.tbl5 {
font-family: Tahoma;
font-size : 10px;
color : #999999;
background-color : #dfdfdf;
padding : 4px;
}
.tbl5 a {
font-family: Tahoma;
font-size : 10px;
color : #999999;
}
.tbl {
color: #6a6a6a;
font-size:10px;
padding:3px 4px 3px 4px;
background-color:#e3e3e3;
}
.tbl1 {
font-family: Tahoma;
font-size : 10px;
color : #6a6a6a;
background-color:#e3e3e3;
padding : 4px;
}
.tbl2 {
font-family: tahoma;
font-size:10px;
color:#6a6a6a;
background-color:#e3e3e3;
padding:4px;
}
.tbl3 {
font-family: Tahoma;
font-size:10px;
color:#6a6a6a;
background-color:#e3e3e3;
padding:4px;
border:0px #6d4629 solid;
}
.forum-caption {
font-size:10px;
font-weight:bold;
height:22px;
color:#fff;
background-color:#3d3d3d;
padding:4px 4px 4px 4px;
}
.quote {
color:#b5b5b5;
background-color:#4d4d4d;
padding:2px;
margin:0px 20px 0px 20px;
border:1px #424242 solid;
border-left: 6px solid #424242;
}
.poll {
height:1px;
color:#026094;
border:1px #026094 solid;
}
.comment-name {
font-weight:bold;
color:#dcdcdc;
}
.small {
font-size:10px;
font-weight:normal;
}
.small2 {
font-size:10px;
font-weight:normal;
color:#b5b5b5;
}
.side-small {
font-size:10px;
font-weight:normal;
color:#ffffff;
}
.side-label {
padding:1px 4px 3px 4px;
height:17px;
background-repeat:repeat-x;
}
.tbl5 {
font-family: Tahoma;
font-size : 10px;
color : #999999;
background-color : #dfdfdf;
padding : 4px;
text-shadow: #fff 1px 1px 0px;
}
.tbl5 a {
font-family: Tahoma;
font-size : 10px;
color : #999999;
text-shadow: #fff 1px 1px 0px;
}
.news-footer {
color : #000000;
}
div#menu{
margin:0px;
padding:0px;
width: 1017px;
position:static;
height: 51px;
margin-left: 0px;
background:transparent url("images/menu.png") no-repeat top center;
text-align: center;
}
ul#menu{
margin:0px;
padding:0px;
width: 1017px;
position:static;
height: 51px;
margin-left: 0px;
padding-top: 0px;
background:transparent url("images/menu.png") no-repeat top center;
padding-left: 0px;
}
ul#menu li{
display:block;
float:left;
margin:0px;
}
ul#menu li a{
display:block;
float:left;
color: #fff;
text-shadow: #000000 1px 1px 1px;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
width: 82px;
height: 30px;
padding-top: 20px;
}
ul#menu li a:hover{
background:transparent url("images/onmouse.png") no-repeat top center;
color: #fff;
font-family: Arial;
margin-top: 0px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
width: 82px;
height: 30px;
text-align: center;
padding-top: 20px;
}
.img {
margin-left: 40px;
opacity: 0.4;
filter: alpha (opacity=40);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.imgsd {
padding-left: 10px;
}
.img:hover {
opacity: 3.0;
filter: alpha (opacity=40);
}
.news-category {
border:1px solid #03699a;
margin:5px 5px 0 0;
float:left;
}
theme.php
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_BULLET", "<span class='bullet'>·</span>");
define("THEME_WIDTH", "1017");
require_once INCLUDES."theme_functions_include.php";
function render_page($license=false) {
global $theme_width,$userdata,$settings,$locale,$data,$db_prefix,$aidlink;
SetLocale(LC_ALL, "Slovak");
$datum = StrFTime("%d.%c.%Y ", Time());
$cas = StrFTime ("%H:%M:%S %z %B". Time());
//Header
echo "<table cellpadding='0' cellspacing='0' class='center' width='".THEME_WIDTH."'>\n<tr>\n";
echo "</tr>\n</table>\n";
echo "<table cellspacing='0' cellpadding='0' width='1017' class='outer-border center'>\n<tr>\n";
echo "<td>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo"<td align='center' class='header' ></td>
<table align='center' cellspacing='0' cellpadding='0' width='1017px' height='51px' >
<tr>
<td width='1017'>
<ul id='menu' >
<li><a href='".BASEDIR."news.php'>Home</a></li>
<li><a href='".BASEDIR."team.php'>Team</a></li>
<li><a href='".BASEDIR."bannery.php'>Bannery</a></li>
<li><a href='".BASEDIR."partneri.php'>Partneři</a></li>
<li><a href='".BASEDIR."up.php'>Uploader</a></li>
<li><a href='".BASEDIR."pravidla.php'>Pravidla</a></li>
<li><a href='".BASEDIR."turnaj.php'><span style='color:yellow'>Turnaj</span></a></li>
<li><a href='".BASEDIR."navod.php'>TS3 návod</a></li>
<li><a href='".BASEDIR."stream.php'><span style='color:red'>Stream</span></a></li>
</ul>
</td>
</tr>
</table>
<table align='center' cellpadding='0' cellspacing='0' width='1017'>\n<tr>
<td cellspacing='0' cellpadding='0' width='700' class='slide'>";
echo "<script type='text/javascript' src='js/jquery-1.3.1.min.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
//Execute the slideShow
slideShow();
});
function slideShow() {
//Set the opacity of all images to 0
$('#gallery a').css({opacity: 0.0});
//Get the first image and display it (set it to full opacity)
$('#gallery a:first').css({opacity: 1.0});
//Set the caption background to semi-transparent
$('#gallery .caption').css({opacity: 0.7});
//Resize the width of the caption according to the image width
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
//Get the caption of the first image from REL attribute and display it
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
.animate({opacity: 0.7}, 400);
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
setInterval('gallery()',6000);
}
function gallery() {
//if no IMGs have the show class, grab the first image
var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));
//Get next image caption
var caption = next.find('img').attr('rel');
//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
//Hide the current image
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
//Set the opacity to 0 and height to 1px
$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '50px'},500 );
//Display the content
$('#gallery .content').html(caption);
}
</script>
<style type='text/css'>
body{
font-family:arial
}
.clear {
clear:both
}
#gallery {
position:relative;
height:176px
}
#gallery a {
float:center;
position:absolute;
}
#gallery a img {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#gallery a.show {
z-index:500
}
#gallery .caption {
z-index:600;
background-color:#000;
color:#ffffff;
height:50px;
width:100%;
position:absolute;
bottom:0;
}
#gallery .caption .content {
margin:5px
}
#gallery .caption .content h3 {
margin:0;
padding:0;
color:#036596;
}
</style>
<div id='gallery' style='padding-left:0px; padding-bottom:0px;'>
<a>
<img src='".THEME."images/1slide.png' alt='Popois' width='700' height='176' title='' alt='' rel='<h3>Gaming teamspeak</h5>Poskytneme vám, prvotřídní komunikaci ve vašich CW/LW zápasech. <strong>IP: ts.gaming-teamspeak.eu:9993</strong>'/>
</a>
<a>
<img src='".THEME."images/3slide.png' alt='Popis' width='700' height='176' title='' alt='' rel='<h3>SERVER</h3>Uživatelé CZ/SK mají velmi nízky ping, díky kvalitnímu připojení.'/>
</a>
<a>
<img src='".THEME."images/2slide.png' alt='Popis' width='700' height='176' title='' alt='' rel='<h3>Máte vlastní game server ?</h3>Kontaktujte nás, a dohodneme se na spolupráci.'/>
</a>
<div class='caption'><div class='content'></div></div>
</div></td>";
if (iMEMBER) {
echo "<td cellspacing='0' cellpadding='0' width='1017' style='padding-right:0px;' class='log'>";
$msg_count = dbcount("(message_id)", DB_MESSAGES, "message_to='".$userdata['user_id']."' AND message_read='0'AND message_folder='0'");
echo "<table width='' border='0' cellspacing='0' cellpadding='0' style='padding-left: 00px; padding-top: 0px;'>
<tr>
<td>";
if ($userdata['user_avatar'] != "") {
echo "<center><img src='".BASEDIR."images/avatars/".$userdata['user_avatar']."' width='100' height='100' style='border:2px solid #0077b5'></center>\n";
} else {
echo "<center><img src='".THEME."images/noavatar.png' width='100' height='100' style='border:2px solid #dddddd'></center>\n";
}
echo "</td>
<td><a href='".BASEDIR."profile.php?lookup=".$userdata['user_id']."' class='admin'> PROFILE</a><br>
<a href='".BASEDIR."edit_profile.php' class='admin'> EDIT PROFILE</a><br>
<a href='".BASEDIR."messages.php' class='admin'> PM</a><br>
<a href='".BASEDIR."members.php' class='admin'> MEMBERS</a>
<br><br><br><a href='".BASEDIR."setuser.php?logout=yes' class='admin'> LOG OUT<span style='color: #a7fe00;'>[x]</span></a><br>";
echo"</td>
<td width='30'></td>
<td>
<br><br><br>";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo "<a href='".ADMIN."index.php".$aidlink."' class='admin' align='left'>ADMINISTRATION</a>";
}
echo"</td>
<td><br>
</td></table>";
} else {
echo "<td cellspacing='0' cellpadding='0' width='1017' class='log2' >";
echo "<table width='200' border='0' cellspacing='0' cellpadding='0' align='right'>
<form name='loginform' method='post' action='".FUSION_SELF."'>
<table width='0' border='0' cellspacing='0' cellpadding='0' align='center' style='padding-left: 1px; padding-top: 20px;'>
<tr>
<td align='left' style='padding-right: 0px;'></td>
<td><input type='text' name='user_name' value='Nick' onfocus=\"if(this.value=='Nick'){this.value='';}\" onblur=\"if(this.value==''){this.value='Nick';}\" class='log-textbox' style='width:200px; height:32px;'>
</tr>
<tr>
<td height='5'></td>
<td></td>
</tr>
<tr>
<td align='left' style='padding-left: 0px;'></td>
<td><input type='password' name='user_pass' value='slaptazodis' onfocus=\"if(this.value=='slaptazodis'){this.value='';}\" onblur=\"if(this.value==''){this.value='slaptazodis';}\" class='log-textbox' style='width:200px; height:32px;'>
</tr>
</table>
<table width='308' border='0' cellspacing='0' cellpadding='0' align='right' style=' padding-top: 10px; padding-left: 70px;'>
<tr>
<td align='left'>
<td><input type='submit' name='login' value='' class='log-button'><br> <a style=' color : #026094;font-family : Arial; font-size : 12px; font-weight: bold;' href=".BASEDIR."register.php>Registrace</a> | <a style='color : #026094;font-family : Arial; font-size : 12px; font-weight: bold;' href=".BASEDIR."lostpassword.php>Ztracené heslo</a>
</form></div></table>";
}
echo"</td>
</tr>
</tr>
</table>
</table>\n";
//content
echo "<table cellpadding='0' cellspacing='0' width='1017' align='center' class='content'><tr>\n";
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (LEFT) { echo "<td class='side-border-left' valign='top' width='308'>".LEFT."</td>"; }
if (RIGHT) { echo "<td class='side-border-right' valign='top' width='308'>".RIGHT."</td>"; }
echo"</tr>
</table>";
echo"</td>";
echo "</tr>\n</table>\n";
//footer
echo "<table align='center' cellpadding='0' cellspacing='0' align='center' width='1017' class='footer'><tr><td align='left' style='padding-bottom:0px; padding-right:15px;'>
<span style='font-family: arial; font-weight: regular; font-size: 12px; font-style: sharp; color: #434343; '>
<br>
Design: <strong>MaNiN</strong> - Všechna práva vyhrazena 2014 </a></a>
<br><span align='left'style='color: #434343;'>
Powered by <a href='http://phpfusion.co.uk'>PHP-Fusion</a> copyright © 2002 - 2014 by Nick Jones.
<br>
</a></span>";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='1' cellspacing='1' width='700'>\n<tr>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='left' class='main-body'>".$info['cat_image'].$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='left' class='main-body'>\n";
echo " <span style='color: #000000; font-weight:bold; font-size: 12px;'> Napsal:".profile_link($info['user_id'], $info['user_name'], $info['user_status'])." Dne: ".showdate("newsdate", $info['news_date'])."
<span style='color: #026698; font-weight:bold; font-size: 12px; align=right;'> <a href='".BASEDIR."news.php?readmore=".$info['news_id']."'>PŘEČÍST CELOU NOVINKU";
echo "</td>\n</tr>\n</table>\n";
}
function render_article($subject, $article, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td width='100%' class='capmain'>".$subject."</td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='main-body'><div style='width:100%;vertical-align:top;'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div><br>";
echo "</td>\n";
echo "</tr><tr>\n";
echo "</tr>\n</table>\n";
echo"<img src='".THEME."images/blank.gif' height='5' style='display:block'>";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='700'>\n<tr>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n</tr>\n</table>\n";
}
function openside($title) {
echo "<table cellpadding='0' cellspacing='0' width='308'>
<tr>
<td class='panele'><div style='font-family : Arial; font-size : 12px;text-transform: uppercase; padding-top: 5px;'>$title</div></td>
</tr>";
echo "<table cellpadding='0' cellspacing='0' width='308'>
<tr>
<td class='side-body'>\n";
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "<tr>";
echo "<td class='side-close'><img src='".THEME."images/blank.gif' width='1' height='7' alt='' style='display:block'></td>";
echo "</tr></table>\n";
}
function open($title) {
echo "<table cellpadding='0' cellspacing='0' width='330' align='center'>\n<tr>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='330' align='center'>\n<tr>\n";
echo "<td class='main-body'>\n";
}
function close() {
echo "</td>\n";
echo "</tr></table>\n";
}
?>
DÍKY MOC