これによりメニューの下に画像を配置するなどのカスタマイズをしていた人だと画像とメニュー部分が重なって表示されるようになってしまいました。

解決方法はカスタマイズコードのどこかに
top:140px;
という感じの箇所(140前後の数値)があると思うのでその数字に2054足せばOKです。

カスタマイズ方法によってはこう言うのが数カ所ある場合もあると思います。

要は絶対値配置していた部分がTOP部分の長さが長くなってしまったため重なって表示されてしまうようになったので長くなった分だけ絶対位置の数値を足せばいいだけです。

それとこの部分の構造が変わったようです
この部分の下にマージンを入れて画像を挿入するタイプのカスタマイズをしている場合
div table table {
margin-bottom: 200px;
}
という感じにしていたと思うのですが
div div table {
margin-bottom: 200px;
}
という風に変更してやらないとマージンが効かなくなっています。

編集する場所はアカウントの種類によって違ってきます。

通常アカウントの場合
「フレンドになりたい人」の部分の一番最後に以下の記述を追加します
</td></tr></table>
<table ><tr><td></td></tr></table><span><style>

アーティスト（音楽）アカウントの場合
アーティスト詳細の「バイオグラフィー」の部分の一番最後に以下の記述を追加します

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

何をしているのかというとテーブルタグを調節してフレンドリストの部分を別のテーブルにしてしまってるのです。

MySpaceの自分のプロフィールページをカスタマイズする場合、「自己紹介(About Me)」と「フレンドになりたい人 (I’d Like to Meet)」の２箇所にhtmlタグまたはスタイル記述をすることになります。

まず知っておきたいのはレイアウトはテーブルレイアウトで入れ子しまくりのガチガチの状態です。思い通りのスタイルを細かく指定したい場合はテーブルの入れ子状態の把握が必至なります。

次に出来ることと出来ないことについてです。
出来ること。

• スタイル記述
• swfファイル埋め込み
• 画像貼り付け
• リンク

出来ないこと。

• 外部css読み込み
• javascript
• iframe

出来ることについて１つずつ説明していきます。
まずスタイル記述なのです。外部cssファイルが読み込めないのでスタイルを直接書き込むことになります。そして「#」が使えない(保存時に自動的に消えます)のでid指定が出来ません。
なので細かく指定しようとしたらtable tr td table tr td…という感じに順番通りにしていくことになります。

swfファイルは張り込めますが保存時に自動的にobjectタグに変換されパラメータも変更されたり追加されたりします。swfについてはまた別の項目で説明していく予定です。

画像貼り付けについてデス。imgタグが使えますがsrcに画像以外のもの(アクセス解析等で使用するような引数の付いたアドレス)を指定すると保存時にその箇所が消えます。

リンクタグ「a」は普通に使えそうです。

次に出来ないこと。
外部cssファイル読み込みは「link」が保存時に自動的に消えるので不可能です。同様に外部javascriptファイルも読み込めないと言うことですね。
直接javascriptを記述した場合もjavascriptという文字が保存時に消えるので無理です。
iframeは他と少し違いiframeという文字自体が消えるのではなく「<iframe>」が「[iframe]」に変換されてタグとして機能しなくなります。

なお、profile（写真や名前の所）のテーブルがtdタグが閉じられていなかったりtdタグの中にさらにtdタグがあったりするのでソースをそのままコピー＆ペーストしてdreamweaverでプレビューしても何も表示されません。（一般ユーザーアカウントのみ。アーティスト（音楽）アカウントではtdタグの重複はありませんでした。）
該当箇所を修正すればプレビューすることが出来ます。

最後に。「自己紹介 (About Me)」と「フレンドになりたい人 (I’d Like to Meet)」の両方の最後に</style>と自動的に入るので気になる人は両方の最後にスタイル指定をすればよいと思います。もちろん</style>と手動で入れると重複してしまうので書かずに。

2008/07/03追記
仕様が少し変更になったようで<table height=”930″>という感じにheightを指定しても保存時に<table>と自動的に変更されていました。
class指定は可能なので<table class=”xxx”>という感じに記述しcssでheightを指定すれば大丈夫です。

以下のように変更をくわえると解消されます。
includes/templates/(使用しているテンプレート名)/templates/tpl_product_info_display.php
の242行目辺り
<?php if ($products_description != '') { ?>
を
<?php if ($products_description != '') {
$products_description = str_replace("￥r￥n", "<br />", $products_description);
?>
に変更。

※全角￥の部分は半角に直してください。正確には＼がは入ります。

主にサイドバーのモジュール（カレンダーやカテゴリーリスト等）に使う事になると思います。応用としてフッタ部分をwidgetにしちゃえばコピーライトの表記を入れてる場合なんか年が変わる度に全部のテンプレートを修正せずにwidget１つ修正すれば済む事になります。

ここではRGM-79Cのサイドバーにwidgetを入れる方法を紹介します。

まず、2カラムの場合、サイドバーに相当する箇所は<div id=”beta”>の中の部分です。
<!-- ここからbeta -->
<div id="beta">
ここがサイドバーに表示される場所
</div>
<!-- ここまでbeta -->
実際のテンプレートファイルには「ここがサイドバーに表示される場所」と書いてる部分に最近のエントリーやカテゴリーリストが入っています。
サイドバーの内容をずべてwidgetにしたい時は
<!-- ここからbeta -->
<div id="beta">
<$MTWidgetManager name="Widget Managerの名前"$>
</div>
<!-- ここまでbeta -->

このようにすれば表示することが出来ます。

次に３カラムの場合ですが基本的には2カラムと同じです。もう一つのサイドバーは<div id=”gamma”>の中になります。
左右にサイドバーがくるレイアウトの時betaが左位置、gammaが右になります。

なお、<div id=”beta”>や<div id=”gamma”>はレイアウトを決めるフレームになっていますのでこれを削除してしまうとレイアウトが崩れてしまいます。

分かりやすく言うとalpha、beta、gammaと言う名前の３つの箱(3カラムの場合)があって、それの並び順をlayoutThreeColumnBasicなどで指定していているのです。
widgetはその中に入れる更に小さな箱だと言えます。

ではそれらをwidgetの方で使いたいときはどうすればいいのか？

一番簡単な方法は２カラム、３カラムテンプレートに記述されている部分をコピー＆ペーストするやりかたです。

１からオリジナルwidgetを使いたい場合などは下のようにすれば大丈夫です。
<div class="moduleRecentComments module">
<h2 class="moduleHeader">widgetのタイトル</h2>
<div class="moduleContent">
widgetの内容
</div>
</div>

「widgetのタイトル」部分がヘッダになり、「widgetの内容」がwidgetの本体部分になります。
最近のコメントを例に見ていきましょう。
<div class="module-recent-comments module">
<h2 class="module-header">最近のコメント</h2>
<div class="module-content">
<MTComments lastn="10" sort_order="descend">
<a href="<MTCommentEntry><$MTEntryPermalink$></MTCommentEntry>
#comment-<$MTCommentID$>">
<$MTCommentAuthor$> on <MTCommentEntry><$MTEntryTitle$>
</MTCommentEntry></a>:
<$MTCommentBody remove_html="1" trim_to="10"$><br />
</MTComments>
</div>
</div>

赤い部分を「widgetのタイトル」青い部分を「widgetの内容」にコピー＆ペーストです。

両方を見比べてもらえば分かりますがclass名の部分が違うだけです。オリジナルの方は単語の区切りに「-（ハイフン）」を使っていますがRGM-79Cではハイフンを使わずにハイフン直後の文字を大文字にしています。

ということで、「module-recent-comments」を「moduleRecentComments」、「module-header」を「moduleHeader」、「module-content」を「moduleContent」に変更すればいいだけとも言えます。

layoutTwoColumnLeft = 左にサイドバーがくる2カラム
layoutTwoColumnRight = 右にサイドバーの2カラム

なお、元々のカラム数と違うカラム数を指定するとレイアウトがおかしくなります。

jpgファイルなどgifファイル以外を使用されたいときはcssファイルの157行目辺りの
#banner {
background-color: #FFFFFF;
background-image: url(rgm79cHeaderImg.gif);/*ヘッダーのバックのイメージ*/
background-repeat: no-repeat;
background-position: 10px 0px;
margin: 0px;
}
これがヘッダ部分の指定ですのでbackground-imageの部分を書き換え。
ヘッダ画像を変更しても上の角丸は変わりませんが、ヘッダ部分の画像の色によっては多少白いシャギーが出るかもしれないです

まず、includes/templatesの中に新しいディレクトリ(フォルダ。以下ディレクトリ)を作成します(例：custom。以下このディレクトリを「custom」ディレクトリと呼びます。)。ディレクトリ名は半角英語でスペース無しで作成した方がいいでしょう。

次にこのディレクトリの中に改造したいファイルを置くディレクトリを作成します。ディレクトリ名は「template_default」ディレクトリの中のディレクトリ名と同じ名前にします。

例えば、スタイルシートを適用させたい場合なら「css」ディレクトリに入っている「stylesheet.css」がスタイルシートファイルなので、
「custom」ディレクトリの中に「css」ディレクトリを作成し、その中に「stylesheet.css」を置きます。

このように変更したいファイルだけを作成していきます。ファイルの置き場所は「template_default」ディレクトリを参考にするといいでしょう。

次に、管理画面のメニューにある「追加設定・ツール」から「テンプレートの設定」を選び、先ほど作成した「custom」があると思いますのでそれを選択し、更新ボタンを押してください。

このように変更したいファイルだけを作成し適用させる方法をzen cartではover rideと呼びます。

over ride機能は「languages」でも同じように機能します。