オラにCSSをおしえてくんろ


1: 名無しの民 2020/04/14(火) 15:00:11.51 ID:x5JaOlZu0
手作り感満載ってバカにされたオラのサイトを綺麗にしたいです!
変なアンダーバーが入ったりするのを何とかしたい!
手作り感が出るところはどこか教えてほしいです!
https://sugu.masuku-tukeyou.com
サイトにも書いてる通り買わないでください!
今買うと危険です。
httpsにするのは3日かかって出来なかったので友達のご主人にやってもらいました。

2: 名無しの民 2020/04/14(火) 22:09:15.77 ID:0o++iLr80
そもそもCSSあまり使ってなくね?
タグの中に直接styleって書きこんでるところが結構あるよ
変なリンクが出来るのはdivをまるごとaタグで囲んでるからだよ
改行とか全部消すかdivをaタグで囲むのをやめてrelativeとか使用して作るといいよ

 

3: 名無しの民 2020/04/14(火) 23:13:22.87 ID:x5JaOlZu0
>>2
ありがとうございます!!
がんばって明日の夜までには直します。

 

4: 名無しの民 2020/04/15(水) 22:48:30.93 ID:sRkha4vz0
>>2
すいません、遅くなりました。
出来るだけ外部ファイルに変更しました!
どうしても消せなかったアンダーバーが消えました!!!
すごいです!ありがとうございます!
他にも何か直したほうが良いところがあれば教えてください!

 

5: 名無しの民 2020/04/16(木) 00:21:39.50 ID:2qVbcc2c0
リンクから別ドメインのページに飛ばすときは新しいタブで開いたほうがいいかも

 

a タグに target=”_blank” を付け足すだけだったはず。
間違ってたらググって

 

8: 名無しの民 2020/04/16(木) 01:36:36.23 ID:rexQbSS50
>>5
ありがとうございます!!
出来ました!確かに新しいタブで開きました!ありがとうございます。
hover・・・初めて聞く単語・・・すいませんちょっと時間がかかりそうです。
明日の夜までには直します。

 

6: 名無しの民 2020/04/16(木) 00:26:14.02 ID:2qVbcc2c0
あと、リンクの色が背景色と全く一緒で特に枠線があるわけでもないから、
どこからどこまでがクリックできるのかがわかりにくい。

 

hoverしたときにカーソルだけじゃなくて、
リンク自体にも変化が出るようにしたほうがいいかも、

 

9: 名無しの民 2020/04/17(金) 00:14:38.35 ID:dLG20XJ00
>>6
hover出来ました!ありがとうございます!
画像にも変化を付けたかったのですが、それは出来ませんでした・・・

 

10: 名無しの民 2020/04/18(土) 21:06:41.76 ID:6gjT91nn0
違うよお前に足りないのはCSSじゃなくてセンスだよセンスがない
自分の作ったサイト見て何か変だと思わないわけ?
有名なサイトと自分のサイト見比べてみた?何が違うか確認した?
お前のサイトの名前なんなの?ほら、このサイトでも5ちゃんねるって書いてるだろ?
自分のサイトの名前も決められないのか?
リンクそれぞれに区切りがないんだよ、色の違いもないんだよ
お前みたいに才能ないやつは下のサイトでも使っとけ
http://photoshopvip.net/72189
文字が小さいんだよ!誰もよまねぇよ、少しは考えろ

 

11: 名無しの民 2020/04/18(土) 21:39:04.80 ID:58NOjyig0
>>10
それ以上のサイト作って提示できないやつに
そこまで言う権利はない。
消えろ。

 

15: 名無しの民 2020/04/19(日) 08:18:11.60 ID:Maedqnyn0
はわわわわわわ、いっぱいレス来てるーーー!!!!!
って喜んだけど荒れてるーーー!!!
>>10
さん、ご意見ありがとうございます。
>>11
さん、私のために怒って下さりありがとうございます。

 

皆さん英語には下記のような言い回しがあります!
大丈夫です。私はどんな悪臭でも愛していますよ!!

Opinions are like assholes.
Everybody’s got one and everyone thinks everyone else’s stinks.

訳)人の意見はケツの穴のようなものだ。
誰でもたいてい一つは持っているものだが、
誰もが、他人のそれは悪臭を放つ

 

17: 名無しの民 2020/04/19(日) 21:47:10.57 ID:C8xtzVhJ0
>>15
早く修正しろ

 

18: 名無しの民 2020/04/19(日) 23:51:00.52 ID:Maedqnyn0
>>17
ありがとうございます!Index修正しました!

 

21: 名無しの民 2020/04/21(火) 20:22:30.48 ID:NqLkk2EG0
>>18
Homeになってんじゃねぇかwww
アプリじゃねぇんだぞwww
ページ名はSEOに大事だからリンクに使ってる名前にしとけ

 

25: 名無しの民 2020/04/22(水) 23:59:41.61 ID:/ZKDNvrQ0
>>21
なるほどそういう意味だったんですね、
ありがとうございます。SEO調べます。

 

>>24
色付けてみます。
試しにつけたら色つけただけでガラっと印象変わりますね!!
いろいろ試してみます!!!
ありがとうございます!!!

 

12: 名無しの民 2020/04/18(土) 21:52:21.04 ID:58NOjyig0
>>10
そして学ぼうとしてる人間に金輪際かかわるな

 

13: 名無しの民 2020/04/18(土) 22:20:54.22 ID:YNa1TSBR0
よ・く・み・ろ・よwww
お前のレスと俺のレスどっちがスレ主の役にたつよwww
99%の人間はセンスないんだよwww
だからそれを認めて有名サイトとかをよく見て模倣して成長しないといけないんだよ
俺のレスに一体どれだけ具体的な指摘があるかよく見ろよ
文句あるならスレ主の役に立つ具体的なレスをしてからにしてちょ~~~だいwww
ファ~~~~ブルスコ~~~~www

 

14: 名無しの民 2020/04/18(土) 22:50:34.58 ID:58NOjyig0
>>13
どこに具体性があるんだよ?
相手の力量もみないで
お前が気に食わない部分あげつらってるだけだろ?

 

具体性も建設性も全くねえよ

スレ主さんも
いくら技術があってもこういう態度のやつからは
絶対学ばないほうがいいです。
知識でマウント取りたいだけだから。

 

16: 名無しの民 2020/04/19(日) 21:45:17.37 ID:C8xtzVhJ0
>>14
まだ一個もアドバイスしてないのかよ、お前ほんとファ~ブルスコ
はっきり分かったよ、お前スレ主のサイト見てないだろ
スレ主のサイトは在庫があるマスクを一覧表示しているサイトだ
しかも在庫が無くなったらすぐ一覧から消える
俺が見た限りじゃ他の似たようなサイトより安い
スレ主は明らかにデータ抽出に優れたプログラマーだ
相手の力量も見ないでとか頭悪すぎwww
こういうやつにはどんなチンカスな意見でもいいから大量に
意見(データ)を出せば勝手に良い意見だけ抽出するわ
俺は赤いほうが好きだなぁって意見でもいいんだよ
サイトに載ってたコロナ予防法が役に立ったから
しげしげサイト見てやったらページ名が「index」でコーラ噴いたわ

 

19: 名無しの民 2020/04/19(日) 23:58:59.98 ID:RKKZMIIH0
>>16
すごーい、スクリプトちゃんと読めてえらいねー!!
でも、このスレのタイトルはよめなかったんだねー、残念・・・。

 

20: 名無しの民 2020/04/20(月) 02:46:49.95 ID:NAdlcVsM0
>>16
優れたプログラマー≠優れたデザイナー
ってのわからねえのかこのカスは?

 

24: 名無しの民 2020/04/22(水) 22:58:53.60 ID:w9newfgZ0
上部に色つけたらいいんじゃないかな?
Yahooファイナンスとか真似するといいと思うよ
一覧は少しだけ隙間をあけてみよう

 

26: 名無しの民 2020/04/23(木) 23:37:59.43 ID:wTk652wU0
SEOやばいです・・・覚えること多すぎて泣きそうです。
色付けて感覚を開けてみました。
Yahooファイナンスのように真ん中で区切って真ん中に線を入れたかったんですが、
うまく出来ませんでした。
どなたか教えていただけると助かります。
場所は「マスク在庫 通販入荷情報」と「コロナ予防方法」の間になります。

 

27: 名無しの民 2020/04/24(金) 00:14:51.93 ID:I2NVprL60
>>26
どの分野でも初心者が陥りやすいけど、
どのアドバイスも受け入れようとすると
進まないから、必要なとこだけやって

 

SEOとか後で大丈夫

divでわけてfloatつかえばできるかも

 

28: 名無しの民 2020/04/24(金) 00:23:31.17 ID:I2NVprL60
>>27
いろいろやり方はあると思うけど、
float と clear つかったやり方が一番わかりやすいかも

 

30: 名無しの民 2020/04/24(金) 23:13:05.81 ID:u/eka/IU0
>>28
すぐに教えてくれていたんですね、ありがとうございます!!
すぐにやってみます!!

 

31: 名無しの民 2020/04/24(金) 23:54:31.39 ID:u/eka/IU0
>>28
出来ました!ありがとうございます。
ふぅこの短時間で出来て自信がついてきましたよ!

 

29: 名無しの民 2020/04/24(金) 00:46:17.50 ID:4yrdLUzw0
上でも指摘されてますが、初心者は知識マウントとるようなタイプの人間からは教わらないほうがいいですよ

 

何故かというと、初心者はアドバイスの優先順位とかつけられないから、マウント取るだけの人間からは順序とか関係なく知識を押しつけるだけだからですね。

スレ主さんの例を使うなら
A bad smell is still a bad smell. No matter how gracious it is, you’ll get a headache.
悪臭は悪臭でしかないからいずれ頭痛がする。

私が見るに上で煽り散らしている方はマーケティングを少々かじってはいるみたいですが、CSSに関してはからっきしでしょうね。

 

32: 名無しの民 2020/04/27(月) 06:29:57.28 ID:+9l+eAQn0
逆に質問なんですけど、主さんはエディターなにつかってます?

 

33: 名無しの民 2020/04/28(火) 15:23:39.27 ID:W4bihMI40
>>32
Visua Studio code使ってます!
プラグイン入れることで拡張出来るので最高ですよ!
下記のサイトとかが超参考になります!!!
https://zukulog098r.com/cord-vscode/

 

34: 名無しの民 2020/04/28(火) 15:28:29.13 ID:W4bihMI40
本当に最高ですよ!Visual Studio Code!!!
是非是非使ってください!!!
使用するときに気を付けることは、まずは保存することです。
保存した時の形式により、現在開いているファイルがカスタマイズされるんです。
例えば、ファイルの種類をHTMLにしてtest.htmlにして保存します。
そのあと、!マークを打つとdoctypeからhtmlタグ
bodyタグ等必須な要素に変換してくれます。
他のエディタ使ってたらこのサイトは出来なかったまでありますね!!!
超オススメですよ!!!!

 

引用元

https://mevius.5ch.net/test/read.cgi/internet/1586844011/l50


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です