Przedszkolak
Postów: 23 Ostrzeżeń: 1
Data rejestracji: 28.04.2010 12:54
|
Witam .
Własnie skonczylem mapowac menu w gimp'ie mam plik
<img src="background.png" width="2568" height="1559" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:... -->
<area shape="rect" coords="888,331,994,374" href="http://" />
<area shape="rect" coords="1012,332,1079,374" href="http://" />
<area shape="rect" coords="1098,331,1185,375" href="http://" />
<area shape="rect" coords="1203,331,1273,375" href="http://" />
</map>
Gdzie mam wstawić ten kod zeby mi to dzialalo?
PW od moderatora:
- Zmiana nazwy tematu - khaman 26.06 - 14:17
Edytowane przez khaman dnia 27.06.2011 18:27:34
|
Przedszkolak
Postów: 23 Ostrzeżeń: 1
Data rejestracji: 28.04.2010 12:54
|
khaman napisałem tutaj bo nie wiedziałem gdzie mam to wkleić.
Ile razy mam jeszcze zmieniać tytuł?
Nie wiem czy to do theme czy gdzie indziej wiec wyduś z siebie trochę zrozumienia i pozwól komuś mi pomóc bo chce też coś z tej pomocy wynieść dla siebie.
Link do mojej stronki http://klan-gts.x...
Nazwa stylu/wersja php-fusion:Dark Knight / v7.01.04
Doomin, proszę bardzo:
Theme:
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_WIDTH", "804");
define("THEME_BULLET", "<span class='bullet'>·</span>");
require_once INCLUDES."theme_functions_include.php";
//v7 sublinks
function thesublinks($sep="·",$class="") {
echo "<script type='text/javascript' src='".THEME."/fader.js'></script>";
$i = 0; $res = "";
$sres = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' AND ".groupaccess('link_visibility')." AND link_url!='---' ORDER BY link_order ASC");
if (dbrows($sres)) {
while($sdata = dbarray($sres)) {
if ($i != 0) { $res .= " ".$sep."\n"; } else { $res .= "\n"; }
$link_target = $sdata['link_window'] == "1" ? " target='_blank'" : "";
$link_class = $class ? " class='$class'" : "";
if (strstr($sdata['link_url'], "http://") || strstr($sdata['link_url'], "https://")) {
$res .= "<a href='".$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
} else {
$res .= "<a href='".BASEDIR.$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
}
$i++;
}
}
if ($i != 0) { return $res; } else { return " "; }
}
function render_page($license=false) {
global $settings, $main_style, $locale;
//Header
echo "<table cellpadding='0' cellspacing='0' width='804px' align='center'>\n<tr>\n";
echo "<td class='full-header'></td>\n";
echo "</tr>\n</table>\n";
//sublinks css
echo "<table width='804' border='0' cellspacing='0' cellpadding='0' align='center'><tr><td>";
echo "<div id='altlinkler'>";
echo "<ul><li>".thesublinks("</li>\n<li>");
echo "</li></ul><div class='clear-both'> </div></div>";
echo "</td></tr></table>\n";
//Content
echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' align='center' class='$main_style'>\n<tr>\n";
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".LEFT."".RIGHT."</td>"; }
echo "</tr>\n</table>\n";
//Footer
echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' align='center'>\n<tr>\n";
echo "<td align='center' class='bottom-footer'><br />".stripslashes($settings['footer']);
if (!$license) { echo "Dark Knight Theme by <a href='http://www.enculescu.com'>Enculescu M.</a>
<br />\n".showcopyright(); }
echo "</td>\n";
echo "</tr>\n</table>\n";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='capmain-center-left'></td>\n";
echo "<td class='main-body middle-border'>".$news."</td>\n";
echo "<td class='capmain-center-right'></td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='capmain-bottom-left'></td>\n";
echo "<td align='center' class='news-footer middle-border'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "<td class='capmain-bottom-right'></td>\n";
echo "</tr>\n</table>\n";
}
function render_article($subject, $article, $info) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' class='spacer'>\n<tr>\n";
echo "<td class='capmain-center-left'></td>\n";
echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "<td class='capmain-center-right'></td>\n";
echo "</tr>\n<tr>\n";
echo "<td class='capmain-bottom-left'></td>\n";
echo "<td align='center' class='news-footer'>\n";
echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</td>\n";
echo "<td class='capmain-bottom-right'></td>\n";
echo "</tr>\n</table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='capmain-center-left'></td>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n";
echo "<td class='capmain-center-right'></td>\n";
echo "</tr><tr>\n";
echo "<td class='capmain-bottom-left'></td>\n";
echo "<td class='news-footer'></td>\n";
echo "<td class='capmain-bottom-right'></td>\n";
// echo "</tr><tr>\n";
echo "</tr>\n</table>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='scapmain-left'></td>\n";
echo "<td class='scapmain'>$title</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "<td class='scapmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%' class='spacer'>\n<tr>\n";
echo "<td class='scapmain-center-left'></td>\n";
echo "<td class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n";
echo "<td class='scapmain-center-right'></td>\n";
echo "</tr><tr>\n";
echo "<td class='scapmain-bottom-left'></td>\n";
echo "<td class='side-footer'></td>\n";
echo "<td class='scapmain-bottom-right'></td></tr>\n";
echo "</table>\n";
}
?>
Styl.css
/* Comment element properties */
a {
color: #66737C;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: underline;
}
a.side {
color: #66737C;
text-decoration: none;
}
a:hover.side {
color: #fff;
text-decoration: underline;
}
a.white, li.white a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: none;
}
a:hover.white, li.white a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
text-decoration: underline;
}
body {
font-family : Helvetica, sans-serif;
font-size : 11px;
background-image: url('images/background.png');
background-position: top center;
background-repeat: repeat-y;
margin: 0px auto;
}
hr {
height: 1px;
border: 1px solid #272C32;
}
hr.side-hr {
height: 1px;
border: 1px solid #272C32;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.alt {
color: #f96f00;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #fff;
background-color: #272C32;
border: 1px solid #272C32;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-image: url('images/button.jpg');
border: 0px solid #272C32;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #272C32;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-image: url('images/bats.png');
background-color: #000;
background-repeat: repeat;
border: 1px solid #272C32;
}
/* Header and footer properties */
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
height: 227px;
background-image: url('images/header.png');
background-position: top center;
background-repeat: no-repeat;
padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
color: #fff;
height: 100px;
background-color: #fff;
background-image: url('images/footer.png');
}
.main-body {
font-size: 11px;
color: #66737C;
background-color: #111214;
border-width: 0px 1px 1px 1px;
border-color: #272C32;
border-style: solid;
padding: 4px;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color: #66737C;
background-color: #111214;
padding: 10px 5px 10px 5px;
width: 175px;
}
.side-border-right {
color: #66737C;
background-color: #111214;
padding: 10px 5px 10px 5px;
width: 183px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #fff;
text-align: center;
background-image: url('images/side-cap.png');
background-repeat: repeat-x
}
.scapmain-left {
width: 12px;
height: 30px;
background-image: url('images/side-cap-left.png');
}
.scapmain-right {
width: 12px;
height: 30px;
background-image: url('images/side-cap-right.png');
}
.scapmain-bottom-left {
width: 12px;
height: 12px;
background-image: url('images/side-cap-bottom-left.png');
}
.scapmain-bottom-right {
width: 12px;
height: 12px;
background-image: url('images/side-cap-bottom-right.png');
}
.scapmain-center-right {
width: 12px;
background-image: url('images/side-cap-center-right.png');
background-repeat: repeat-y
}
.scapmain-center-left {
width: 12px;
background-image: url('images/side-cap-center-left.png');
background-repeat: repeat-y
}
.side-footer {
height: 12px;
background-image: url('images/side-bottom-cap.png');
background-repeat: repeat-x
}
.side-body {
font-size: 10px;
color: #66737C;
background-image: url('images/back.png');
padding: 4px
}
/* Center-Panel properties */
.news-category {
border: 0px none;
float: left; margin-left:0; margin-right:5px; margin-top:3px; margin-bottom:0
}
.news-footer {
font-size: 10px;
color: #fff;
background-image: url('images/bottom-cap.png');
padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:25px
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #66737C;
text-align: center;
background-image: url('images/cap.png');
background-repeat: repeat-x;
padding-left:4px; padding-right:2px; padding-top:25px; padding-bottom:6px
}
.capmain-left {
width: 46px;
height: 46px;
background-image: url('images/cap-left.png');
}
.capmain-right {
width: 46px;
height: 46px;
background-image: url('images/cap-right.png');
}
.capmain-bottom-left {
width: 46px;
height: 46px;
background-image: url('images/cap-bottom-left.png');
}
.capmain-bottom-right {
width: 46px;
height: 46px;
background-image: url('images/cap-bottom-right.png');
}
.capmain-center-right {
width: 46px;
background-image: url('images/cap-center-right.png');
background-repeat: repeat-y
}
.capmain-center-left {
width: 46px;
background-image: url('images/cap-center-left.png');
background-repeat: repeat-y
}
.main-bg {
color: #fff;
background-color: #111214;
padding: 10px 0 5px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
border: 1px solid #272C32;
}
.tbl {
font-size: 11px;
color: #fff;
background-color: #111214;
padding: 4px;
}
.tbl1 {
font-size: 11px;
color: #fff;
background-color: #111214;
padding: 4px;
}
.tbl2 {
font-size: 11px;
color: #fff;
background-color: #111214;
padding: 4px;
}
.forum-caption {
font-size: 11px;
font-weight: bold;
color: #fff;
background-color: #111214;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 11px;
color: #555;
background-color: #ececec;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #272C32;
}
.poll {
height: 12px;
border: 1px solid #272C32;
}
.comment-name {
font-weight: bold;
color: #fff;
}
.shoutboxname {
font-weight: bold;
color: #fff;
}
.shoutbox {
color: #66737C;
}
.shoutboxdate {
font-size: 10px;
color: #66737C;
}
.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;
}
.side-label {
color: #555;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
font-weight: normal;
background-color: #ececec;
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: #555;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #fff;
background-color: #272C32;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #272C32;
border: 1px solid #272C32;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #ececec;
border: 1px solid #272C32;
padding: 2px 4px 2px 4px;
margin: 0px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #f6a504;
margin: 2px;
text-decoration: none;
}
/*alt linkler için*/
#altlinkler{
margin: 0px auto;
text-align: center;
font-size: 9px;
font-weight: bold;
height:84px;
float:left;
background-image:url('images/nav-slice.png');
background-position: top center;
background-repeat:no-repeat;
background-position: left 50%;
width:100%
}
#altlinkler ul,
#altlinkler li{
padding:0px;
margin:0px;
list-style-type:none;
}
#altlinkler ul{
height:84px;
line-height:84px;
background-position: right 50%;
background-repeat:no-repeat;
float:left;
margin-left:10px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-left:0px; padding-right:1px; padding-top:0px; padding-bottom:0px
}
#altlinkler li{
height:30px;
line-height:30px;
display:inline;
position:relative;
float:left;
width:100px;
text-align:center;
}
#altlinkler li a{
height:84px;
width:100px;
text-align:center;
float:left;
background-position: left 50%;
background-repeat:no-repeat;
}
#altlinkler li a:link,
#altlinkler li a:visited{
color:#fff;
font-size : 10px;
font-family : Tahoma;
text-decoration:none;
padding: 30px 4px 5px 4px;
}
#altlinkler li.active a,
#altlinkler li a:hover{
background-image:url('images/nav-up.png');
background-repeat:no-repeat;
background-position: left 50%;
}
Jak możesz to pokoloruj wszystkie swoje zmiany żebym mógł sobie to przeanalizować i się czegoś nauczyć.
Edytowane przez cyfilis dnia 27.06.2011 17:00:18
|