Przedszkolak
Postów: 5
Data rejestracji: 08.02.2009 19:39
|
Witam ( z góry przepraszam za ten długi kod ale nie wiem jak go pomniejszyć, prosiłbym o to admina lub moderatora)
Otóż nie wiem jak dodać na strone tzw Tabs Menu (mouseover)http://www.dynami...seover.htm
Chce aby pojawiało sie (znaczy wiecie pojawiały sie linki do artykułów) w tym małym białym prostokącie gdy najeżdżamy na którąś z ikon pod logiem (np Soul Eater) link do strony >> http://www.lmtest...l/news.php
Poniżej przedstawiam moje theme.php i style.css owego theme^^
<?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;
echo "<table bgcolor='#482b4c' align='center' cellspacing='0' cellpadding='0' width='935' >
<tr>
<td>\n";
//Header Start
echo '<table id="Table_01" align="center" width="935" height="267" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="4">
<img src="'.THEME.'images/header_01.png" width="640" height="267" alt="" /></td>
<td>
<img src="'.THEME.'images/header_02.png" width="210" height="56" alt="" /></td>
<td rowspan="4">
<img src="'.THEME.'images/header_03.png" width="85" height="267" alt="" /></td>
</tr>';
//Member Header Start
echo '<tr>';
if (iMEMBER) {
echo '<td class="MemberForm" background="'.THEME.'images/header_04.png" width="210" height="163" style="padding-left:40px">';
echo THEME_BULLET." <a href='".BASEDIR."edit_profile.php' class='side'><b>Edit Profile</b></a><br />\n";
echo THEME_BULLET." <a href='".BASEDIR."messages.php' class='side'><b>Messages</b></a><br />\n";
echo THEME_BULLET." <a href='".BASEDIR."members.php' class='side'><b>Memberlist</b></a><br />\n";
if (iADMIN && (iUSER_RIGHTS != "" || iUSER_RIGHTS != "C")) {
echo THEME_BULLET." <a href='".ADMIN."index.php".$aidlink."' class='side'><b>Control Panel</b></a><br />\n";
}
echo THEME_BULLET." <a href='".BASEDIR."setuser.php?logout=yes' class='side'><b>Logout</b></a>\n";
//Quest Header Start
} else {
if (isset($_POST['Regh'])) {
redirect('register.php');
}
echo '<td class="LoginForm" background="'.THEME.'images/header_04.png" width="210" height="163" 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 $locale['global_101']." <input type='text' name='user_name' class='textbox' style='width:100px' /><br />\n";
echo $locale['global_102']." <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='Click Here to Register!' class='buttonReg' style='margin-top:4px;width:118px' /><br />\n";
echo "<small>Remember?</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.'register.php" title="Register Here!" class="side">Click here</a> to register.<br />';
}
echo '<a href="'.BASEDIR.'lostpassword.php" title="Request One Here!" class="side">Forgot Your Password?</a></div>';
}
echo '</td></tr>
<tr>
<td>
<img src="'.THEME.'images/header_05.png" width="210" height="48" alt="" /></td>
</tr>
</table>';
// Menus Starts
echo '<table align="center" id="Table_02" width="935" height="83" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="'.THEME.'images/menu_01.png" width="21" height="83" alt="" border="0" />
</td>
<td><a href="'.BASEDIR.'soul_eater.php">
<img src="'.THEME.'images/menu_02.png" width="121" height="83" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_03.png" width="8" height="83" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'downloads.php">
<img src="'.THEME.'images/menu_04.png" width="121" height="83" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_05.png" width="7" height="83" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'forum/index.php">
<img src="'.THEME.'images/menu_06.png" width="121" height="83" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'articles.php">
<img src="'.THEME.'images/menu_08.png" width="128" height="83" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_09.png" width="7" height="83" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'search.php">
<img src="'.THEME.'images/menu_10.png" width="121" height="83" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_11.png" width="6" height="83" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'photogallery.php">
<img src="'.THEME.'images/menu_12.png" width="121" height="83" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_13.png" width="7" height="83" alt="" border="0" /></td>
<td><a href="'.BASEDIR.'news.php">
<img src="'.THEME.'images/menu_14.png" width="120" height="83" alt="" border="0" /></td>
<td>
<img src="'.THEME.'images/menu_15.png" width="26" height="83" alt="" border="0" /></td>
</table>';
echo '<table align="center" width="473" border="0" cellpadding="0" cellspacing="0"><td>
<img src="'.THEME.'images/tree.png" alt="" border="0" /></td>
</table>';
// Menu Ends
echo "<table bgcolor='#482b4c' align='center' cellspacing='0' cellpadding='0' width='935' >
<tr>
<td>\n";
// Content
echo "<table cellpadding='0' cellspacing='0' width='904' class='$main_style' align='center'>\n<tr>\n";
echo "<td class='side-border-left' valign='top' width='19.06%'>".LEFT."</td>";
echo "<td class='main-bg' valign='top' width='4%'></td>";
echo "<td class='main-bg' align='center' valign='top' width='53.2%' style='margin:5px'>".U_CENTER.CONTENT.L_CENTER."</td>";
echo "<td class='main-bg' valign='top' width='3.70%'></td>";
echo "<td class='side-border-right' valign='top' width='19.06%'>".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 "Design by dawedante <br>Modification Aru</br>";
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";
echo "<br />";
}
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";
echo "<br />";
}
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='27' 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 ...
a {
color : #000000;
text-decoration : none;
}
a:hover {
color : #005599;
text-decoration : none;
}
a.side {
color : #482b4c;
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-color : #000;
background-image: url(images/bg.jng);
margin:0px;
}
form {
margin : 0px;
}
hr {
border:none;
height:10px;
background:url(images/hr.png) no-repeat center;
border:0px;
}
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 : #482b4c;
background-color : #ffffff;
background-image:url(images/newss.ng);
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
margin-left:5px;
margin-right:5px;
border-left : 1px solid #482b4c;
border-right : 1px solid #482b4c;
border-bottom : 0px solid #ffffff;
text-align: left
}
.treemenu {
font-size : 11px;
color : #482b4c;
background-image:url(images/tree.png);
}
.side-body {
font-size : 10px;
color : #555;
background-color : #10161D;
background-image:url(images/panel.png);
padding : 4px;
border-left : 1px solid #482b4c;
border-right : 1px solid #482b4c;
border-bottom : 1px solid #482b4c;
}
#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: 180px;
}
#side-border-right {
color : #777;
background-color : #fff;
float:right;
padding : 10px 10px 10px 0px;
width: 180px;
}
.news-category {
border:0;
margin:0px 5px 0 0;
float:left;
}
.news-footer {
text-align: left;
font-size : 8px;
color : #555;
background-color : #ffffff;
background-image : url(images/panelbg.jng);
padding : 3px 4px 4px 4px;
border-left : 1px solid #482b4c;
border-right : 1px solid #482b4c;
border-bottom : 0px solid #ffffff;
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.png);
padding : 6px 6px 6px 6px;
border-top : 1px solid #482b4c;
border-left : 1px solid #482b4c;
border-right : 1px solid #482b4c;
margin-left:5px;
margin-right:5px;
text-align: left;
}
.scapmain {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #fff;
background-image : url(images/sidebg.png);
border-top : 1px solid #482b4c;
border-left : 1px solid #482b4c;
border-right : 1px solid #482b4c;
padding : 4px;
text-align: right;
}
.tbl {
font-size : 11px;
color : #482b4c;
background-color : #f6f6f6;
padding : 4px;
}
.tbl1 {
font-size : 11px;
color : #482b4c;
background-color : #f6f6f6;
padding : 4px;
}
.tbl2 {
font-size : 11px;
color : #482b4c;
background-color : #ffffff;
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 : #ffffff;
background-color : #634467;
}
.shoutbox {
color : #ffffff;
background-color : #482b4c;
}
.shoutboxdate {
font-size : 8px;
color : #ffffff;
background-color : #482b4c;
}
.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 : #482b4c;
background-color : #ffffff;
padding : 2px 0px 4px 0px;
border-left : 1px solid #482b4c;
border-bottom : 1px solid #482b4c;
border-right : 1px solid #482b4c;
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 ...
//Do zwijania kodu używamy przycisku chili/khaman
PW od moderatora:
- Przeniesienie tematu - Pieka 18.02 - 20:59
Edytowane przez Pieka dnia 18.02.2009 21:01:52
|
Rozwiń Kod źródłowy PHP
