1read 100read
2012年6月Web制作598: CSS Tips コレクション (241) TOP カテ一覧 スレ一覧 2ch元 削除依頼
タグの正しい読み方 (845)
【Cross Road】Webデザイナー 明日はどっちだ! (471)
サイト作るの楽しいね(*´・ω・)(・ω・`*)ネー Part2 (443)
◆熱く盛り上がれweb制作板◆ (593)
携帯の自動クリックソフトを使って (429)
【好評発売中】Microsoft Expression【part2】 (892)

CSS Tips コレクション


1 :03/12/05 〜 最終レス :11/09/21
CSSの簡単でかつ使えるソースをみんなで書きましょう。
・ソース簡略化のためコードはなるべく単純にしましょう。
・優しい人は応用編なんかも作ってあげましょう。
・実際に使う人のために使う際での説明書きをしましょう。
・人のソースを応用したりしてより良いスタイルを完成させましょう。
・ブラウザは特に問いません。

2 :
    _, ,_  パーン
 (´・ω・`)
   ⊂彡☆)),_ゝ´) >>1

3 :
うるせー。
文句あんなら立派なもん張りやがれ!!

4 :
>>1

5 :
>>1
ブラウザ問わずにCSSなんて…


6 :
  (⌒\ ノノノノ
   \ヽ( ゚∋゚)
    (m   ⌒\
     ノ    / /
     (   ∧ ∧
  ミヘ丿 ∩Д´;)←>>1
   (ヽ_ノゝ _ノ

7 :
ではまず>>1からどうぞ

8 :
>>1
こんなスレを待っていた

9 :
>>8
ジサクジエン?

10 :
8 名前:1[age] 投稿日:03/12/05 20:58 ID:???
  >>1
  こんなスレを待っていた
書き込みの意図が分かりません

11 :
盛り上げるために貼ってやるか。
a:link,a:active,a:visited {
text-decoration: none;
}

12 :
>>8
禿同

13 :
盛り上げるために貼ってやるか。
* { display:none }

14 :
ではこんなのを
body {
scrollbar-face-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-shadow-color : #696969;
scrollbar-3dlight-color : #696969;
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #696969;
}

15 :
盛り上げるために貼ってやるか。
body { cursor: wait }

16 :
* { display:anus }

17 :
これはすごいよ
font-size: 35pt;

18 :
盛っこりするために貼ってやるか。
ttp://www.club-star.jp/saitama/cgi-bin/image-box/himeimg-box/img20031205192530.jpg

19 :
>>16
キャッ! (><)

20 :
誰か「HTML Tips コレクション」立ててくれ
使える串が切れた・・・

21 :
>>20
そんなスレが必要だとでも?

22 :
見易さというかなんというか
DIV { line-height:1.2 }
行間が気持ち広がるので、文章が見やすくなると思うが…
長文書く場合とかは結構使うと見る人に優しいと思うがどうだろう。

23 :
長文なのに何故にDIVとか突っ込んでみるテスト

24 :
盛り上げるために貼ってやるか
body { display: none; }

25 :
>>24
>>13

26 :
body:before{content:"ヽ(`Д´)ノ"}
body:after{content:"(´Д⊂"}
IE不可

27 :
img[src^="mailto:"]{display:none}
mozillaで確認。ユーザーCSSにいれとけ。mailto storm回避できる(多分)。
偶然見つけた。仕様を利用したテク?

28 :
これでも見て勉強しろよオメーラ
DIV { line-height:1.2 }

29 :
DIV { font-size:80% }
文字が小さくてかっこよくなる


30 :
p {
line-height:140%;
text-indent:1em;
}

31 :
* { filter:alpha(opacity=0,finishopacity=70,style=2,startx=0,starty=0) }
半透明フィルターがかかって、括弧良くなりますよ。IE限定なのは残念ですが・・・

32 :
*{-moz-opacity:70%}

33 :
ーは自サイトでやれよ

34 :
>>1

35 :
1 { display : none }

36 :
DIV { font-size:80% }

37 :
kai-#kai/rQnSpY { display:none }

38 :
/* >>37 */

39 :
ちょっとこのスレは面白いと思った。

40 :
body { font-size: 100000%; }
これ

41 :
body { line-height: 1px }
これ意外と面白かった

42 :
それはつまり俺が面白いってことでよろしいですか?
CSSなんてまともに使ってるサイトあるの?
個人サイトでお化粧してるだけの言語だと思ってるんだけど。

43 :
ネタでageられるとウザイだけなんだが。

44 :
あげても実害ないだろ

45 :
ウザイってだけだよ。

46 :
俺のために喧嘩するなよ。

47 :
    _, ,_  パーン
 ( ・д・)
   ⊂彡☆))Д´) ←>>42
    _, ,_  パーン
 ( `д´)
   ⊂彡☆))Д´) ←>>44
    _, ,_  パーン
 ( ・ω・)
   ⊂彡☆))Д´) ←>>46

48 :
CSS=化粧っていうのは、まーなんつーか、その通りなんだが。

49 :
俺は嘘つかないからな。

50 :
>>49
あ!嘘ついた!

51 :
合コン1次会.下心 { display:none }

52 :
  |
  |   ∧_∧ ∧∧ ハニャーン!!
  |   (=(*゚ー゚(>>50;)。゚
  |   (   つと  つノ
  |    Y  人≡ヽ  ,⊃
  |   (__)`J≡ し'
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
  |ゴッ!
  | シィィィィ!!!
  |;∧∧≡ ∧_∧
 ;'>>50)と(゚ー゚*)=)
  |`とと ヽ≡ヽ   つ
  |  ヽ  ) ノ  人
  |   し'ヽ)(__)`J
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄

53 :
   /⌒ヽ
  / ´_ゝ`) すいません、ちょっと通りますよ・・・
  |    / 
  | /| |
  // | |
 U  .U

54 :
俺のティムポでもしゃぶれ

55 :
      シネ
 ( ゚∀゚)
   ⊂彡☆))Д´) ←>>54
      シネ
 ( ゚∀゚)
   ⊂彡☆))Д´) ←>>54
      シネ
 ( ´゚д゚`)
   ⊂彡☆))Д´) ←>>54

56 :
>>1


57 :
ところで俺のティムポをしゃぶりたい奴はまだか?

58 :
ノシ

59 :
ノシ

60 :
>>51
下心.一次会 { display:none }
こっちのが正しいだろ。

61 :
こうかな。
@place 一次会 {
    下心 { display:none }
}

62 :
γ⌒/^^/^-
               ,ゝ`/〜 /〜 /〜  /⌒
           _  〈(_|  | |〜  |〜  /^ )
            (/〜 /〜 /〜 /〜 〜 /〜 /^\
           ()/)/〜 /〜 |〜    .|〜 |〜 |〜 /)
           へ^〈,|,,、,,|,,、,,,,,|〜,,,,、〈〜,, 〈〜 /⌒|)\
          |:::::::   ゛  ゛          ,,,,;;::'''''ヽ
          |::::::::      ,,,,;;:::::::::::::::       __ ヽ
          |::: "   __    ::::     <'●, |
         ┌―. - '"-ゞ,●>   ::::::...         |
          | | ̄..          :::::::          |
          ヽ.\{_           ( ○ ,:○)   |
           \\/.                   |
             \_ヽ.        __,-'ニニニヽ .  |
..                ヽ.        ヾニ二ン"  /
                \               /
                 |              |
                 |              /
                 ヽ\             /
                  l  `ー-::、_       ,,..'|ヽ.
                 :人      `ー――'''''  / ヽ
              _/  `ー-、          ,.-'"   \ー-、
           ,.-'"  \:      \      .,.-''"     |
         /.     \        〜>、,.-''"      |
    ,,..-‐'''""        ヾ    ,.-''"|    /――――、/
りんら ろるらりろうりらお りんらろくろららろー りれっろはりろるにおりり


63 :
一次会>下心{visibility:hidden}
下心が無いわけじゃないんだからdisplay:noneは違うと思われ

64 :
経歴 { visibility:hidden; }
消したいものがいっぱいだ世の中は。

65 :
{tinko-weight:bold}

66 :
世の中は悲しみに溢れているよ。。。

67 :
      シネ
 ( ゚∀゚)
   ⊂彡☆))Д´) ←>>1
      シネ
 ( ゚∀゚)
   ⊂彡☆))Д´) ←>>1
      シネ
 ( ´゚д゚`)
   ⊂彡☆))Д´) ←>>1

68 :
      ∩ パパパパーン
 ( ゚∀゚) )))☆ 
   ⊂彡☆)),_ゝ´) ←>>1

69 :
    ∩ パパパパーン
 ( ゚∀゚) )))☆ 
   ⊂彡☆)),_ゝ´) ←>>68

70 :
   _, ,_  ∩ パパパーン
 ( ・д・) )))☆ 
   ⊂彡☆)),_ゝ´) ←>>69

71 :
   ∩ パパパパーン
 ( ゚∀゚) )))☆ 
   ⊂彡☆)),_ゝ´) ←>>70

72 :
   ∩ パパパパーン
 ( ゚∀゚) )))☆ 
   ⊂彡☆)),_ゝ´) ←>>70

73 :

   ∩ パパパパーン
 ( ゚∀゚) )))☆ 
   ⊂彡☆)),_ゝ´) ←>>74

74 :
>>73
もっと・・・もっとだ香織・・・

75 :
    _, ,_ ∩  パパパーン
 ( ・ω・) )))☆
   ⊂彡 ☆))з´)>>76

76 :
>75
あと64回・・・

77 :
オラオラオラオラオラオラオラオラオラ_ー ̄_ ̄)’,  ・ ∴.'オラオラ, .. ∧_∧ ∴.' オラ
オラオラオラオラオラオラオ∧ --_- ― = ̄  ̄`:, .∴)'オラオラオラ( >>76 ) オラオラオラ
オラオラオラオラオラオ, -'' ̄  = __――=', ・,‘ r⌒>オラ_/ / ・,‘ オラオラオラ
オラオラオラオラオ/  _-―  ̄=_  )":" .  ’ | y'⌒  ⌒i .'  ∴.' オラオラオラ
オラオラオラオラ/   ノ  ̄_=_  ` )),∴. ) |  /  ノ |∴.'∴.' オラオラオラオラ
オラオラオラオ/  , イ )    _ ) ̄=_)   _), ー'  /´ヾ_ノ オラオラオラオラオラオラ
オラオラオラ/   _, \  )_ _ )=  _)オラオ/ ,  ノオラオ∴.'オラ∴.' オラオラオラオラ
オラオラオラ|  / \  `、     = _)オラオラ/ / /∴.' ∴.' オラオラオラオオラオラオラ
オラオラオラj  /オラオヽ  |オラオラオラオラオラオラオ/ / ,'オラオラオラオラオラオラオラオラオラ
オラオラ / ノオラオラ{  |オラオラオラオラオラオ/  /|  | オッスオラゴクウオラオラオラオラオラオラ
オラ / /オラオラオラ| (_オラオラオラオラオラ!、_/ /   〉オラオラオラオラオラオラオラオラオラ
オラ `、_〉オラオラオラオー‐‐`オラオラオラオラオラオラオ|_/ オラオラオラオラオラオラオラオラオラ
                                              糸冬

78 :
    _, ,_ ∩  パパパーン
 ( ・ω・) )))☆
   ⊂彡 ☆)),_ゝ´)>>78

79 :
あぼーんされてるヤツのせいで自虐になっちまったじゃねーか!

80 :
プッ

81 :
    _, ,_ ∩  パパパーン
 ( ・ω・) )))☆
   ⊂彡 ☆)),_ゝ´)>>80

82 :
kai- ◆kai/rQnSpY よ、、

83 :
何故私が死なねばならんのですかw

84 :
>>466
お前問題欲しいだけだろ。よ。

85 :
誰に言ってる!
    _, ,_ ∩  パパパーン
 ( ・ω・) )))☆
   ⊂彡 ☆)),_ゝ´)>>84

86 :
    |     コヤツメ ハハハ    ハハハ
    |  ('A`)         ('A`)
   / ̄ノ( ヘヘ ̄ ̄ ̄ ̄ ヘ/ヘノヽ  ̄ ̄ ̄

87 :
あーじゅ

88 :
>>14
ero-ero w

89 :

>>31さん、これどうなるんだ?
<style type="text/css"><!--
style{
filter:alpha(opacity=0,finishopacity=70,style=2,startx=0,starty=0) 
}
--></style>

90 :
body { line-height:30px;}
p { text-indent:1em; }

91 :
font-color: 12px

92 :
>>1 { display : none; }

93 :
>>1:after { content: ';' }

94 :
どうしてこう糞スレばっか踏むんだ俺は…_| ̄|○

95 :
>>94
糞スレ踏んで、スルーできずに書き込んでしまうような頭だからだろうね。

96 :
>95
俺もオマエも>94もな…(w

97 :
>>96
糞スレだとは思ってないんですが(w

98 :
cssスレは糞スレじゃないですよね。ckzqGoABさん。

99 :
 

100read 1read
1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼
【借金】おまえら金借りてますか?【地獄】 (258)
大阪のWeb制作会社で働いてる人集合wwwww (317)
ヽ(`Д´)ノウワァァン!! (468)
■■ HP評価スレッド vol.55 ■■ (897)
【RDF】セマンティックウェブ【メタ情報】 (899)
SOHO総合 (454)
--log9.info------------------
【福島66期】岡部芳幸【S級S班】 (234)
枠複・枠単は要らないと思う人→ (366)
中野浩一☆★☆中野浩一☆★☆中野浩一 (932)
競輪や競艇の選手で在日や帰化人っているの? (790)
【55歳以上】大ベテラン選手を応援すれ【オルチン】 (201)
【91期 三重】柴崎 淳【中部のパシリ】 (261)
並び予想リクエスト5 >>2>>3まで見よ (371)
渡辺晴智が2着をとったらageるスレ   (275)
糞レースを晒し上げるスレ (837)
【川崎】宮田さん………【競輪】 (814)
坂本勉をダラダラ語るスレ (445)
競輪の成長、発展を願う前に八百長を解決しろ (686)
【後ろ次第で】荒井崇博【ド先行】 (707)
今年辞めそうな競輪選手 (380)
■復活!こんな山崎芳仁はイヤだ!■ (863)
91期ってどんな感じ? (445)
--log55.com------------------
【バーチャルYouTuber】.LIVEアイドル部アンチスレ#10389【アップランド】
【バーチャル】hololiveアンチスレ#3673【youtuber】
【バーチャルYouTuber】有閑喫茶あにまーれ総合スレ888【774inc.】
【元N国党】さゆふらっとまうんど応援スレ Par124【四街道市議選】【前橋】【新田雅哉】【カモフラ】
【バーチャル】hololiveアンチスレ#3674【youtuber】
【バーチャルYoutuber】にじさんじ有ンチスレ16021【期待を裏切った雪】
【バーチャルYouTuber】.LIVEアイドル部アンチスレ#10390【アップランド】
【バーチャル】hololiveアンチスレ#3675【youtuber】