1
Registration
Theme width?

Hey, i need help changing the width from 100% to 774 in the simple_line theme

Here's the theme.html:
<!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" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<
head>
<
meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<
meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<
meta name="robots" content="<{$xoops_meta_robots}>" />
<
meta name="keywords" content="<{$xoops_meta_keywords}>" />
<
meta name="description" content="<{$xoops_meta_description}>" />
<
meta name="rating" content="<{$xoops_meta_rating}>" />
<
meta name="author" content="<{$xoops_meta_author}>" />
<
meta name="copyright" content="<{$xoops_meta_copyright}>" />
<
meta name="generator" content="XOOPS" />
<
title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<
link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<
link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<
link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
<!-- 
RMVadded module header -->
<{
$xoops_module_header}>
<
script type="text/javascript">
<!--
<{
$xoops_js}>
//-->
</script>
</
head>
<
body>
  <
table cellspacing="0">
    <
tr id="header">
      <
td id=headerleft>&nbsp;</td>
      <
td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>logo.gif"></a></td>
      <
td id="headerbanner">&nbsp;</a>
      <
td>&nbsp;</a>
    </
td>
    </
tr>
    <
tr>
      <
td id="headerbar1">&nbsp;</td>
      <
td id="headerbar1">CMS XOOPS2 RC3 AVAILABLE</td>
      <
td id="headerbar1">
<
img src="<{$xoops_imageurl}>icon1.gif"><a href="<{$xoops_url}>/modules/news/">NEWS</a>&nbsp;&nbsp;
<
img src="<{$xoops_imageurl}>icon1.gif"><a href="<{$xoops_url}>/modules/newbb/">FORUM</a>&nbsp;&nbsp;
<
img src="<{$xoops_imageurl}>icon1.gif"><a href="<{$xoops_url}>/modules/mydownloads/">DOWNLOAD</a>&nbsp;&nbsp;
<
img src="<{$xoops_imageurl}>icon1.gif"><a href="<{$xoops_url}>/modules/mylinks/">LINK</a>&nbsp;&nbsp;
      <
td id="headerbar1">&nbsp;</td>
    </
tr>
    <
tr>
      <
td id="headerbar2"><img src="<{$xoops_imageurl}>icon2.gif"><a href="<{$xoops_url}>/">HOME</a></td>
      <
td id="headerbar2"><img src="<{$xoops_imageurl}>icon2.gif"><a href="<{$xoops_url}>/user.php">ACCOUNT</a></td>
      <
td id="headerbar3"><img src="<{$xoops_imageurl}>icon2.gif"><a href="<{$xoops_url}>/viewpmsg.php">PRIVATE MESSAGE</a></td>
      <
td id="headerbar4">&nbsp;</td>
  </
tr>
  </
table>

  <
table cellspacing="0">
    <
tr>
    <
td width=65 align=right><img src="<{$xoops_imageurl}>side.gif"></td>
      <
td id="leftcolumn">
        <!-- 
Start left blocks loop -->
        <{foreach 
item=block from=$xoops_lblocks}>
          <{include 
file="Dark/theme_blockleft.html"}><br>
        <{/foreach}>
        <!-- 
End left blocks loop -->

      </
td>

      <
td id="centercolumn">

        <!-- 
Display center blocks if any -->
        <{if 
$xoops_showcblock == 1}>

        <
table cellspacing="0">
          <
tr>
            <
td id="centerCcolumn" colspan="2">

            <!-- 
Start center-center blocks loop -->
            <{foreach 
item=block from=$xoops_ccblocks}>
              <{include 
file="Dark/theme_blockcenter_c.html"}>
            <{/foreach}>
            <!-- 
End center-center blocks loop -->

            </
td>
          </
tr>
          <
tr>
            <
td id="centerLcolumn">

            <!-- 
Start center-left blocks loop -->
              <{foreach 
item=block from=$xoops_clblocks}>
                <{include 
file="Dark/theme_blockcenter_l.html"}>
              <{/foreach}>
            <!-- 
End center-left blocks loop -->

            </
td><td id="centerRcolumn">

            <!-- 
Start center-right blocks loop -->
              <{foreach 
item=block from=$xoops_crblocks}>
                <{include 
file="Dark/theme_blockcenter_r.html"}>
              <{/foreach}>
            <!-- 
End center-right blocks loop -->

            </
td>
          </
tr>
        </
table>

        <{/if}>
        <!-- 
End display center blocks -->

        <
div id="content">
          <{
$xoops_contents}>
        </
div>
      </
td>

      <{if 
$xoops_showrblock == 1}>

      <
td id="rightcolumn">
        <!-- 
Start right blocks loop -->
        <{foreach 
item=block from=$xoops_rblocks}>
          <{include 
file="Dark/theme_blockright.html"}><br>
        <{/foreach}>
        <!-- 
End right blocks loop -->
      </
td>

      <{/if}>

    </
tr>
  </
table>

  <
table cellspacing="0">
    <
tr id="footerbar">
      <
td><img src="<{$xoops_imageurl}>poweredby.gif" alt="" /></td>
    </
tr>
  </
table>
</
body>
</
html>



And here's the style.css:
/* Á´ÈÌÀßÄê */
body {colorblackbackgroundwhitemargin0padding0;}

table {width100%; margin5padding5font-size10px}
table td {padding0border-width0vertical-aligntopfont-familyVerdanaArialHelveticasans-serif;}

/* Á´ÈÌŪ¤Ê¥ê¥ó¥¯¤ÎÀßÄê */
{color#111111; text-decoration: none; background-color: transparent;}
a:hover {color#000000;text-decoration: underline; background-color: transparent;}

/* °ìÈÌ¥¿¥°¤ÎÀßÄê */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
/* ¥ê¥¹¥Èɽ¼¨¤ÎÀßÄê Ãæ±ûº¸±¦¤Î¥Ö¥í¥Ã¥¯¤Ê¤É¤Ç»ÈÍÑ */
ul margin2pxpadding2px; list-styledecimal insidetext-alignleft;}
li margin-left2px; list-stylesquare insidecolor#999999}

input.formButton {}

/* ºÇ¿·¥Ë¥å¡¼¥¹¤ÎÏÈ */
.item {border1px solid #BBBBBB;}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤Î¥¿¥¤¥È¥ë¥Ð¡¼ */
.itemHead {padding3pxbackground-color#BBBBBB; color: #FFFFFF;}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤ÎÅê¹Æ¾ðÊóÍó */
.itemInfo {text-alignrightpadding3pxbackground-color#EFF4F8}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤Î¥¿¥¤¥È¥ë¤ÎÀßÄê */
.itemTitle a {font-size110%; font-weightboldfont-variantsmall-capscolor#ffffff; background-color: transparent;}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤ÎÅê¹Æ¼Ô */
.itemPoster {font-size90%;}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤ÎÅê¹ÆÆü */
.itemPostDate {font-size90%;}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤Î¥¹¥Æ¡¼¥¿¥¹ */
.itemStats {font-size90%; font-style:italic;}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤Î¥³¥ó¥Æ¥ó¥ÄÉôʬ */
.itemBody {padding-left15px;}
.
itemText {margin-top5pxmargin-bottom5pxline-height120%; color#222222;font-size:10px}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤Î1ʸ»úÌÜ */
.itemText:first-letter {font-size133%; font-weightbold;}
/* ºÇ¿·¥Ë¥å¡¼¥¹¤Î¥Õ¥Ã¥¿¡¼ */
.itemFoot {text-alignrightpadding3pxbackground-color#F3F3F3}
.itemAdminLink {font-size90%;}
.
itemPermaLink {font-size90%;}


th {background-color#999999; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

/*¥Ø¥Ã¥À¡¼¥Ö¥í¥Ã¥¯¤ÎÄêµÁ*/
td#headerleft {width: 65px; background-color: #FFFFFF;}
td#headerlogo {width: 170px; height: 45px; background-color: #FFFFFF; vertical-align: top; text-align:left;}
td#headerbanner {height: 45px; background-color: #FFFFFF;}
td#headerbar1 {background-color: #FFFFFF; color: #111111;font-size: 8px; padding: 3px; text-align: left; vertical-align: top;}
td#headerbar2 {height: 30px;color: #111111;font-size: 8px; padding: 0px; text-align: center; vertical-align: middle;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
td#headerbar3 {color: #111111;font-size: 8px; padding-left: 1px; text-align: left; vertical-align: middle;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
td#headerbar4 {width: 170px;border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}

/*º¸Â¦¥Ö¥í¥Ã¥¯°ìÈÖ³°Â¦¥»¥ë¤ÎÄêµÁ*/
td#leftcolumn {width: 170px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; font-size:10px;background-color: #F2F2F2;}
td#leftcolumn th {background-color: #DDDDDD; color: #000000; vertical-align: middle;}
/*º¸Â¦¥Ö¥í¥Ã¥¯¥¿¥¤¥È¥ë*/
td#leftcolumn div.blockTitle {padding: 3px; background-color: #DDDDDD; color: #000000; border-bottom: 1px solid #B1B0BC; vertical-align:middle;}
/*º¸Â¦¥Ö¥í¥Ã¥¯¥³¥ó¥Æ¥ó¥Ä*/
td#leftcolumn div.blockContent {padding: 2px 0px 2px 3px; line-height: 110%; padding-left: 15px;font-size:10px;}

/* º¸Â¦¥Ö¥í¥Ã¥¯¡¡¥á¥¤¥ó¥á¥Ë¥å¡¼¤ÎÄêµÁ*/
td#mainmenu a {background-color: transparent; display: block; margin: 0; padding: 4px; border-bottom: 1px solid #cdcdcd;}
td#mainmenu a:hover {background-color: #FFFFFF;}
td#mainmenu a.menuTop {}
td#mainmenu a.menuMain {border-bottom: 1px solid #cdcdcd;}
td#mainmenu a.menuSub {padding-left: 15px; border-bottom: 1px solid #cdcdcd;}

/*º¸Â¦¥Ö¥í¥Ã¥¯¡¡¥æ¡¼¥¶¡¼¥á¥Ë¥å¡¼¤ÎÄêµÁ*/
td#usermenu a {background-color: transparent; display: block; margin: 0; padding: 4px; border-bottom: 1px solid #cdcdcd;}
td#usermenu a:hover {background-color: #FFFFFF;}
td#usermenu a.menuTop {}
td#usermenu a.highlight {background-color: #fcc;}


/*±¦Â¦¥Ö¥í¥Ã¥¯¤ÎÄêµÁ*/
td#rightcolumn {width: 170px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; font-size:10px;background-color: #F2F2F2;}
td#rightcolumn th {background-color: #DDDDDD; color: #000000; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #DDDDDD; color: #000000; border-bottom: 1px solid #B1B0BC; vertical-align:middle;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%; padding-left: 15px;font-size:10px;}


/*Ãæ±û¥Ö¥í¥Ã¥¯¤ÎÄêµÁ*/
td#centercolumn {font-size: 10px;}
/* ¥Õ¥©¡¼¥é¥à¤Î¥¿¥¤¥È¥ë¥Ð¡¼Éôʬ */
td#centercolumn th {background-color: #BBBBBB; color: #FFFFFF; vertical-align: middle;}

/*Ãæ±û¥»¥ó¥¿¡¼¥Ö¥í¥Ã¥¯¤ÎÄêµÁ*/
td#centerCcolumn {padding: 0px 3px 1px 3px;}
td#centerCcolumn legend.blockTitle {padding: 3px; color: #111111; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
td#centerCcolumn div.blockContent {padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

/*Ãæ±û¥Ö¥í¥Ã¥¯º¸¤ÎÄêµÁ*/
td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerLcolumn legend.blockTitle {padding: 3px; color: #111111; font-weight: bold; margin-top: 0px;}
td#centerLcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;}

/*Ãæ±û¥Ö¥í¥Ã¥¯±¦¤ÎÄêµÁ*/
td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;}
td#centerRcolumn legend.blockTitle {padding: 3px; color: #111111; font-weight: bold; margin-top: 0px;}
td#centerRcolumn div.blockContent {padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;}

div#content {text-align: left; padding: 8px; font-size:10px;}

/*¥Õ¥Ã¥¿¡¼¥Ö¥í¥Ã¥¯¤ÎÄêµÁ*/
tr#footerbar {text-align:center; background-image: url(hbar.gif);}


/* ¥Õ¥©¡¼¥é¥à¤Ê¤É¤Î³°ÏÈ*/
.outer {background-color#DDDDDD}
/* ¥Õ¥©¡¼¥é¥à¤Ê¤É¤ÎÅê¹Æ¾ðÊóÍó */
.head {background-color#DEE3E7; padding: 5px; font-weight: bold;}
/* ¥Õ¥©¡¼¥é¥à¤Ê¤É¤Î¸ò¸ß¤Ë¿§¤¬ÊѤï¤ëÉôʬ */
.even {background-color#eff4f8; padding: 5px;}
.odd {background-color#F9F9F9; padding: 5px;}
/* ¥Õ¥©¡¼¥é¥à¤Ê¤É¤Î¥Õ¥Ã¥¿¡¼ */
.foot {background-color#d3dee7; padding: 5px; font-weight: bold;}
tr.even td {background-color#eff4f8; padding: 5px;}
tr.odd td {background-color#F9F9F9; padding: 5px;}

div.errorMsg background-color#FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg background-color#DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg background-color #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode background#FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote background#FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weightboldmargin-bottom2px;}
.
comText {padding2px;}
.
comUserStat {font-size10pxcolor#999999; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weightnormal;}
.
comUserStatus {margin-left2pxmargin-top10pxcolor#999999; font-weight:bold; font-size: 10px;}
.comUserRank {margin2px;}
.
comUserRankText {font-size10px;font-weight:bold;}
.
comUserRankImg {border0;}
.
comUserName {}
.
comUserImg {margin2px;}
.
comDate {font-weightnormalfont-styleitalicfont-sizesmaller}
.
comDateCaption {font-weightboldfont-stylenormal;}


Hopefully that's all you need, if it's not these files tell me and i'll post some other ones but these should be it i just can't find where you change it.

2
sbkiller
Re:Theme width?
  • 2004/10/4 16:23

  • sbkiller

  • Just can't stay away

  • Posts: 461

  • Since: 2004/6/9 2


<table cellspacing="0">


add width="774px"

<table width="774px" cellspacing="0">


in the CSS

table {width100%; margin5padding5font-size10px}


remoce the width: 100%;

table {margin5padding5font-size10px}

3
Registration
Re:Theme width?

well that mostly worked except now my menu is a little messed and the blocks in the tope center are only going about 1/3 the way across the page.

Login

Who's Online

151 user(s) are online (87 user(s) are browsing Support Forums)


Members: 0


Guests: 151


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits