Dark_cross 

2007/12/17 19:14/Mon
【Dark_cross】

Dark_cross
 シンプルさ:five
 機能性:four
 編集難易度:one



共有テンプレ第二弾です!

こちらはデザイン性を確保しつつ、使いやすさを重視した作品。

追記にてカスタマイズ方法やセールスポイントなどご紹介。

【画面を切る黒い十字架】がコンセプト。

画面を切る黒い十字架


使いやすいと思います。


質問がある場合はコメントに書いて下されば、対応します。


あと今回のテンプレはバナー台付きですw

バナー台


▼文字を入れるとこんなカンジ

さんぷる



暇があれば文字入れの代行とかもしますので。
CATEGORY:テンプレート | CM(38) | TB(0) |
xx HOME xx
by. COiL
≫沙希さん
お久しぶりです。

早速ですがHTML内から

<!--コメント投稿開始-->
<div class="entry_text">
<form method="post" action="./">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name">name:</label><br>
<input id="name" type="text" name="comment[name]" size="40" value="<%cookie_name>"><br>
<!--<label for="name">subject:</label><br>
<input id="subject" type="text" name="comment[title]" size="20"><br>
<label for="mail">mail:</label><br>
<input id="mail" type="text" name="comment[mail]" size="40" value="<%cookie_mail>"><br>-->
<label for="url">url:</label><br>
<input id="url" type="text" name="comment[url]" size="40" value="<%cookie_url>"><br>
<label for="comment">comment:</label><br>
<textarea id="comment" cols="50" rows="6" name="comment[body]"></textarea><br>
<label for="pass">pass:</label><br>
<input id="pass" type="password" name="comment[pass]" size="24"><br>
<label for="himitu">secret:</label><br>
<input id="himitu" type="checkbox" name="comment[himitu]"><br>
<p><input type="submit" value="送信"></p>
</form>
</div>
<!--/comment_area-->
<!--/コメント投稿終了-->

という箇所を探してください。
初期状態では、コメントのタイトルとメールアドレスを入力する欄がコメントアウトされているので表示されていません。
なので上の箇所を以下のように変更してください。

<!--コメント投稿開始-->
<div class="entry_text">
<form method="post" action="./">
<input type="hidden" name="mode" value="regist">
<input type="hidden" name="comment[no]" value="<%pno>">
<label for="name">name:</label><br>
<input id="name" type="text" name="comment[name]" size="40" value="<%cookie_name>"><br>
<label for="name">subject:</label><br>
<input id="subject" type="text" name="comment[title]" size="20"><br>
<label for="mail">mail:</label><br>
<input id="mail" type="text" name="comment[mail]" size="40" value="<%cookie_mail>"><br>
<label for="url">url:</label><br>
<input id="url" type="text" name="comment[url]" size="40" value="<%cookie_url>"><br>
<label for="comment">comment:</label><br>
<textarea id="comment" cols="50" rows="6" name="comment[body]"></textarea><br>
<label for="pass">pass:</label><br>
<input id="pass" type="password" name="comment[pass]" size="24"><br>
<label for="himitu">secret:</label><br>
<input id="himitu" type="checkbox" name="comment[himitu]"><br>
<p><input type="submit" value="送信"></p>
</form>
</div>
<!--/comment_area-->
<!--/コメント投稿終了-->

これでタイトルとメールアドレスの入力欄が表示されます。
2008.10.10 (23:00) | URL | EDIT
by. 沙希
またまた御邪魔します。沙希です(。・ω・)ノ゙

