過去ログ倉庫TOP

スタイリスト集まれ


1 : はる 2010-03-20 18:34:23
テンプレート制作希望者はこちらに集まって下さい。
これからゲムキのテンプレートを作っていきましょう!!
HTMLが分かる人だけ来て下さい。分からない人は勉強にGO!

HTMLは分かるけどCSSが難しい、という人のためにまずはCSSを使わずにHTMLだけで作っていきましょう!
最適だと思ったのが携帯版ゲームキッズの「ケータイキッズ」です。
http://m.game-kids.net/
CSSに対応していない携帯もあるのでHTMLだけで作るのがベストです。
さらにケータイキッズはまだ未開の地。開拓していく楽しみがあります。

今現在のテンプレートはtemplatesフォルダに入れています。自由に見て下さい。
http://www.game-kids.net/mobile/templates/
art.tplは展覧会TOP
index.tplはケータイキッズTOP
profile1.tplはプロフィールページ(今はPCと同じ)
view_art.tplはお絵描き閲覧ページ
です。

テンプレートの説明・作り方は以下のマニュアルに書いています。
http://www.game-kids.net/manual/make_template.htm
分からない事があったらどんどん質問して下さい。

さぁ皆さんは何のテンプレートを作りたいですか?
他の人とかぶらないようにして作っていきましょう。

↓以下が考えられるコンテンツです。
・掲示板
・お絵描き展覧会
・プロフィール
・日記
・プロフ
・レビュー
・シナリオ
・会員一覧
・ゲーム大百科
・みんなでアンケート
などなど

3 : はる 2010-03-20 18:44:54
>>2 HTMLを覚えた頃に頼むわw 背景はいいよ。画像は使わないので。

4 : なっつマン 2010-03-20 18:47:37
HTMLはミニペでほとんど覚えました
でもpspでは文字数が限られるので…
最後の方を皆にやってもらえるならできます

落ちノシ

5 : はる 2010-03-20 18:50:14
>>4 PSPで作業するのは大変だね。いつもPSPでやってんの?

6 : おdd◆odd//ls0E6 2010-03-20 21:46:40
プロフィールのページをやってみました…
HP作成ソフトでいじったのでかなり汚いことに…

http://www.game-kids.net/web/oddmutou/profile.htm
自分で表示確認できないんでHTML合ってるかどうかがわからないんです…
(たぶんまちがってる…)

7 : なのは 2010-03-20 22:42:33
こんですw
HTMLは、大体わかります。ミニぺ作る時に色々勉強したのでw
CSSの方は、ブログで少し触った程度なので…

8 : はる 2010-03-20 22:57:22
>>6 お、作ってくれたんだね。でもCSS使ってるし、これはPC用?
あとホームページ作成ソフトは使ったらだめだよ。余計なコードが入っちゃうので。
あとテーブルでマス目に並べると、日記などが存在しない場合はそこが空っぽになるから崩れると思う。だから一列がよい。

>>7 こんばんはー!
そっかではHTMLだけで何か作ってもらえるかなー?

9 : なのは 2010-03-20 23:02:52
こんばんわー!
わかりましたー!HTMLで頑張ります!

10 : はる 2010-03-20 23:07:22
>>9 どのページを作りたい??

11 : なのは 2010-03-20 23:13:39
>>10
プロフィール作ってみたいですっ

12 : はる 2010-03-20 23:15:21
>>11 携帯ページ?それともパソコンページの?

13 : 卯月 2010-03-20 23:17:13
お邪魔します。
プロフかプロフィール作ってみたいです。
よくわかりませんけど...

14 : なのは 2010-03-20 23:19:31
>>12
パソコンの方でw
因みに,あたしゎパソコンからしかきたこと無いんですけど,
ケータイからだと、どんな感じですか?

15 : はる 2010-03-20 23:20:17
>>13 ありがとー
じゃあ、なのはさんがプロフィール希望してるから、卯月さんはプロフのほうやってもらえるかな??
HTMLは分かるん?

16 : はる 2010-03-20 23:24:14
>>14 パソコンのほうかーOK じゃあ制作よろしく!
ケータイからならケータイキッズに自動転送されるよ。

>>13 ということでケータイならプロフィールでもいいけど卯月さんはどっち希望?

