• CSS Tab Designer:タブメニュー 一覧 (97種類) 1/2

    ① |

    概要

    CSS Tab Designer はHTML+CSS+画像を駆使して綺麗なリンク付きタブメニューのサンプルを表示する無償(フリー)ソフトです。ネット検索してもこれ以上のソフトは見つかりませんでした。

    CSS Tab Designer

    しかし、残念なことに既に公開サイトは閉鎖され、当然ですがソフトもダウンロードできない状態です。Windows 10では動作しましたが、ソフト本体が古いので今後も動作できるかは期待できないでしょう。

    CSS Tab Designer

    そこでココにその実行結果だけをサンプルとして残します。そうしておけばCSS Tab Designer本体が動作出来ない環境になっても安心です。

     

    環境

     

    ダウンロード

    ここで紹介したタブメニューのCSSサンプルが一式入っています。

    ダウンロード  Tab Menu CSS Samples  (703.9 KB, 作成 2017年5月18日)

     

    一覧

    本体の実行フォルダ下に含まれたサンプルも入れて、全部で66種類存在します。以下にその付属サンプルのプレビューを表示します。

    同時にデモのHtmlファイル(Demo)とCSSファイル(CSS)を表示するリンクも付けて有りますから、気に入ったのが有ればクリックして、そのソースを参考にタブメニューを作ってください。

    タブメニュー上にマウスカーソルを持っていくと反応します。なお、リンク付きタブですが、リンク先は存在しないので404、又はプレビューが消えてしまいますので注意して下さい。

     

    1. Athan


      Demo / CSS

    2. Athan / Tab Menu 1


      Demo / CSS

    3. Athan / Tab Menu 2


      Demo / CSS

    4. Athan / Tab Menu 3


      Demo / CSS

    5. Athan / Tab Menu 4


      Demo / CSS

    6. Centered Sliding Doors


      Demo / CSS

    7. Circle


      Demo / CSS

    8. E-lusion 1


      Demo / CSS

    9. E-lusion 2


      Demo / CSS

    10. E-lusion 3


      Demo / CSS

    11. E-lusion 4


      Demo / CSS

    12. E-lusion 5


      Demo / CSS

    13. E-lusion 6


      Demo / CSS

    14. E-lusion 7


      Demo / CSS

    15. E-lusion 8


      Demo / CSS

    16. E-lusion 9


      Demo / CSS

    17. Eric_Meyers_tabbed navbar


      Demo / CSS

    18. Eric_Meyers_tabbed navbar_


      Demo / CSS

    19. Green and Blue


      Demo / CSS

    20. Horizontal Buttons


      Demo / CSS

    21. Pyramid


      Demo / CSS

    22. Rounded


      Demo / CSS

    23. Sliding Doors


      Demo / CSS

    24. Square


      Demo / CSS

    25. SuperfluousBanter 2003


      Demo / CSS

    26. Tab Menu 1


      Demo / CSS

    27. Tab Menu 2


      Demo / CSS

    28. Tab Menu 3


      Demo / CSS

    29. Tab Menu 4


      Demo / CSS

    30. Tab Menu 5


      Demo / CSS

    31. Tab Menu 6


      Demo / CSS

    32. Tab Menu 7


      Demo / CSS

    33. Tab Menu 8


      Demo / CSS

    34. Tab Menu 9


      Demo / CSS

    35. Tab Menu 10


      Demo / CSS

    36. Tab Menu 11


      Demo / CSS

    37. Tab Menu 12


      Demo / CSS

    38. Tab Menu A


      Demo / CSS

    39. Tab Menu B


      Demo / CSS

    40. Tab Menu C


      Demo / CSS

    41. Tab Menu D


      Demo / CSS

    42. Tab Menu E


      Demo / CSS

    43. Tab Menu F


      Demo / CSS

    44. Tab Menu G


      Demo / CSS

    45. Tab Menu H


      Demo / CSS

    46. Tab Menu I


      Demo / CSS

    47. Tab Menu J


      Demo / CSS

    48. Tab Menu K


      Demo / CSS

    49. Taming List


      Demo / CSS

    50. Vertical Buttons


      Demo / CSS

    51. Vertical Menu 1


      Demo / CSS

    52. Vertical Menu 2


      Demo / CSS

    53. Vertical Menu 3


      Demo / CSS

    54. Vertical Menu 4


      Demo / CSS

    55. Vertical Menu 5


      Demo / CSS

    56. Vertical Menu 6


      Demo / CSS

    57. Vertical Menu 7


      Demo / CSS

    58. Vertical Menu 8


      Demo / CSS

    59. Vertical Menu 9


      Demo / CSS

    60. Vertical Menu 10


      Demo / CSS

    61. Vertical Menu 11


      Demo / CSS

    62. Vertical Menu 12


      Demo / CSS

    63. Vertical Menu 13


      Demo / CSS

    64. Vertical Menu 14


      Demo / CSS

    65. ZDnet Emulation


      Demo / CSS

    66. Zeldman’s DWWS menu


      Demo / CSS

     

     

    以上。