Разширяване на дизайн

H

h4x0r

Registered
Здравейте .. ако можете да ме насочите как да направя на 100% ширината на самият дизайн ще съм ви много благодарен ...

theme.php

Код: 
<?php

if (!defined("IN_FUSION")) { die("Access Denied"); }

define("THEME_BULLET", "<span class='bullet'>  ·  </span>");

require_once INCLUDES."theme_functions_include.php";
    

function render_page($license=false) {
	
	global $settings, $main_style, $locale;
	
	//BG Anfang
          echo "
				 <table cellpadding='0' cellspacing='0' width='100%' border='0' align='center'>
		         <tr>
				  <td width='100%' class='bg' align='left'>";


//Header

          echo "
          <table cellpadding='0' cellspacing='0' width='990' border='0' align='center'>
		  <tr>
		  <td width='100%' height='10'  align='center'  class='header'>
		  </td>
          </tr>
		  </table>		  
		  <table cellpadding='0' cellspacing='0' width='990' border='0' align='center'>
		  <tr>
		  <td width='100%' height='40'  align='center'  class='nav-oben'>
		  <table cellpadding='0' cellspacing='0' width='990' border='0' align='center'>
		  <tr>
		  <td width='100%' height='40' class='top-nav' align='center'>
		  ".showsublinks(" ".THEME_BULLET."", "white")."
		  </td>
          </tr>
		  </table>
		  </td>
          </tr>
		  </table>";
		   echo "<table cellpadding='0' cellspacing='0' width='990' border='0' align='center'>
		  <tr>
		  <td width='100%' height='300'  align='center'  class='login'><img src='".THEME."images/header.jpg' alt='' width='990' height='300' /></td>
          </tr>
		  </table>";

//Header Ende
		
//Content
	echo "<table cellpadding='0' cellspacing='0' width='990' class='$main_style' align='center'>\n<tr>\n";
	if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
	echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
	if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
	echo "</tr>\n</table>\n";	
//Content Ende	

//Footer

          echo "<table cellpadding='0' cellspacing='0' width='990' border='0' align='center'>
		  <tr>
		  <td width='990' height='30'  align='right'  class='copy'>
                 <table cellpadding='0' cellspacing='0' width='990' border='0' align='center'>
		                <tr>		  
						<td width='50%' align='left'><img src='".THEME."images/box.gif' alt='' width='120' height='100' align='left'/></td>
						<td width='50%' align='right'><img src='".THEME."images/gotop.jpg' onclick='javascript:scroll(0,0)' alt='top' style='border: 0pt none;' /></td>
		                </tr>
						</table>
		  </td>
		  </tr>
		  </table>";
		  
          echo "<table cellpadding='0' cellspacing='0' width='990' border='0' align='center'>
		  <tr>
		  <td width='990' height='30'  align='right'  class='bottom'></td>
          </tr>
		  </table>";

	echo "<table  width='990' cellspacing='0' cellpadding='0' border='0' align='center'>
	       <tr>
	          <td align='left' width='60%' height='40' class='main-bg' >";
			  if ($license == false) {
	            echo "".showcopyright()."";
	         }
	echo "</td><td align='right' valign='middle' width='40%' height='40' class='main-bg' >Powered eXpComputers - Ismet Ismetov <a href='#'  target='_blank'></a></a>
</td>
	      </tr>
	    </table></td></tr></table>";
		//Footer Ende
}

function render_news($subject, $news, $info) {

global $locale,$render_caps,$aidlink;
$subject = strip_tags($subject);



echo "	  		  <table width='90%' cellpadding='0' cellspacing='0' align='center'>
	       <tr>
		   	  <td width='30' height='31' class='content-icon' align='left' valign='middle'><img src='".THEME."images/blank.gif' alt='' width='30' height='31' /></td>
	          <td width='100%'  align='left' valign='middle' class='news-title'>   $subject</td>
			  </tr> </table>
		 <table width='100%' cellpadding='0' cellspacing='0' align='center'><tr>
		<td width='100%'  align='right' valign='middle' class='infobar'>";
	echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
	echo "</td>
	       </tr>
		  </table>

	  <table width='100%' cellpadding='0' cellspacing='0'><tr>
	       <td class='main-body'><div style='width:90%;vertical-align:top;'>$news</div>
	</td>
	    </tr>

	 </table>";
echo "	  		  <table width='100%' cellpadding='0' cellspacing='0'>
	       <tr>
	          <td width='100%'  align='center' valign='middle'><img src='".THEME."images/trenner.jpg' alt='' width='550' height='10' /></td>
			  </tr>
		  </table><br />";

}