今回も質問なんですが
コメントタイトルを書けるようにしたいのですが
どうしたらいいですか?
教えて頂けるとありがたいですm(_ _)m
2008.10.10 (21:35) | URL | EDIT
by. 沙希
わかりました
教えて頂いてありがとうございます!!
また何かありましたらよろしくお願いします(*`I´)ゞ
2008.08.19 (18:22) | URL | EDIT
by. COiL
≫沙希さん
ダウンロードありがとうございます。

改行ですが、HTMLではWord文書などとは違い「エンター」を押すだけでは反映されません。通常「エンター」を押すべきところに

<br>

という文字を追加することで改行を認識します。


左上のスペースはHTML内の

<!--十字架左上空白部分開始-->
<td width="250" height="150"></td>
<!--/十字架左上空白部分終了-->

の<td width="250" height="150">と</td>の間に表示させたいものを置けば使えます。

画像を表示させたいのであれば

<img src="画像のURL">

と書けばおkです。
2008.08.19 (17:46) | URL | EDIT
by. 沙希
初めまして!!
こちらのテンプレをお借りしています。
それで、2つほど質問なんですが

まず、メッセージスペース内の文を2行で書きたいのですが
改行ができません(・ω・;A)アセアセ…
どうしたらできますか?

あと、左上の空白部分に画像を入れる場合
どんなタグを書けばいいんでしょう?

図々しくてすみません((汗
教えて頂けると嬉しいです。
2008.08.19 (14:47) | URL | EDIT
by. COiL
≫名無しさん
スタイルシート内の

font-size:○○px;

の箇所がフォントサイズを指定している部分です。
その値(○○の部分)を変えれば文字の大きさも変わります。
2008.07.10 (19:53) | URL | EDIT
by. 名無し
全体的に文字の大きさを変更したいです。
どうしたらいいでしょうか?
2008.07.10 (16:31) | URL | EDIT
by. K.T
わかりました。
ありがとうございました。
2008.07.02 (21:13) | URL | EDIT
by. COiL
≫K.Tさん
スタイルシートの上から5行目にありますよ。
2008.06.29 (21:55) | URL | EDIT
by. K.T
ありがとうございます。
ですが探しても見つかりません。
どこにありますか???
2008.06.29 (20:15) | URL | EDIT
by. COiL
≫K.Tさん
背景を単色に変えたい場合はスタイルシートの

background-color:White;



background-color:好きな色の名前orカラーコード;

に変えればおkです。カラーコードは調べてください。
背景を画像に変えたいのであれば

background-image:url(画像のURL);

に変えればおkです。


TAG indexというサイトを参考にしてください。
2008.06.08 (18:46) | URL | EDIT
by. K.T
すみません。また質問です。
背景を変えたいいんですがどうしたらいいでしょうか?
教えてください、
2008.06.07 (23:26) | URL | EDIT
管理人のみ閲覧できます by.
このコメントは管理人のみ閲覧できます
2008.05.31 (10:56) | | EDIT
by. K.T
アリガトウございました。
コレカラも使っていくので何かあったら教えてください。
2008.05.27 (20:04) | URL | EDIT
by. COiL
≫K.Tさん
テンプレートを使用していただきありがとうございます。

左上のスペースはHTML内の

<!--十字架左上空白部分開始-->
<td width="250" height="150"></td>
<!--/十字架左上空白部分終了-->

の<td width="250" height="150">と</td>の間に表示させたいものを置けば使えます。
2008.05.27 (19:41) | URL | EDIT
by. K.T
始めまして。
ボクは今このテンプレートを使わせてもらっています。
1つ質問で左上の小さいスペースを出来たら使いたいんですが、使えますか?使えたら方法を教えてください。
2008.05.27 (19:16) | URL | EDIT
by. COiL
≫DYさん
コメントありがとうございます。

著作権表示してあれば一向に構いませんよ^^
あと完成したらURLを教えていただけると嬉しいです。
やる気につながりますので(つ∀`*)
2008.05.24 (20:54) | URL | EDIT
by. DY
現在、ブログでこのテンプレートを使用させていただいているのですが、製作中のHPに流用してもよいでしょうか?
著作権表示はしておりますので、お許しいただければ、と思います。
2008.05.24 (18:50) | URL | EDIT
by. ラン
お早い返事ありがとうございます!
無事変えられました!
これからあのテンプレートを使わせて頂きます☆
2008.03.13 (21:18) | URL | EDIT
by. コイル
≫ランさん
コメントありがとうございます!

えっとですね。
Dark_crossの欠陥と言いますでしょうか、私の手違いでβ版のまま、スタイルシートをアップロードしていました;;
結論から言うと、スタイルシート部分のクロスの色設定箇所は必要ありません^^;

/*十字架各部の設定開始*/

/*十字架各部の設定終了*/

は削除しておkです。

それに伴い、HTML内の

<div id="cross_head">
<div id="cross_left">
<div id="cross_right">
<div id="cross_bottom">

と、それに対応する

</div>

も削除して下さい。


そして実際に色を設定している場所はHTML内にあります。

<!--十字架○部分開始-->
<td width="○○" height="○○" bgcolor="Black"></td>
<!--/十字架○部分終了-->



bgcolor="Black"

の部分です。

ですので、そこに好きな色を入れると十字架の色が変わります。


またクロス部分に画像を持ってくるときは

bgcolor="Black"



background="画像のURL"

にすればおkです。
2008.03.13 (14:23) | URL | EDIT
by. ラン
すいませんもう一つだけ;;
クロスの部分に画像を持ってくる場合の時も教えていただきたいです。
宜しくお願いします。
2008.03.13 (14:05) | URL | EDIT
by. ラン
初めまして、いきなりすいません。
このテンプレートをダウンロードさせていただきました。
クロスの部分の色を変えたいのですが、どうも下部だけ色が変えられません。
#cross_bottom{
background-color:Black;
width:45px;
height:auto;
}
↑のBlackを変えるだけじゃダメなのでしょうか?
上部や左右は変えられるんですが・・・。

2008.03.13 (13:49) | URL | EDIT
by. コイル
≫らう。さん
コメントありがとうございます。
追記を押したとき、その記事だけ表示したいということですね?

まずHTML内の

<!--追記開閉スクリプト開始-->
<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>
<!--/追記開閉スクリプト終了-->



<!--追記開閉部分開始-->
<!--more_link-->
<!--BisEntryIfExtended-->
<span id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">▼READ MORE</a>
</span>
<div id="varXYZ<%topentry_no>" style="display: none" class="entry_more">
<%topentry_more><br clear="all">
<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">▲CLOSE</a>
</div>
<!--/BisEntryIfExtended-->
<!--/more_link-->
<!--more--><a name="more" id="more"></a><%topentry_more><!--/more-->
<!--/記事開閉部分終了-->

を削除してください。

その後、

<!--記事本文表示部分開始-->
<div class="entry_text"><%topentry_body></div>
<div class="entry_text">

の後に

<!--more_link--> <a href="<%topentry_link>#more">【READ MORE】</a><!--/more_link-->
<!--more--><a name="more" id="more"></a><%topentry_more><!--/more-->

を入れてください。
これで追記を読みたい記事だけが表示されます。

しかし、これは追記をリンク表示しているだけですので、個人的には記事開閉のほうをオススメします^^;
2008.02.03 (10:19) | URL | EDIT
by. らう。
はじめまして、こんにちは。
こちらのテンプレをお借りしています。

早速なのですが、記事開閉の「READ MORE」をクリックしたときに
開く記事の下に、過去の記事も連なって表示されるのを
「READ MORE」をクリックした記事だけを表示にするには
どのようにカスタマイズすれば良いのでしょうか?

どうかアドバイスのほどをよろしくお願いいたします。
2008.02.03 (09:24) | URL | EDIT
by. コイル
≫jouさん
無事解決したようですね(つ∀`*)
よかったです。
2008.01.20 (22:47) | URL | EDIT
by. jou
あ・・・・そうでした・・・
すいません。2から1に変えるということを忘れていました(汗
ありがとうございました(ペコリ
2008.01.20 (15:51) | URL | EDIT
by. コイル
≫jouさん
プラグインは1のみ対応となっておりますので、リンクのプラグインをプラグイン1に移動すれば表示されるはずです。
2008.01.20 (15:16) | URL | EDIT
by. jou
ありがとうございます!
迅速な対応・・・とても感謝です。
で、たびたび質問すいません・・・。
リンクが表示されないのですが、テンプレートが対応してませんとプラグインの管理で言われるんですが、どうしたらいいのでしょうか?
2008.01.20 (15:14) | URL | EDIT
by. コイル
≫jouさん
コメントありがとうございます!
HTML内の
<!--メッセージスペース開始-->
<div class="entry_title"><a name="pagetop">Welcome to <%blog_name> !!</div>
<div class="entry_text">

メッセージスペースです。

</div>
<!--メッセージスペース終了-->
の中にある「メッセージスペースです。」を変えればおkですよ(`・ω・')b
2008.01.20 (15:02) | URL | EDIT
by. jou
はじめまして。
この、黒の十字架の一目ぼれしてお借りしたのですが、
『メッセージスペースです。』と書いてあるところはどのように編集したらよろしいですか?
初心者のもので・・・・・・・
教えていただけると幸いです。
2008.01.20 (14:59) | URL | EDIT
by. コイル
≫keiさん
いえいえ。元々こちらのミスですので^^;

気に入っていただけて光栄です(つ∀`)
2008.01.07 (16:38) | URL | EDIT
by. kei
早速のご返信ありがとうございます。
無事、修正出来ました。

シンプルで幅が広いので、大きい画像使用する為
とても気に入っております。
ありがとうございました。
2008.01.06 (13:32) | URL | EDIT
by. コイル
≫keiさん
どうやら、こちらの手違いで文字色が白になっているようです^^;
スタイルシートの

/*エントリーナビゲーション部分の設定開始*/
.entry_navi{
font-size: 10px;
margin: 5px;
color:Alice Blue;
text-align: center;
}

.entry_navi a:link{
color:White;
text-decolation:underline;
}

.entry_navi a:visited{
color:White;
text-decolation:underline;
}

.entry_navi a:hover{
color:DarkOrange;
text-decolation:underline;
}

.entry_navi a:active{
color:DarkOrange;
text-decolation:underline;
}

input,textarea{
font-size: 10px;
border-style: solid;
border-width: 1px;
border-color: #a9a9a9;
}
/*エントリーナビゲーション部分の設定終了*/



/*エントリーナビゲーション部分の設定開始*/
.entry_navi{
font-size: 10px;
margin: 5px;
color:Black;
text-align: center;
}

.entry_navi a:link{
color:Black;
text-decolation:underline;
}

.entry_navi a:visited{
color:Black;
text-decolation:underline;
}

.entry_navi a:hover{
color:DarkOrange;
text-decolation:underline;
}

.entry_navi a:active{
color:DarkOrange;
text-decolation:underline;
}

input,textarea{
font-size: 10px;
border-style: solid;
border-width: 1px;
border-color: #a9a9a9;
}
/*エントリーナビゲーション部分の設定終了*/

に変えてもらえばきちんと表示されるはずです;;
2008.01.06 (13:14) | URL | EDIT
by. kei
初めまして。
こちらのテンプレをお借りしています。

早速ですが、ページ最後(一番下)に次のページ(記事)に移動するようにしたいのですが、
どのようにカスタマイズすればよいのか分からなくて困っています。
初心者なもので、唐突にお聞きしてしまい、申し訳ございません。
アドバイスのほど、宜しくお願い致します。
2008.01.06 (01:24) | URL | EDIT
by. コイル
いえいえ。
こちらこそ、ダウンロードしていただきありがとうございます!
2007.12.25 (11:48) | URL | EDIT
できました! by. en
早速のご返信ありがとうございます。

こんなに簡単なことだったんですね!
無事、思っていた通りのカスタマイズができました!

教えていただき、本当にありがとうございました!
テンプレート、大切に使わせていただきます。
2007.12.23 (20:39) | URL | EDIT
by. コイル
コメントありがとうございます!
HTML内の<!--/記事タイトル部分終了-->と<!--記事日付部分開始-->の間に<!--not_category_area-->と書き加え、<!--/記事ステータス表示部分終了-->の直後に<!--/not_category_area-->と書き加えればおkです。
2007.12.23 (19:42) | URL | EDIT
by. en
はじめまして!
こちらのテンプレートお借りしました。

ユーザーフォーラムにも質問させていただいたので、
二重の質問となってしまい恐縮なのですが、
サイドバーのカテゴリ一覧をクリックしたとき、
すべての記事が表示されるのではなく、
タイトル一覧の表示にするには、
どのようにカスタマイズすればよいのでしょうか?

よろしくお願いいたします。


2007.12.23 (12:01) | URL | EDIT


トラックバックURL
→http://superblog.blog16.fc2.com/tb.php/66-38d2f310















ブログパーツ
xxSEARCHxx
xxNEW ENTRYxx
xxPROFILExx

  • COiL
    • Author:COiL
    • 1)熊本の高専生
      2)Janne Da Arc狂愛者
      3)機能性よりデザイン性
      4)Win使いのMACファン
      5)平日の睡眠時間7〜8時間
      6)エレベーターでも乗り物酔い
      7)詳しいプロフはここ(ぁ
    このブログをソーシャルブックマークに登録
    xxARCHIVESxx

    2008年 10月 【13件】
    2008年 09月 【4件】
    2008年 08月 【19件】
    2008年 07月 【23件】
    2008年 06月 【29件】
    2008年 05月 【32件】
    2008年 04月 【32件】
    2008年 03月 【16件】
    2008年 02月 【19件】
    2008年 01月 【30件】
    2007年 12月 【31件】
    2007年 11月 【9件】
    2007年 10月 【9件】
    2007年 09月 【2件】
    2007年 08月 【12件】
    2007年 07月 【7件】
    2007年 06月 【6件】
    2007年 05月 【8件】
    2007年 04月 【6件】

    xxCATEGORYxx
    xxCOMMENTSxx
    xxTRACK BACKxx
    xxRSSxx
    xxLINKxx
    xxRANKINGxx

    ブログランキング・にほんブログ村へ
    にほんブログ村 デザインブログ Webデザインへ にほんブログ村 IT技術ブログ ソフトウェアへ
    xxINFOMATIONxx

    Copyright (C) RESIST All Right Reserved. Powered by FC2 Blog