|
Theme- wypełnienie panelu kolorem
|
| zorf |
Dodany dnia 10.07.2006 23:18:43
|
Początkujący
Postów: 102
Data rejestracji: 11.12.2005 13:43
|
Edytuje thema i zmienilem kolor tla ale okazalo sie ze panele nawigacyjne w srodkach byly przezroczyste i maja ten sam kolor co tlo ktory to znowu nie pasuje do otoczki moich paneli. jak zminiec kolo tla w panelu. szukalem w stylach ale tam niema zdefiniowanego tego nigzie bo on bierze automatycznie ten kolor z tla body |
| |
|
|
| Wścibski Gość |
Dodany dnia 25.11.2024 23:01:35
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| proton |
Dodany dnia 10.07.2006 23:32:05
|
Bywalec
Postów: 945
Pomógł: 22
Data rejestracji: 10.11.2005 18:29
|
Podaj adres strony, i zapodaj t theme.php i styles.css albo powiedz jaka to skórka.
|
| |
|
|
| zorf |
Dodany dnia 10.07.2006 23:37:36
|
Początkujący
Postów: 102
Data rejestracji: 11.12.2005 13:43
|
skórka RedDown
adres : www.blodia.ovh.org
chcial bym tez powstawiac jakies fajne tla (klawiesze) pod linkami w nawigacji i niewiem gdzie to zmienic ?
Edytowane przez zorf dnia 10.07.2006 23:44:30
|
| |
|
|
| proton |
Dodany dnia 10.07.2006 23:43:07
|
Bywalec
Postów: 945
Pomógł: 22
Data rejestracji: 10.11.2005 18:29
|
Jaki adres strony bo ty niewytłumaczyłeś dokłądnie o co chodzi? I daj jednak theme.php i styles.css
|
| |
|
|
| zorf |
Dodany dnia 10.07.2006 23:45:36
|
Początkujący
Postów: 102
Data rejestracji: 11.12.2005 13:43
|
adres dalem u gory a jak dac themes i style ?? wkleic kod ?
THEME.php
<?
$body_text = "#ECE3C2";
$body_bg = "#2A2C5C";
$theme_width = "100%";
$theme_width_l = "180";
$theme_width_r = "180";
function render_header($header_content) {
global $theme_width,$settings;
echo "<center><table border='0' cellpadding='0' cellspacing='0' width='963' height='158' align='center' >";
echo "<tr><td><img border='0' src='".THEME."images/left_top.jpg' width='279' height='158'></td>";
echo "<td><object classid='clsid:EFF6744C-7143-11cf-A51B-080036F12502' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0' width='684' height='158' align='center'>
<param name='Movie' value='http://blodia.ovh.org/themes/RedDawn/images/right.swf'>
<embed src='http://blodia.ovh.org/themes/RedDawn/images/right.swf' bgcolor=#103873 width='684' height='158'align='center' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash'>
</embed>
</object></td></tr></table></center>";
echo "<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>";
$result = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' ORDER BY link_order");
if (dbrows($result) != 0) {
echo "<td class='navcell' background='".THEME."images/navpic.gif' width='60%'>\n";
$i = 0;
while($data = dbarray($result)) {
if (checkgroup($data['link_visibility'])) {
if ($data['link_url']!="---") {
if ($i != 0) { echo " <img border='0' src='".THEME."images/divider.gif'>\n"; } else { echo "\n"; }
$link_target = ($data['link_window'] == "1" ? " target='_blank'" : "");
if (strstr($data['link_url'], "http://") || strstr($data['link_url'], "https://")) {
echo "<a href='".$data['link_url']."'".$link_target." class='white'>".$data['link_name']."</a>";
} else {
echo "<a href='".BASEDIR.$data['link_url']."'".$link_target." class='white'>".$data['link_name']."</a>";
}
}
$i++;
}
}
}
echo ($i == 0 ? " " : "")."</td>\n";
echo "<td background='".THEME."images/navpic.gif' align='right' width='40%' class='navcell'>".ucwords(showdate($settings['subheaderdate'], time()))."";
echo "</td></tr></table>";
echo"<table width='100%' cellspacing='0' cellpadding='0'>\n<tr>";
echo "<table width='100%' cellspacing='0' cellpadding='0'>\n<tr>\n";
}
function render_footer($license=false) {
global $theme_width,$locale,$settings;
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0' >";
echo "<tr><td class='panel-left'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "<td align='center' width='100%' class='panel-main' ></td>";
echo "<td class='panel-right'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td align='center' background='".THEME."images/border-left.gif' width='12'></td>";
echo "<td align='center' class='side-body'>".stripslashes($settings['footer'])."\n";
if ($license == false) {
}
echo " zorf <a target='_blank' href='http://creator.za.pl'></a>";
echo "<br><br><strong>".$settings['counter']." </strong>".($settings['counter'] == 1 ? $locale['140']."\n" : $locale['141']."\n");
echo "</td>";
echo "<td class='border-right'><img src='".THEME."images/blank.gif' width='18' height='1' alt='' style='display:block'></td></tr>";
echo "<tr>";
echo "<td align='left' background='".THEME."images/border-bleft.gif' width='18'></td>";
echo "<td class='border-bmain'><img src='".THEME."images/blank.gif' width='1' height='17' alt='' style='display:block'></td>";
echo "<td class='border-bright'><img src='".THEME."images/blank.gif' width='18' height='17' alt='' style='display:block'></td>";
echo "</tr></table>\n";
}
function render_news($subject, $news, $info) {
global $locale;
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='panel-left'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "<td width='100%' class='panel-main'>$subject</td>";
echo "<td class='panel-right'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td align='left' background='".THEME."images/border-left.gif' width='12'></td>";
echo "<td class='news-body'><div style='width:100%;vertical-align:top;'>$news</div><br>";
echo "<div style='margin-top:5px'>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='infobar'><img src='".THEME."images/bullet.gif'> ";
echo "".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a> ";
echo "".$locale['041'].showdate("longdate", $info['news_date'])."</td>";
echo "<td align='right' class='infobar2'>";
echo "".($info['news_ext'] == "y" ? "<a href='news.php?readmore=".$info['news_id']."'><b>".$locale['042']."</b></a> <b>·</b>\n" : "")."";
if ($info['news_allow_comments'])
echo "<a href='news.php?readmore=".$info['news_id']."'>".$info['news_comments'].$locale['043']."</a> <b>·</b> ";
echo "".$info['news_reads'].$locale['044']." <b>-</b> ";
echo "<a href='print.php?type=N&item_id=".$info['news_id']."'><img src='".THEME."images/printer.gif' alt='".$locale['045']."' style='vertical-align:middle;'></a>";
echo "</td></tr></table></div></td>";
echo "<td class='border-right'><img src='".THEME."images/blank.gif' width='18' height='1' alt='' style='display:block'>";
echo "</td></tr><tr>";
echo "<td align='left' background='".THEME."images/border-bleft.gif' width='18'></td>";
echo "<td class='border-bmain'><img src='".THEME."images/blank.gif' width='1' height='17' alt='' style='display:block'></td>";
echo "<td class='border-bright'><img src='".THEME."images/blank.gif' width='18' height='17' alt='' style='display:block'></td>";
echo "</tr></table>\n";
}
function render_article($subject, $article, $info) {
global $locale;
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='panel-left'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "<td width='100%' class='panel-main'>$subject</td>";
echo "<td class='panel-right'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td align='left' background='".THEME."images/border-left.gif' width='12'></td>";
echo "<td class='news-body'><div style='width:100%;vertical-align:top;'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div><br>";
echo "<div style='margin-top:5px'>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='infobar'><img src='".THEME."images/bulletc.gif'> ";
echo "".$locale['040']."<a href='profile.php?lookup=".$info['user_id']."'>".$info['user_name']."</a> ";
echo "".$locale['041'].showdate("longdate", $info['article_date'])."</td>";
echo "<td align='right' class='infobar2'>";
if ($info['article_allow_comments']) echo $info['article_comments'].$locale['043']." <b>·</b> ";
echo "".$info['article_reads'].$locale['044']." <b>-</b> ";
echo "<a href='print.php?type=A&item_id=".$info['article_id']."'><img src='".THEME."images/printer.gif' alt='".$locale['045']."' style='vertical-align:middle;'></a>";
echo "</td></tr></table></div></td>";
echo "<td class='border-right'><img src='".THEME."images/blank.gif' width='18' height='1' alt='' style='display:block'></td>";
echo "</tr><tr>";
echo "<td align='left' background='".THEME."images/border-bleft.gif' width='18'></td>";
echo "<td class='border-bmain'><img src='".THEME."images/blank.gif' width='1' height='17' alt='' style='display:block'></td>";
echo "<td class='border-bright'><img src='".THEME."images/blank.gif' width='18' height='17' alt='' style='display:block'></td>";
echo "</tr></table>\n";
}
function opentable($title) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>";
echo "<tr><td class='panel-left'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "<td width='100%' class='panel-main'>$title</td>";
echo "<td class='panel-right'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td align='left' background='".THEME."images/border-left.gif' width='12'></td>";
echo "<td class='table-body'>\n";
}
function closetable() {
echo "</td>";
echo "<td class='border-right'><img src='".THEME."images/blank.gif' width='18' height='1' alt='' style='display:block'></td></tr>";
echo "<tr>";
echo "<td align='left' background='".THEME."images/border-bleft.gif' width='18'></td>";
echo "<td class='border-bmain'><img src='".THEME."images/blank.gif' width='1' height='17' alt='' style='display:block'></td>";
echo "<td class='border-bright'><img src='".THEME."images/blank.gif' width='18' height='17' alt='' style='display:block'></td>";
echo "</tr></table>\n";
}
function openside($title) {
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='panel-left'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "<td width='100%' class='panel-main'>$title</td>";
echo "<td class='panel-right'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td align='left' background='".THEME."images/border-left.gif' width='12'></td>";
echo "<td class='side-body'>\n";
}
function closeside() {
echo "</td>";
echo "<td class='border-right'><img src='".THEME."images/blank.gif' width='18' height='1' alt='' style='display:block'></td></tr></table>";
echo "<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>";
echo "<td align='left' background='".THEME."images/border-bleft.gif' width='18'></td>";
echo "<td class='border-bmain'><img src='".THEME."images/blank.gif' width='1' height='17' alt='' style='display:block'></td>";
echo "<td class='border-bright'><img src='".THEME."images/blank.gif' width='18' height='17' alt='' style='display:block'></td>";
echo "</tr></table>\n";
}
function opensidex($title,$open="on") {
$box_img = ($open=="on" ? "off" : "on");
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td class='panel-left'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "<td width='100%' class='panel-main'>$title</td>";
echo "<td align='right' class='panel-main'><img onclick=\"javascript:flipBox('$title')\" name='b_$title' alt='$box_img' src='".THEME."images/panel_$box_img.gif'></td>";
echo "<td class='panel-right'><img src='".THEME."images/blank.gif' width='18' height='27' alt='' style='display:block'></td>";
echo "</tr></table>";
echo "<table width='100%' cellpadding='0' cellspacing='0'><tr>";
echo "<td align='left' background='".THEME."images/border-left.gif' width='12'></td>";
echo "<td class='side-body'>\n";
echo "<div id='box_$title'".($open=="off" ? "style='display:none'" : "").">";
}
function closesidex() {
echo "</td></div>";
echo "<td class='border-right'><img src='".THEME."images/blank.gif' width='18' height='1' alt='' style='display:block'></td></tr>";
echo "<tr>";
echo "<td class='border-bleft'><img src='".THEME."images/blank.gif' width='18' height='17' alt='' style='display:block'></td>";
echo "<td class='border-bmain'><img src='".THEME."images/blank.gif' width='1' height='17' alt='' style='display:block'></td>";
echo "<td class='border-bright'><img src='".THEME."images/blank.gif' width='18' height='17' alt='' style='display:block'></td>";
echo "</tr></table>\n";
}
function tablebreak() {
echo "<table width='100%' cellspacing='0' cellpadding='0'>";
echo "</td></table>\n";
}
echo "</tr></table>";
?>
styles.css
body {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
margin: 0px 0px 0px 0px;
scrollbar-face-color: #2A2C5C;
scrollbar-highlight-color: #620E0E;
scrollbar-shadow-color: #961515;
scrollbar-3dlight-color: #C5B0B0;
scrollbar-arrow-color: #FBAB00;
scrollbar-track-color: #D15521;
scrollbar-darkshadow-color: #5E0405;
}
a {
color:#FFFFFF; text-decoration:none;
}
a:hover {
color:#FFCC01; text-decoration:underline;
}
a.side {
color:#F7B73B; text-decoration:none;
}
a:hover.side {
color:#FFFEFD; text-decoration:underline;
}
a.white {
font-size:10px;color:#F6F6F6; font-weight:bold;text-decoration:none;
}
a:hover.white {
color:#FFCC01; text-decoration:underline overline;
}
img {
border: 0px;
}
.side-body {
font-family: verdana;
font-size: 10px;
filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);
padding:5px 0px 0px 0px;
}
form {
margin:0px 0px 0px 0px;
}
hr {
border-top:1px #E31417 outset;
border-bottom:1px #5F1617 inset;
}
hr.side-hr {
border:1px #E31417 outset;
border-bottom:1px #5F1617 inset;
}
td {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
}
pre {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
}
.alt {
color:#C9A850;
}
.navcell {
background-color: #BE4C16;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px;
padding:0px 5px 2px 5px;
height:26px;
}
.button {
background-color: #FF0000;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
border-top: 1px solid #FF6F70;
border-right: 1px solid #710001;
border-bottom: 1px solid #710001;
border-left: 1px solid #FF6F70;
margin-top:2px;
}
.textbox {
background-color: #fff;
font-family: verdana;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
border-top: 1px solid #5F1617;
border-right: 1px solid #B30E0F;
border-bottom: 1px solid #B30E0F;
border-left: 1px solid #5F1617;
}
.main-bg {
padding:5px 0px 5px 0px;
}
.side-border-left {
padding:5px 5px 0px 0px;
}
.side-border-right {
padding:5px 0px 0px 5px;
}
.main-body {
font-size:11px;
color:#ECE3C2;
background-color:#2A2C5C;
padding:12px 4px 3px 4px;
}
.border {
background-color:#ddd;
border:2px #5E0405 solid;
}
.infobar {
filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);
font-size:9px;
color:#CACAC1;
border-top: solid #5F1617;
border-top-width: 1px;
border-left: solid #5F1617;
border-left-width: 1px;
border-right: solid #B30E0F;
border-right-width:0px;
border-bottom: solid #B30E0F;
border-bottom-width:1px;
padding:3px 4px 3px 4px;
}
.infobar2 {
filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);
font-size:9px;
color:#CACAC1;
border-top: solid #5F1617;
border-top-width: 1px;
border-left: solid #5F1617;
border-left-width: 0px;
border-right: solid #B30E0F;
border-right-width:1px;
border-bottom: solid #B30E0F;
border-bottom-width:1px;
padding:3px 4px 3px 4px;
}
.panel-left {
width:18px; height:27px;
background-image:url(images/panel-left.gif);
}
.panel-right {
width:18px; height:27px;
background-image:url(images/panel-right.gif);
}
.panel-main {
font-family:Tahoma,Arial,Sans-Serif;
font-size:11px;font-weight:bold;
color:#F5F4E7;
height:27px;
padding:6px 2px 0px 2px;
background-image:url(images/panel-main.gif);
background-repeat:repeat-x;
}
.border-left {
width:18px; background-image:url(images/border-left.gif);
background-repeat:repeat-y;
}
.border-right {
width:18px; background-image:url(images/border-right.gif);
background-repeat:repeat-y;
}
.border-bleft {
width:13px; height:17px;
background-image:url(images/border-bleft.gif);
}
.border-bright {
width:18px; height:17px;
background-image:url(images/border-bright.gif);
}
.border-bmain {
height:17px; background-image:url(images/border-bmain.gif);
background-repeat:repeat-x;
}
.table-body {
font-size:11px;
color:#E1E1E1;
background-color:#BE4C16;
padding:12px 0px 0px 0px;
}
.news-body {
font-size:11px;
color:#E2E2E2;
background-color:#BE4C16;
padding:12px 0px 0px 0px;
}
.side-caption {
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:11px; font-weight:bold;
color:#FFFFFF; background-color:#BE4C16;
padding:0px 4px 3px 4px;
}
.tbl-border {
background-color:#5E0405;
}
.tbl {
font-size:11px; padding:3px 4px 3px 4px;
}
.tbl1 {
font-size:11px; color:#E8E8E8;
background-color:#972E2E; padding:4px;
}
.tbl2 {
font-size:11px; color:#E8E8E8;
background-color:#BE4C16; padding:4px;
}
.forum-caption {
font-size:11px; font-weight:bold;
height:22px;background-image:url(images/navpic.gif);
color:#FFFDF4; background-color:#2A2C5C;
padding:4px 4px 4px 4px;
}
.quote {
color:#E9E7D2; background-color:#820B0C;
padding:2px;
margin:0px 20px 0px 20px;
border:1px #5E0405 solid;
}
.poll {
background-color:#2A2C5C;
height:12px; border:1px #5E0405 solid;
}
.comment-name {
font-weight:bold; color:#EEE7DA;
}
.shoutboxname {
font-weight:bold; color:#FDD78D;
}
.shoutbox {
color:#F7F7F7;
}
.shoutboxdate {
font-size:9px; color:#0081B7; text-align:right;
}
.shoutbox {
color:#F7F7F7;
}
.small {
font-size:11px; font-weight:normal;
}
.small2 {
font-size:11px; font-weight:normal; color:#F7F7F7;
}
.side-small {
font-size:11px; font-weight:normal; color:#F7F7F7;
}
.side-label {
background-color:none;
padding:1px 4px 3px 4px;height:17px;
}
.gallery {
padding: 16px 0px 8px 0px;
}
.gallery img {
border: 1px solid #5E0405; filter: gray;
}
.gallery:hover img {
border: 1px solid red; filter: none;
}
img.activegallery {
border: 1px solid green; filter: none;
}
//Proton
Edytuj posty a nie pisz jeden pod drugim. I wyłączaj uśmieszki!
Edytowane przez proton dnia 11.07.2006 00:00:33
|
| |
|
|
| proton |
Dodany dnia 11.07.2006 00:05:31
|
Bywalec
Postów: 945
Pomógł: 22
Data rejestracji: 10.11.2005 18:29
|
Znajdź w styles.css:
.side-body {
font-family: verdana;
font-size: 10px;
filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);
padding:5px 0px 0px 0px;
}
i zamień na:
.side-body {
font-family: verdana;
font-size: 10px;
filter: DropShadow(Color=#000000, OffX=1, OffY=1, Positive=1);
padding:5px 0px 0px 0px;
background-color:#kolor;
}
Oczywiście gdzie kolor to podaj kod jego. Powinno pomóc.
|
| |
|
|
| zorf |
Dodany dnia 11.07.2006 00:09:53
|
Początkujący
Postów: 102
Data rejestracji: 11.12.2005 13:43
|
ok dzieki zmienialem podbnie ale odrazu po side body to dodawalem. Jeszcze pytanko jak wstawic klawisze (paski) pod kazdym linkiem w nawigacji zeby sie zmienialy ich kolory po najechaniu ? |
| |
|
|
| proton |
Dodany dnia 11.07.2006 00:10:59
|
Bywalec
Postów: 945
Pomógł: 22
Data rejestracji: 10.11.2005 18:29
|
Jeśli używasz nawigacji domyślnej czyli tej co jest w PA to nie da się. Musisz stworzyć nowy panel w którym podasz ten kod i linki do stron.
|
| |
|
|
| zorf |
Dodany dnia 11.07.2006 00:17:20
|
Początkujący
Postów: 102
Data rejestracji: 11.12.2005 13:43
|
a dziwne ze sie nie da a nikt na modułach narazie nic podobnego nie zamieszczał ? |
| |
|
|
 wlodekp |
Dodany dnia 11.07.2006 00:58:46
|
Weteran
Postów: 3101
Pomógł: 29
Data rejestracji: 21.05.2005 22:27
|
Wszystko da się się zrobić, to jest przykład, wyglądu -a sposoby opisywałem dawno na tym forum.
www.wlodekp.ovh.org strona właśnie do takich testów, a istnieje już dłużej-niż staż co niektórych. Na tym forum jest mase odpowiedzi-a te stare nawet z 2004r też są bardzo pomocne-tylko trzeba je najpierw przeczytać.
|
| |
|
|
| slawekneo |
Dodany dnia 11.07.2006 02:57:29
|
Bywalec
Postów: 915
Pomógł: 41
Data rejestracji: 12.03.2006 07:28
|
drogi @protonie wszystko sie da zrobic jesli tylko sie chce :P
Mam nadzieje ze o takie paski Ci chodzilo jakie są tutaj w nawigacii
(tzn chdzi mi o zmienianie sie po najechaniu kursorem koloru badz obrazka) jak tak to opisuje ponizej co trzeba zrobic aby miec takie cos w nawigacii (dodaje ze jest to opis wstawienia dla standardowych paneli nawigacyjnych php-fusion)
1.otwieramy plik style.css
2.dodajemy teraz styl nazwiemy go np. "pasek", a kod do dodania wyglada tak (jezeli pod linkiem ma byc grafika)a.pasek:hover {
text-align : left;
display : block;
font-size : 12px;
font-weight : bold;
text-decoration : none;
background-image: url(images/pasek_hover.jpg);
color: #000000;
width: 100%;
}
a.pasek {
font-family : Arial, Helvetica, sans-serif;
text-align : left;
display : block;
line-height : 20px;
font-size : 12px;
width : 100%;
height : 22px;
text-indent: 10px;
background-image: url(images/pasek.jpg);
vertical-align: middle;
text-decoration: none;
}
gdzie styl:
a.pasek - tlo w postaci obrazka(pasek.jpg) dla linku w nawigacii normalnie
a.pasek:hover - tlo w postaci obrazka(pasek_hover.jpg) dla linku w nawigacii po najechaniu kursorem.
oczywiscie dla obu robimy grafiki(paski), nazywamy je jak powyzej i wstawiamy je do katalogu themes/twoj_theme/images
(a tak jezeli ma byc tlo(pod linkiem) jako ustalony kolor)a.pasek {
font-family : Arial, Helvetica, sans-serif;
text-align : left;
display : block;
line-height : 20px;
font-size : 12px;
width : 100%;
height : 22px;
text-indent: 10px;
background-color:#KOLOR1;
vertical-align: middle;
text-decoration: none;
}
a.pasek:hover {
text-align : left;
display : block;
font-size : 12px;
font-weight : bold;
text-decoration : none;
background-color:#KOLOR2;
color: #000000;
width: 100%;
}
gdzie:
#KOLOR1 to kolor tla wyswietlajacy sie normalnie
#KOLOR2 to kolor tla wyswietlajacy sie po najechniu kursorem
(#KOLOR1 i #KOLOR2 zmieniamy na kody koloru ktore chcemy miec)
dodatkowo:
jezeli chcemy ustawic sobie wysokosc to zmieniamy
z height: 22px; na height: WYSOKOSC;
3.mamy juz styl wiec zapisujemy i zamykamy
4.teraz otwieramy plik navigation_panel.php w katalogu infusions/navigation_panel
5.usuwamy cala zawartosc tamtego pliku i wklejamy tten kod <?php
/*---------------------------------------------------+
| PHP-Fusion 6 Content Management System
+----------------------------------------------------+
| Copyright © 2002 - 2006 Nick Jones
| http://www.php-fusion.co.uk/
+----------------------------------------------------+
| Released under the terms & conditions of v2 of the
| GNU General Public License. For details refer to
| the included gpl.txt file or visit http://gnu.org
+----------------------------------------------------*/
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
openside($locale['001']);
$result = dbquery("SELECT * FROM ".$db_prefix."site_links WHERE link_position<='2' ORDER BY link_order");
if (dbrows($result) != 0) {
while($data = dbarray($result)) {
if (checkgroup($data['link_visibility'])) {
if ($data['link_name'] != "---" && $data['link_url'] == "---") {
echo "<div ><b>".$data['link_name']."</b></div>\n";
} else if ($data['link_name'] == "---" && $data['link_url'] == "---") {
echo "<hr>\n";
} else {
$link_target = ($data['link_window'] == "1" ? " target='_blank'" : "");
if (strstr($data['link_url'], "http://") || strstr($data['link_url'], "https://")) {
echo "<b><a href='".$data['link_url']."'".$link_target." class='pasek'>".$data['link_name']."</a></b></font>";
} else {
echo "<b><a href='".BASEDIR.$data['link_url']."'".$link_target." class='pasek'>".$data['link_name']."</a></b></font>";
}
}
}
}
} else {
echo $locale['002'];
}
closeside();
?>
6. zapisujemy i zamykamy
7.testujemy czy dziala (jezeli po wejsciu na strone nic sie niezmieni w panelu nawigacii kliknij klawisz "F5")
jezeli jednak dalej nic to bierzemy siekiere i jedziemy do autora hee ;P
Pozdro!!
EDIT @wlodekp - he jak zaczelem pisac to Twojego postu jeszcze nie bylo, a tak poza to o czym piszesz to jakos niemoga znalesc na Twojej testowej stronie ;P
Edytowane przez slawekneo dnia 11.07.2006 13:36:29
|
| |
|
|
| wlodekp |
Dodany dnia 11.07.2006 06:15:42
|
Weteran
Postów: 3101
Pomógł: 29
Data rejestracji: 21.05.2005 22:27
|
@slawenko masz rację jest przełączone inne theme z wypełnieniem paneli bocznych, na mojej normalnej stronie(adres podpis) hover-zmiana koloru tła globalnie, w panelu nawigacji także robi się to stylami tak jak TY to opisujesz.
|
| |
|
|
| slawekneo |
Dodany dnia 11.07.2006 13:29:20
|
Bywalec
Postów: 915
Pomógł: 41
Data rejestracji: 12.03.2006 07:28
|
@wlodekp - no teraz to widze he ale u Ciebie jest tlo tylko pod textem, a ja opisuje jak zrobic tlo o danych wymiarach (zobacz screen w poprzednim poscie)
Ps kocham jak ktos przekreca moj nick ;P hee |
| |
|
