<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>stupid website &#187; stylesheet</title>
	<atom:link href="http://www.stupid-net.com/tag/stylesheet/feed" rel="self" type="application/rss+xml" />
	<link>http://www.stupid-net.com</link>
	<description>out of control</description>
	<lastBuildDate>Thu, 22 Dec 2011 05:59:42 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>[一般アカウント] カスタマイズ基礎知識</title>
		<link>http://www.stupid-net.com/text/myspace/207</link>
		<comments>http://www.stupid-net.com/text/myspace/207#comments</comments>
		<pubDate>Mon, 19 Feb 2007 17:10:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[MySpace]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[stylesheet]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://stupid.s344.xrea.com/six/?p=207</guid>
		<description><![CDATA[MySpaceのプロフィールページをカスタマイズする時に知っておきたい基礎知識。
出来ることと出来ないこと、そしてMySpaceの吐き出すコードについての特徴を説明していきます。]]></description>
			<content:encoded><![CDATA[<p>MySpaceのプロフィールページをカスタマイズする時に知っておきたい基礎知識。<br />
出来ることと出来ないこと、そしてMySpaceの吐き出すコードについての特徴を説明していきます。<br />
※以下の解説は一般ユーザーアカウントでの検証を元に書いています。アーティスト（音楽）アカウントでは若干仕様が変わっています。</p>
<p><span id="more-207"></span><br />
MySpaceの自分のプロフィールページをカスタマイズする場合、「自己紹介(About Me)」と「フレンドになりたい人 (I&#8217;d Like to Meet)」の２箇所にhtmlタグまたはスタイル記述をすることになります。</p>
<p>まず知っておきたいのはレイアウトはテーブルレイアウトで入れ子しまくりのガチガチの状態です。思い通りのスタイルを細かく指定したい場合はテーブルの入れ子状態の把握が必至なります。</p>
<p>次に出来ることと出来ないことについてです。<br />
出来ること。</p>
<ul>
<li>スタイル記述</li>
<li>swfファイル埋め込み</li>
<li>画像貼り付け</li>
<li>リンク</li>
</ul>
<p>出来ないこと。</p>
<ul>
<li>外部css読み込み</li>
<li>javascript</li>
<li>iframe</li>
</ul>
<p>出来ることについて１つずつ説明していきます。<br />
まずスタイル記述なのです。外部cssファイルが読み込めないのでスタイルを直接書き込むことになります。そして「#」が使えない(保存時に自動的に消えます)のでid指定が出来ません。<br />
なので細かく指定しようとしたらtable tr td table tr td&#8230;という感じに順番通りにしていくことになります。</p>
<p>swfファイルは張り込めますが保存時に自動的にobjectタグに変換されパラメータも変更されたり追加されたりします。swfについてはまた別の項目で説明していく予定です。</p>
<p>画像貼り付けについてデス。imgタグが使えますがsrcに画像以外のもの(アクセス解析等で使用するような引数の付いたアドレス)を指定すると保存時にその箇所が消えます。</p>
<p>リンクタグ「a」は普通に使えそうです。</p>
<p>次に出来ないこと。<br />
外部cssファイル読み込みは「link」が保存時に自動的に消えるので不可能です。同様に外部javascriptファイルも読み込めないと言うことですね。<br />
直接javascriptを記述した場合もjavascriptという文字が保存時に消えるので無理です。<br />
iframeは他と少し違いiframeという文字自体が消えるのではなく「&lt;iframe&gt;」が「[iframe]」に変換されてタグとして機能しなくなります。</p>
<p>なお、profile（写真や名前の所）のテーブルがtdタグが閉じられていなかったりtdタグの中にさらにtdタグがあったりするのでソースをそのままコピー＆ペーストしてdreamweaverでプレビューしても何も表示されません。（一般ユーザーアカウントのみ。アーティスト（音楽）アカウントではtdタグの重複はありませんでした。）<br />
該当箇所を修正すればプレビューすることが出来ます。</p>
<p>最後に。「自己紹介 (About Me)」と「フレンドになりたい人 (I&#8217;d Like to Meet)」の両方の最後に&lt;/style&gt;と自動的に入るので気になる人は両方の最後にスタイル指定をすればよいと思います。もちろん&lt;/style&gt;と手動で入れると重複してしまうので書かずに。</p>
<p>2008/07/03追記<br />
仕様が少し変更になったようで&lt;table height=&#8221;930&#8243;&gt;という感じにheightを指定しても保存時に&lt;table&gt;と自動的に変更されていました。<br />
class指定は可能なので&lt;table class=&#8221;xxx&#8221;&gt;という感じに記述しcssでheightを指定すれば大丈夫です。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.stupid-net.com/text/myspace/207/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[zen cart] テンプレートのカスタマイズ</title>
		<link>http://www.stupid-net.com/text/zen-cart/190</link>
		<comments>http://www.stupid-net.com/text/zen-cart/190#comments</comments>
		<pubDate>Mon, 18 Sep 2006 14:10:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[zen cart]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[stylesheet]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://www.stupid-net.com/six/?p=190</guid>
		<description><![CDATA[zen cartを使用したオンラインショップにオリジナルのテンプレートを作成したり元からあるテンプレートの一部を改造したい場合など、元からあるテンプレートはそのままにしておいた方が失敗した時など便利です。 まず、incl [...]]]></description>
			<content:encoded><![CDATA[<p>zen cartを使用したオンラインショップにオリジナルのテンプレートを作成したり元からあるテンプレートの一部を改造したい場合など、元からあるテンプレートはそのままにしておいた方が失敗した時など便利です。</p>
<p>まず、includes/templatesの中に新しいディレクトリ(フォルダ。以下ディレクトリ)を作成します(例：custom。以下このディレクトリを「custom」ディレクトリと呼びます。)。ディレクトリ名は半角英語でスペース無しで作成した方がいいでしょう。</p>
<p>次にこのディレクトリの中に改造したいファイルを置くディレクトリを作成します。ディレクトリ名は「template_default」ディレクトリの中のディレクトリ名と同じ名前にします。</p>
<p>例えば、スタイルシートを適用させたい場合なら「css」ディレクトリに入っている「stylesheet.css」がスタイルシートファイルなので、<br />
「custom」ディレクトリの中に「css」ディレクトリを作成し、その中に「stylesheet.css」を置きます。</p>
<p>このように変更したいファイルだけを作成していきます。ファイルの置き場所は「template_default」ディレクトリを参考にするといいでしょう。</p>
<p>次に、管理画面のメニューにある「追加設定・ツール」から「テンプレートの設定」を選び、先ほど作成した「custom」があると思いますのでそれを選択し、更新ボタンを押してください。</p>
<p>このように変更したいファイルだけを作成し適用させる方法をzen cartではover rideと呼びます。</p>
<p>over ride機能は「languages」でも同じように機能します。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.stupid-net.com/text/zen-cart/190/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>win IE5.0、5.5用css</title>
		<link>http://www.stupid-net.com/text/css-and-xhtml/208</link>
		<comments>http://www.stupid-net.com/text/css-and-xhtml/208#comments</comments>
		<pubDate>Sun, 17 Sep 2006 17:20:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[css and xhtml]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[stylesheet]]></category>
		<category><![CDATA[win IE]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://stupid.s344.xrea.com/six/?p=208</guid>
		<description><![CDATA[win IE5.0、5.5だけにcssを読み込ませる場合、一番最初に読み込ませるcssに @media tty { i{content:&#34;?&#34;;/*&#34; &#34;*/}} @import  [...]]]></description>
			<content:encoded><![CDATA[<p>win IE5.0、5.5だけにcssを読み込ませる場合、一番最初に読み込ませるcssに<br />
<span id="more-208"></span><br />
<code>@media tty {<br />
	i{content:&quot;?&quot;;/*&quot; &quot;*/}} @import url(&#039;ie5win.css&#039;);/*&quot;;}<br />
}/* */</code></p>
<p>このように記述します。</p>
<p>5.0だと「.classname { 〜〜」という感じで記述すると読み飛ばされてしまう時があるので「div.classname { 〜〜」と適用先のタグまでして記述します。divの部分はそのクラスを適用したタグによって変化させます。spanに適用したのに「div.classname { 〜〜」と書いてももちろん適用されないです。<br />
複数のタグに適用した時は「div.classname, span.classname { 〜〜」適用先を全部記述します。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.stupid-net.com/text/css-and-xhtml/208/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