17 : 卯月 2010-03-20 23:26:31
>>15
了解しましたっ
検索して色々見てみたのですが...わかるようなわからないような。
一度ミニペをいじってみたりしたことあるのでちょいちょいわかります。
>>16
パソコンで

18 : Reason 2010-03-20 23:27:36
これってHTMLのタグがわかればできるってやるですか?

19 : なのは 2010-03-20 23:30:24
>>16
全力尽くして頑張ります!w
そーなんですかーっ

20 : ボール 2010-03-20 23:33:53
HTMLだけということは、テーブルタグなどで作るのですか?

21 : はる 2010-03-20 23:34:33
>>17 パソコンページのプロフとプロフィール? んじゃあプロフをやってもらえるかな??
>>18 うん。HTMLに変数や条件文を埋め込むんだけど、すぐ理解できると思う。

22 : 卯月 2010-03-20 23:36:56
>>21
了解しました
背景は普通にお絵かきソフトでも良いんですか?
文字はHTMLタグでやる...みたいな?

23 : はる 2010-03-20 23:37:04
えーっとまだ作らないで下さいね。守って欲しい条件もあるので。

練習のために簡単なケータイキッズを提案したんだけど、難しいパソコンページから作って大丈夫かな?

>>20 ケータイサイトはテーブルはなしで。

24 : Reason 2010-03-20 23:38:05
>>21

りょ〜かいです

25 : はる 2010-03-20 23:39:21
>>22 背景画像を使うってこと? お絵描きソフトでいいよ。でも容量は1桁kbにおさえてね。
文字も画像がいいなら画像でもいいよ

26 : 卯月 2010-03-20 23:40:23
>>23
わかりました
私的にはパソコンの方が作りやすそうだなと思いまして...
その前に勉強します。

27 : 卯月 2010-03-20 23:43:08
>>25
なるべくシンプルの方が良いですよね;
完全では無いけどちょっとデザイン考えてきます。
連レスすみません

28 : ボール 2010-03-20 23:44:39
携帯のプロフィール挑戦したいです

29 : はる 2010-03-20 23:47:37
>>26 ケータイのほうが絶対簡単だよ。範囲も小さくて済むしね。
>>27 シンプルじゃなくてもいいけど、容量は軽いのがいいね。見た目かっこよくて容量軽いのが最適!
>>28 お、ありがとー! HTMLで作れるかな??

30 : Reason 2010-03-20 23:50:00
じゃぁ携帯のページやりたいです。

31 : はる 2010-03-20 23:51:21
>>30 どのページ作りたい?

32 : ボール 2010-03-20 23:53:50
携帯の画面って横に何文字くらい入りますか?

33 : Reason 2010-03-20 23:55:10
>>31

ん〜じゃぁ会員一覧にチャレンジしたいです。

あとテンプレ解体するソフトみたいなのってどこかおすすめありますか?

34 : はる 2010-03-20 23:55:33
>>32 機種によって違うよ。僕の携帯なら標準サイズで13文字だね

35 : ボール 2010-03-20 23:57:24
>>34じゃあ見やすさでいったら、12文字程度がいいのかな

36 : はる 2010-03-20 23:59:59
>>33 そっかー、OK!
会員一覧は、20件区切りくらいで表示させていこうと思ってるので、それをイメージして。PCみたいに一気に全部は表示できないからね

>>35 文字数を意識する事ある? 端にいっても自動改行されるからこだわらなくていいよ。

37 : Reason 2010-03-21 00:01:12
>>36

了解です!
ミニペでサンプル作ってみます。

38 : はる 2010-03-21 00:15:44
>>37 よろしくー

39 : Reason 2010-03-21 00:54:20
試作携帯で見たら普通に2列とかになっちゃいますね

40 : はる 2010-03-21 01:24:01
>>39 2列?どんな感じ?

41 : Reason 2010-03-21 01:44:11
こっそりpsp でイン
>>40
携帯の画面の関係上一列で収まらなかったみたいです;

42 : はる 2010-03-21 02:06:37
>>41 ページを見せてもらえる? 列じゃなくて行のことだよね?

43 : はる 2010-03-21 02:11:57
作り方と守ることを書いてみました。
http://www.game-kids.net/manual/make_template.htm

分からない事があったらどんどん質問して下さい。

44 : 麻里 2010-03-21 07:30:35
こんばんは・・じゃなかった、おはようございます

ケータイの方のシナリオに挑戦したいです!

45 : なっつマン 2010-03-21 08:25:36
>>5家ではpc使えないんですw
昔2チャンネル見てたらウイルスきてwww
パソコン閉じる画面になると全体が灰色になって竜巻がwwwww
それが原因で今はもう何もかもpspです
ミニペとかもコピ&ペストー不可だから一つ一つ入力します

46 : びぃたん 2010-03-21 08:27:09
>>45苦労してるんだなw
てか難しそうだなwこれw

47 : なっつマン 2010-03-21 08:32:02
>>46だからもう習いもしない英単語を必死に暗記しまくってるのwwww
子供がやりやすい様設定されて無かったらムリポだろね

ゲムキでは学校並の事を教わってるんだがw
学校顔負け?

48 : Reason 2010-03-21 09:55:33
>>42

そうか列じゃなくて行でしたね大汗
こないだ行列やったというのに.....

頭から抜けちゃってます汗

49 : Reason 2010-03-21 10:36:22
http://www.game-kids.net/web/9spdwJX5eM/temple.htm
h1
タグ入れたら大きくなっちゃいました.....汗

50 : はる 2010-03-21 10:53:39
>>44 おはよー!OK,ではケータイのシナリオをよろしくお願い!まずは一覧ページで。
>>45 ウィルス駆除したらええやんw オンラインスキャンは無料でできるよ
http://www.trendflexsecurity.jp/housecall/

>>49 h1は1ページに1つだけだよ。サイズを小さくするならスタイルシートを使う必要があるんだけど
<h1 style="font-size:small;">
こういう感じにする。
あと会員一覧は最低名前だけでいいよ。+性別と年齢くらいで。

51 : なっつマン 2010-03-21 11:39:14
>>50その頃はビンボでウイルスバスタぁぁーとか無かったんですよww
で、放置してたらネットに接続できなくなって…
ただの置物になってしまったwww
今は親が結婚して裕福だから何でもry

最近はpcよりもpspに慣れたんでw
ちょっとした仕事をくださいな

52 : Reason 2010-03-21 13:43:29
>>50

やっぱジョブとか入れると大変ですよねー

了解です〜

53 : 柚月 2010-03-21 18:35:11
こんにちはー。パソコンの方のプロフィール制作希望なんですけど良いですか?

54 : Reason 2010-03-22 01:43:30
http://www.game-kids.net/web/9spdwJX5eM/temple.htm

とりあえずつくってみました〜

55 : はる 2010-03-22 03:37:12
>>51 無料ソフトがいっぱいあるぞ。俺はずっと無料の使ってる。今使ってるのがavast! ←!は強調してるわけじゃなくてそういう名前。
結婚して、とか家庭事情言わなくていいよ

>>53 あ、うん、よろしくー!分かるかな?
>>54 んー、HTMLの構造が間違ってる。
「ゲームキッズ 会員一覧」ってのをh1タグでくくらないと。
あとプロフィールページにリンクしたいので名前にAタグを入れて。
繰り返し文はforeachを使う事。

多分分かりにくいと思うので簡単なサンプルを作ってみる事にするわ

56 : Reason 2010-03-22 03:40:33
>>55

変数とかさっぱりですのでよろしくお願いします

57 : Reason 2010-03-22 04:32:26
foreachはひとつの配列を繰り返すみたいですが、ということは会員名、性別、年齢
の三つ分作る必要があるってことですかね?

58 : なってぃう 2010-03-23 14:08:27
>>55失礼しました

結局俺、変数とか分からないんでww
どうやったらできるんですか?
自分がギリギリできそうなのは…シナリオかゲーム大百科ですかね(教えてもらえればw

59 : はる 2010-03-23 19:53:34
>>57 ごめん、この場合はforeachではなくてsectionを使うべきだった。
{section name="loopList" loop=$name}
ID:{$id[loopList]} 名前:{$name[loopList]}
{/section}
こういう使い方。

>>58 マニュアル作ってみたけどわかる?

60 : Reason 2010-03-23 20:47:03
>>59

ご指摘どうもです^^

春休みは休み明けテストがあるので勉強するためあまりこれそうにないんですがちょくちょく作っていこうと思います。

61 : なっつのミニペも見てね! 2010-03-24 08:12:59
>>59見てみます

62 : なっつのミニペも見てね! 2010-03-24 08:22:30
えと、ケータイ版はHTMLで良いんですよね?
ミニペ作るみたいに
じゃあケータイ版を作らせてもらいたいと思います
何処から作れば良いですか?


バグ発見?
今のテンプレートがどうとかいう所を開くと変になりました

63 : はる 2010-03-24 10:04:59
>>62 うん、HTMLだけでいいよ。まだ誰も担当していないところがいいね。>>1に書いてるけどどこがいい?
PSPからだと開かないんかな?
http://www.game-kids.net/mobile/templates/profile1.tpl

64 : なっつのミニペも見てね! 2010-03-24 10:26:51
>>63日記ってまだ担当居ませんよね?


この前もミニペで似たような表示が出ました

65 : はる 2010-03-24 10:35:32
>>64 うん、日記はまだいないね。では日記してもらえる??
みんなの新着日記か、ユーザーの新着日記か、詳細日記(コメントフォーム付き)か。

66 : なっつのミニペも見てね! 2010-03-24 10:42:38
>>65何というタグを使えば良いですか?
皆の新着日記希望です

67 : はる 2010-03-24 10:47:59
>>66 最初は変数を使わずに、HTMLだけでサンプルを作ってもらえる?
後で変数に置き換えるようにしたほうが作りやすいと思うので。
新着日記で了解

68 : なっつのミニペも見てね! 2010-03-24 11:25:24
http://www.game-kids.net/web/nattu/sintyaku.htm
こんなので良いですか?
シンプルに作りました
背景色は濃いピンクで男の子も女の子も嫌じゃ無い様にしました

69 : はる 2010-03-24 11:40:18
>>68 お、いいんじゃない? あとTOPに戻るリンクはどこかに付けておいて。
それから新着5件だけど、次のページにも遷移したいので「次の5件」「前の5件」というリンクも付けてもらえる?

70 : ボール 2010-03-24 14:26:23
サンプル作ってみましたhttp://www.game-kids.net/web/abcde/link.htm
携帯で見るなら容量が小さい方がいいと思うので、所々はずさせてもらいました

71 : 渚カヲル(^ω^)つ 2010-03-24 18:28:26
はい、きました。
ハル様、またよろしくお願いしまぁす!

72 : 必殺、削除人 2010-03-24 18:30:44
>>69ではさっそく

73 : 必殺、削除人 2010-03-24 19:19:26
燃え尽きましたwww
>>68をもう一度見てくださいハルさんっ!

ケータイキッズの相対パスって無いんですか?

74 : はる 2010-03-24 21:02:42
>>70 お、いい感じだね!
でもテキストの項目は下に並べたほうがよいかも
画像の右だとうまく表示されない携帯もありそうなので
アイコンではなくて全部テキストのほうがいいかな
それか、アイコンの横にテキストも付けるか

>>71 お、よろしく!どのページしたい??

>>73 うん、直ってるね。あとはヘッダとフッタを加えてくれる?<body>タグの前。bodyタグが2つあるのも間違い。
相対パスってどういう事?

75 : 必殺、削除人 2010-03-25 07:38:40
相対URLでしたwwww
<a href="../../"></a>こんなの
ケータイのはどれですか?
<a href="./../../"></a>こんな感じですか?w

直してきます

76 : 必殺、削除人 2010-03-25 09:49:25
できました
http://www.game-kids.net/web/nattu/sintyaku.htm
どうかな?

77 : はる 2010-03-26 00:38:20
>>76 bodyタグがまだ2つあるよ。1つにして。
相対URLも相対パスも同じだよw
戻るリンクは、<a href="{$backurl}">戻る</a>でいいよ。
テンプレートではパスは気にしなくてOK。変数にするから。

78 : アチャーモン 2010-03-26 10:40:41
>>77消しました

79 : 迂斬 2010-03-28 06:45:36
age

80 : ドウラン=やまき 2011-12-05 21:53:11
スタイリストは俺だ

ゲムキTOP > 過去ログ倉庫TOP