function render_article($subject, $article, $info) {
	
global $locale;

	echo "
	  		  <table width='90%' cellpadding='0' cellspacing='0' align='center'>
	       <tr>
		   	  <td width='30' height='31' class='content-icon' align='left' valign='middle'><img src='".THEME."images/blank.gif' alt='' width='30' height='31' /></td>
	          <td width='100%'  align='left' valign='middle' class='news-title'>   $subject</td>
			  </tr>
		  </table>
	     <table width='100%' cellpadding='0' cellspacing='0'><tr>
	          <td class='infobar' align='right'><img src='".THEME."images/bullet.gif'> ";
	               	echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
	           echo "</td>
			</tr>
	     </table>
		  ";
	echo "<table width='100%' cellpadding='0' cellspacing='0'>
	        <tr>
	          <td class='main-body'><div style='width:100%;vertical-align:top;'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div>
	        <div style='margin-top:5px'>
		    </div>
			   </td>
			   </td>
	        </tr>
		</table>\n";
		echo "<table width='100%' cellpadding='0' cellspacing='0'>
	       <tr>
	          <td width='100%'  align='center' valign='middle'><img src='".THEME."images/trenner.jpg' alt='' width='550' height='10' /></td>
			  </tr>
		  </table><br />";
}

function opentable($title) {

	echo "<table width='100%' cellpadding='0' cellspacing='0' align='center'>
	       <tr>
	          <td width='100%' align='center' valign='middle' class='ot-title'>$title</td>
			  </tr>
		  </table>
	      <table width='100%' cellpadding='0' cellspacing='0'>
		   <tr>
	          <td class='ot-main-body'>\n";
}

function closetable() {

	echo "</td>
	   </tr>
	  </table>
	  <table width='100%' cellpadding='0' cellspacing='0'>
	       <tr>
	          <td width='100%'  align='center' valign='middle'><img src='".THEME."images/trenner.jpg' alt='' width='550' height='10' /></td>
			  </tr>
		  </table><br />";
}

function openside($title, $collapse = false, $state = "on") {
	global $panel_collapse; $panel_collapse = $collapse;
		
	echo "<table width='200' cellpadding='0' cellspacing='0' align='center'>
	       <tr>
	         ";
			 			 if ($collapse == true) {
		$boxname = str_replace(" ", "", $title);
		echo "<td width='200' height='50' class='panel-title' align='center' valign='middle'>$title</td></tr><tr><td class='side-body' align='center'>".panelbutton($state, $boxname)."</td>\n";
	} else {	         echo"<td width='200' class='panel-title' align='center' valign='middle'>$title</td>";
}

	      echo "</tr>
		</table>
	    <table width='200' cellpadding='0' cellspacing='0' border='0' align='center'>
		  <tr>
	        <td class='side-body'>";
									if ($collapse == true) { echo panelstate($state, $boxname); }

}

function closeside() {

global $panel_collapse;

	if ($panel_collapse == true) { echo "</div>\n"; }

	echo "  </td>
	</tr>
	<tr><td width='200' class='panel-unten' height='30' align='center'></td>
		</tr>
	</table><br />
	";
}

?>


styles.css

Код: 
body {
	font-family:"comic sans ms",Arial,Sans-Serif; 
	font-size:11px; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:#000;
}

a {
	color:#666666; text-decoration:underline;
}

a:hover {
	color:#CC0000; text-decoration:none;
}

a.side {
     color: #ffffff; text-decoration: underline;
	 }

a:hover.side {
     color: #CC0000; text-decoration: none;
}

li.white a, a.white{ font-family:"comic sans ms",Tahoma,Arial,Sans-Serif;color:#fff; text-decoration:none; font-size: 14px; font-weight:bold; }
li.white a:hover, a:hover.white { font-family:"comic sans ms",Tahoma,Arial,Sans-Serif;color:#CC0000; text-decoration:none;font-size: 16px; vertical-align:bottom;font-weight:bold; }

.top-nav ul{margin:0;padding: 0;}
.top-nav ul li{display:inline}
.top-nav ul li.first-link .bullet{display:none}

li .white a, a.white {	color:#ffffff; text-decoration:none;}
li .white a:hover, a:hover.white { background-image:url(images/nav-button-hover.gif);background-repeat: repeat-x;color:#C2DC0E; text-decoration:none;}

.center, *[align="center"] {margin: 0 auto}
.admin-message { border: 1px solid #EEEEEE;padding: 8px; margin-bottom: 8px;}
.bbcode { border: 1px solid #EEEEEE;}

.nav-oben {
	background-color:#000;
	color:#fff;
	background-image: url(images/navi.gif);
	background-repeat:no-repeat;
}

.content-icon {
	background-color:#000;
	color:#fff;
	background-image: url(images/box-bg.gif);
	background-repeat:no-repeat;
	width:30px;
	height:31px;
}

.copy {
	background-color:#000;
	color:#fff;
	background-image: url(images/copyright.gif);
	background-repeat:no-repeat;
	width:990px;
	height:30px;background-position: bottom center;
}

.bottom {
	background-color:#000;
	color:#fff;
	background-image: url(images/bottom.jpg);
	background-repeat:no-repeat;
	width:990px;
	height:30px;
}

img {
	border: 0px;
}

form {
	margin:0px 0px 0px 0px;
}


hr {
	border-top:2px #393939 solid;
	border-bottom:1px #efefef solid;
}

hr.side-hr {
	border:1px #E2E2E2 solid;
	border-bottom:1px #FFFFFF solid;
}

td {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:11px;
}

pre {
	font-family:"comic sans ms",Arial,Sans-Serif; 
	font-size:11px;
}

.bg { background-color:#0097FF;
	background-image: url(images/bg.gif);
	background-repeat:repeat-y;
}

.login {
     color: #ffffff;
	 background-color: #393939;
}

.nav {
     color: #ffffff;
	 background-color: #393939;
}

.alt {
	color:#666;
}

.header {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:12px;
	color:#CC0000; 
	background-color:#000;
}

.button {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:9px;
	color:#fff; 	
    background-color:#000;	
	border:#c5c5c5 2px solid;
	margin-top:2px;
}
	
.textbox {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:9px;
	color:#fff; 
	background-color:#000;
	border:2px #CC0000 solid;
}

.main-bg {
	padding:10px 0px 10px 0px;
	background-color:#000;
	color:#fff;
}

.side-border-left {
    width:220px;
	padding:43px 0px 0px 0px;
	background-color:#000;
	color:#fff;
	background-image: url(images/links-bg.jpg);
	background-repeat:no-repeat;
}

.side-border-right {
    width:220px;
	padding:43px 0px 0px 0px;
	background-color:#000;
	color:#fff;
	background-image: url(images/rechts-bg.jpg);
	background-repeat:no-repeat;
}


.main-body {
	font-size:12px;
	color:#fff; 
	background-color:#000;
	padding:3px 4px 3px 10px;
	background-image: url(images/main-bg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

.ot-main-body {
	font-size:12px;
	color:#fff; 
	background-color:#000;
	padding:3px 4px 3px 10px;
}

.side-body {
	font-family:Tahoma,"comic sans ms",Arial,Sans-Serif;
	font-size:12px;
	color:#ffffff; 
	padding:0px 10px 0px 10px;
	background-image: url(images/side-bg.gif);
	background-repeat:repeat-y;
	}

.border {
	background-color:#ddd; 
	border:2px #5F5F5F solid; 
}

.infobar {
	font-size:9px;
	color:#efefef; 
	background-color: #000;
}

.ot-title {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:14px;
	color:#fff; 
	background-color:#000;
	background-image: url(images/ot.png);
	background-repeat:no-repeat;
	background-position:center;
	height:39px;
}

.news-title {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:15px;
	color:#fff; 
	background-color:#000;
	font-weight:bold;
}

.panel-title {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:12px;
	color:#fff; 
	Background-color: #000;
	background-image: url(images/panel-oben.gif);
	background-repeat:no-repeat;
	height:50px;
	padding:2px 2px 0px 2px;
}

.panel-unten {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:12px;
	color:#fff; 
	Background-color: #000;
	background-image: url(images/panel-unten.gif);
	background-repeat:no-repeat;
	height:30px;
	padding:0px 0px 0px 0px;
}


.side-caption {
	font-family:"comic sans ms",Arial,Sans-Serif;
	font-size:10px; font-weight:bold;
	color:#EFEFEF; background-color:#004A80;
	padding:0px 0px 3px 4px;
}

.tbl-border {
	background-color:#5F5F5F;
}

.tbl {
	font-size:10px; padding:3px 4px 3px 4px;
}

.tbl1 {
	font-size:10px; color:#ccc; 
	background-color:#000; padding:4px;
}

.tbl2 {
	font-size:10px; color:#eee; 
	background-color:#000; padding:4px;border-bottom: #032640;border-bottom-width: 1px;
}
	
.forum-caption {
	font-size:10px; font-weight:bold;
	color:#fff; background-color:#660000;
	padding:2px 4px 4px 4px;
}

.quote {
	color:#ffffff; background-color:#393939;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:2px #ffffff solid;
}
	
.poll {
	height:8px; border:1px #fff solid;
}

.comment-name {
	font-weight:bold; color:#113355; 
}

.shoutboxname {
	font-weight:bold; color:#666666; 
}

.shoutbox {
	color:#ffffff; 
}

.shoutboxdate {
	font-size:9px; color:#efefee; text-align:right;
}

.small {
	font-size:10px; font-weight:normal;color: #fff;
}

.small2 {
	font-size:10px; font-weight:normal; color:#555;
}

.side-small {
	font-size:9px; font-weight:normal; color:#333;
}

.side-label {
    color:#fff;
	background-color:#000000;
	padding:1px 4px 3px 4px;
	background-image: url(images/bg.gif);
	background-repeat:repeat;
}

.gallery {
	padding: 16px 0px 8px 0px;
}

.gallery img {
	border: 1px solid #ccc;
}

.gallery:hover img {
	border: 1px solid red;
}

img.activegallery {
	border: 1px solid green;
}
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе