temanın arka planını nasıl değiştirebilirim??
templates css de olmuyo denedim index php de de bulamadım öyle bişey
kodları veriyorum bi bakabilirseniz
''/* Structure */
#page {
width: 100%;
}
#wrapper {
border: 1px solid #D6D5D5;
background: #ffffff;
}
#topbar {
height: 30px;
line-height: 30px;
margin-left: 10px;
margin-right: 10px;
background: url(../images/pathway_below.gif);
display: block;
border: 1px solid #E6E6E6;
}
#topcontent {
float: left;
display: inline;
line-height: 30px;
}
#topleft {
height: 30px;
float: left;
display: inline;
width: 10px;
}
#topmenu {
height: 30px;
float: left;
display: inline;
width: auto;
}
#topsearch {
float: right;
display: inline;
padding-top: 3px;
line-height: 30px;
vertical-align: middle;
padding-right: 10px;
}
/* IE HACKS */
html>body #topsearch {
padding-top: 4px;
}
#topright {
height: 30px;
float: right;
display: inline;
width: 10px;
}
#headerbar {
margin-left: 10px;
margin-right: 10px;
background: url(../images/header_bg.gif);
height: 100px;
}
#headercontent {
float: left;
display: inline;
height: 100px;
}
#headerlogo {
float: left;
display: inline;
height: 100px;
line-height: 100px;
vertical-align: middle;
overflow: hidden;
}
#headersitename {
float: left;
display: inline;
line-height: 100px;
height: 100px;
vertical-align: middle;
padding-left: 15px;
color: #FFFFFF;
font-size: 22px;
font-family: "Times New Roman", Times, serif;
}
#headersitename a:link, #headersitename a:visited {
color: #FFFFFF;
text-decoration: none
}
#headersitename a:hover {
color: #0099FF;
text-decoration: none
}
#headerleft {
width: 10px;
float: left;
display: block;
}
#headerright {
width: 10px;
float: right;
display: block;
}
#headlines {
width: 99.8%;
float: left;
display: block;
margin-bottom: 10px;
background: #F7F6F5;
border: solid 1px #e6e6e6;
}
#bodylatest {
float: left;
display: block;
margin-left: 5px;
margin-right: 2px;
}
#bodypopular {
float: right;
display: block;
margin-right: 5px;
margin-left: 2px;
}
#mainbody {
width: 100%;
float: left;
display: block;
}
#pathwaybar {
margin-left: 10px;
margin-right: 10px;
background: #ffffff url(../images/pathway_below.gif);
height: 25px;
}
#pathwaycontent {
float: left;
display: block;
line-height: 25px;
height: 25px;
vertical-align: middle;
text-align: left;
}
.pathway {
color: #FB9220;
font-weight: bold;
display: inline;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
margin-bottom: 2px;
}
.pathway img {
margin-left: 5px;
margin-right: 5px;
margin-top: 6px;
}
.pathway a:link, .pathway a:visited {
color: #666666;
font-weight: normal;
}
.pathway a:hover {
color: #999999;
text-decoration: none;
font-weight: normal;
}
#pathwayleft {
width: 10px;
float: left;
display: block;
}
#pathwayright {
width: 10px;
float: right;
display: block;
}
#maincontent {
display: block;
margin-left: 5px;
margin-right: 5px;
}
#leftsection {
width: 160px;
margin-top: 0px;
}
#leftmodules {
margin-right: 5px;
margin-top: 0px;
}
#rightsection {
width: 160px;
text-align: left;
}
#rightmodules {
margin-left: 5px;
text-align: left;
}
#footerbar {
margin-left: 10px;
margin-right: 10px;
background: url(../images/footer_bg.gif) repeat-x;
height: 69px;
}
#footercontent {
float: left;
display: block;
padding-top: 20px;
color: #ffffff;
width: 97%;
}
#footercontent a:link, #footercontent a:visited {
color: #ffffff;
font-weight: bold;
}
#footercontent a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
#footerleft {
width: 10px;
float: left;
display: block;
}
#footerright {
width: 10px;
float: right;
display: block;
}
.spacer {
margin-left: 10px;
margin-right: 10px;
height: 10px;
display: block;
}
.spacer-border-bottom {
height: 10px;
display: block;
margin-left: 10px;
margin-right: 10px;
border-bottom: solid 1px #e6e6e6;
}
/* DEFAULT SETTINGS */
/* Below are default settings are used when no other style has been defined.*/
body {
margin-bottom: 10px;
margin-top: 10px;
font-size: 76%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #636363;
background: #F3F2F2;
}/*Style for the body tag of your website, controls font family page background, etc.*/
a:link, a:visited {
color: #999999;
text-decoration: none;
font-weight: bold;
} /* general links style*/
a:hover {
color: #666666;
text-decoration: none;
font-weight: bold;
}
hr {
width: 1px;
color: #D6D5D5;
} /* horizontal line in your template*/
hr.separator {
width: 1px;
color: #D6D5D5;
}
/* FORMS SETTINGS */
.button {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background: #EFEFEF;
padding: 0px 5px;
height: 23px;
color: #898989;
margin: 1px;
vertical-align: middle;
cursor: pointer;
}
/*
html>body .button {
height: 22px;
line-height: 22px;
}*/
/* NAVIGATION/MENU SETTINGS */
a.mainlevel{
display: block;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #333333;
text-align: left;
padding-left: 25px;
height: 30px !important;
line-height: 30px;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
} /* this styling is for the MAIN items in the menu */
a.mainlevel:link, a.mainlevel:visited {
background: url(../images/btn_mainlevel_normal.gif) no-repeat left;
color: #333333;
}
a.mainlevel:hover {
background: url(../images/btn_mainlevel_hover.gif) no-repeat;
color: #666666;
text-decoration: none;
}
a.mainlevel#active_menu {
background: url(../images/btn_mainlevel_active.gif) no-repeat left;
line-height: 25px;
color: #FF9900;
text-decoration: none;
} /* this styling is for the menu item when it is active, even in main/sub position*/
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.8em;
}
ul#mainlevel-nav li
{
background-image: none;
padding-left: 0px;
padding-right: 0px;
float: left;
margin: 0;
font-size: 50px;
line-height: 30px;
white-space: nowrap;
display: block;
}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
color: #666666;
background: transparent;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #F5F5F5;
}
#buttons>ul#mainlevel-nav li a { width: auto; }
ul#mainlevel-nav li a:hover
{
display: block;
color: #333333;
background: #F0EFEF;
border-right: 1px solid #E6E6E6;
border-left: 1px solid #F5F5F5;
}
a.sublevel{
line-height: 20px;
} /* this styling is for menu items that HAS A PARENT */
a.sublevel:link, a.sublevel:visited {
color: #999999;
text-decoration: none;
}
a.sublevel:hover {
color: #666666;
text-decoration: none;
}
.pagenavbar {
color: #333333;
} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>")
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link, .pagenavbar:visited {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #333333;
width: auto;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}
.pagenavcounter {
font-size: 12px;
color: #0099FF;
display: block;
}
a.readon:link, a.readon:visited {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #333333;
background: #999999;
padding: 0px 5px;
height: 26px;
line-height: 26px;
margin: 1px;
vertical-align: middle;
color: #898989;
} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background: #FFFFFF;
color: #959595;
padding: 0px 5px;
height: 26px;
line-height: 26px;
margin: 1px;
vertical-align: middle;
text-decoration: none;
}
/*Style for the "BACK" button*/
.back_button a:link, back_button a:visited {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: #EFEFEF;
color: #333333;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
display: block;
}
.back_button a:hover {
float: left;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: #FFFFFF;
color: #959595;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
display: block;
text-decoration: none;
}
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
/*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {
list-style: url(../images/mostread.gif);
}
/*Style for most popular list - by default, most popular is user2 module*/
.mostread li{
list-style: url(../images/popular.gif);
}
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
ul li {
list-style: url(../images/arrow.png);
}
.blogsection {} /* Formatting the links in Blog section */
.blog_more {
color: #333333;
} /*The "More" text in blog section*/
a.blogsection:link, a.blogsection:visited {
color: #999999;
text-decoration: none;
font-weight: bold;
} /* set the link format */
a.blogsection:hover {
color: #666666;
text-decoration: none;
font-weight: bold;
} /* same as above, but for links with mouse pointer over it */
.componentheading {
background: url(../images/btn_mainlevel_normal.gif) no-repeat;
padding-left: 20px;
line-height: 25px;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
color: #333333;
padding-bottom: 15px;
}/* Title of the component being used to display the content.*/
.contentheading {
line-height: 25px;
background: url(../images/contentheading.gif) no-repeat;
padding-left: 22px;
font-size: 18px;
font-family: "Times New Roman", Times, serif;
color: #FF6600;
} /* Title of the content, article, etc. being displayed.*/
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {
background: #FFCC99;
font-size: 12px;
font-weight: bold;
} /* This is for styling the section table headers on a
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry2 {
text-align: left;
background: #CC0000;
height: 25px;
padding-left: 3px;
}
.sectiontableentry1 {
text-align: left;
background: #FFFFFF;
height: 25px;
padding-left: 3px;
}
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable th, div.moduletable h3 {
border-bottom: solid 1px #E6E6E6;
line-height: 25px;
margin: 0 0 2px 0;
margin-top: 2px;
font-size: 12px;
color: #333333;
vertical-align: middle;
text-transform: normal;
} /* Formatting the module table */
table.moduletable {
width: 100%;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
} /* Formatting the module header, and the module titles */
table.moduletable td {} /* Formatting the table cells of the module table */
div.moduletable {
padding: 0;
margin-bottom: 0px;
}
/* MISCELLANEOUS */
/* Dates , Authors*/
.createdate {
font-size: 11px;
font-style: italic;
color: #929292;
} /* For styling the date the content/articles are created under contents title */
.modifydate {
font-size: 11px;
font-style: italic;
color: #000000;
} /* Formating "Last updated on" text at the end of articles/contents */
.small {
font-size: 11px;
font-style: italic;
color: #929292;
} /* Formating "Written by:...." text */
.smalldark {
font-size: 11px;
font-style: italic;
color: #7B7B7B;
}/*Found in poll result page, for " Number of Voters".. text */
''
İndex.php
<?php
ob_start();
header ("Content-Type: text/html; charset=iso-8859-9");
?>
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php if ( $my->id ) { initEditor(); } ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/images/favicon.ico\" />" ; ?>
<?php
/*
800 x 600 set $size = 1
1024 x 768 set $size = 2
Full width set $size = 0
*/
// not very good, i'll improve it someday
$size = 1;
if ($size === 1) {
$width = "760px";
}
elseif ($size === 2) {
$width = "980px";
}
elseif ($size === 0) {
$width = "98%";
}
?>
<style type="text/css">
<!--
.style1 {
font-size: 16px;
font-weight: bold;
color: #000000;
}
body,td,th {
color: #333333;
}
-->
</style>
</head>
<body>
<div id="page" align="center">
<div id="wrapper" style="width: <?php echo $width; ?>;">
<!-- 10x10 spacer image -->
<!-- BEGIN TOP BAR AREA -->
<!-- BEGIN TOP BAR AREA -->
<!-- 10x10 spacer image -->
<table width="777" height="36" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="61" align="right"> </td>
<td width="312" valign="middle"> </td>
<td width="235" align="center" valign="top">
<a href=""></a></td>
<td width="169" background="templates/flexi_orange_simple_i/images/l1.gif"><div align="center"></div></td></tr>
</table>
<!-- BEGIN HEADER AREA -->
<!-- END PATHWAY AREA -->
<!-- 10x10 spacer image -->
<!--Flash-->
<tr>
<td height="241">
<table width="774" height="241" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="774" valign="middle"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="755" height="241">
<param name="movie" value="templates/flexi_orange_simple_i/035.swf">
<param name="quality" value="high">
<embed src="templates/flexi_orange_simple_i/035.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="755" height="241"></embed></object></td>
</tr>
</table> </td>
</tr>
<!--Flash-->
<!-- BEGIN CONTENT AREA -->
<div id="maincontent" align="left">
<table width="100%" border="0" cellspacing="2" cellpadding="1">
<tr>
<!-- left modules -->
<?php
if ( mosCountModules( 'left' ) ) {
echo "<td valign=\"top\" id=\"leftsection\"><div id=\"leftmodules\">";
mosLoadModules ( 'left', -2 );
echo "</div></td><td width=\"1\" style=\"border-left: solid 1px #E6E6E6;\">";
echo "<img src=\"templates/$GLOBALS[cur_template]/images/spacer1x1.gif\" alt=\"\" /></td>";
}
?>
<!-- main content -->
<td valign="top">
<!-- check Latest News and Popular module has content or not -->
<?php
if ( mosCountModules( 'user1' ) || mosCountModules( 'user2' ) ) {
?>
<div id="headlines" align="left">
<!--
switcher to check Latest News and Popular modules
not the good one, but i've tried my best to make sure
it compatible with either IE or Firefox, and also with
minimum size 800x600. it's different from rhuk_solarflare_ii
style coz i want try to code it from scratch :p
-->
<?php
if ( mosCountModules( 'user1' ) && mosCountModules( 'user2' ) ) {
?>
<div id="bodylatest" style="width: 47%"></div>
<div id="bodypopular" style="width: 47%">
<?php mosLoadComponent( "banners" ); ?>
</div>
<?php
}
elseif ( mosCountModules( 'user1' ) && !mosCountModules( 'user2' ) ) {
?>
<div id="bodylatest" style="width: 97%"><td align="center"><?php if (mosCountModules('top')>0) mosLoadModules('top',0); ?>
</td>
}
elseif ( mosCountModules( 'user2' ) && !mosCountModules( 'user1' ) ) {
?>
<div id="bodypopular" style="width: 97%"><?php mosLoadModules ( 'user2', -2 ); ?></div>
<?php
}
?>
</div>
<?php
}
?>
<div id="mainbody"><?php mosMainBody(); ?></div>
</td>
<!-- right modules -->
<?php
if ( mosCountModules( 'right' ) ) {
echo "<td width=\"1\" style=\"border-right: solid 1px #E6E6E6;\">";
echo "<img src=\"templates/$GLOBALS[cur_template]/images/spacer1x1.gif\" alt=\"\" /></td>";
echo "<td valign=\"top\" align=\"left\" id=\"rightsection\"><div id=\"rightmodules\">";
mosLoadModules ( 'right', -2 );
echo "</div></td>";
}
?>
</tr>
</table>
</div>
<!-- END CONTENT AREA -->
<!-- 10x10 spacer image -->
<div class="spacer"></div>
<!-- BEGIN FOOTER -->
<div id="footerbar" align="center">
<div id="footerleft"></div>
<div id="footercontent" align="center">
<p class="style1">© 2007 Elkom Yazılım - İstanbul Cad. 10/28 Ulus ANKARA Tel:312 311 76 66 - 311 76 11 </p>
</div>
<div id="footerright"></div>
</div>
<!-- END FOOTER -->
<!-- 10x10 spacer image -->
<div class="spacer"></div>
</div>
<br />
</div>
</body>
</html>
Tahsin ALTAY
29-03-2007, 00:32:08
/* DEFAULT SETTINGS */
/* Below are default settings are used when no other style has been defined.*/
body {
margin-bottom: 10px;
margin-top: 10px;
font-size: 76%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #636363;
background: #F3F2F2;
}/*Style for the body tag of your website, controls font family page background, etc.*/
bu alandaki ""background: #F3F2F2;"" #F3F2F2 yazan yere istediğiniz renk kodunu yazarsanız sonuca ulaşabilirsiniz.
çok sağol usta hallettim
teşekkürler
vBulletin v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.