タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

cssとCSSに関するmarineroのブックマーク (36)

  • とっても使えるoverflowプロパティ。その使い方色々。

    光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ~と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ! これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し!!(わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに

    とっても使えるoverflowプロパティ。その使い方色々。
    marinero
    marinero 2010/07/14
  • CSS・スタイルシートテンプレート - ネットマニア

    ・初心者の為のテンプレートの使い方! ・テンプレート人気ランキングHTMLタグ人気ランキング ・ダウンロードされた方は掲示板に報告お願いします。 CSS・スタイルシートを使用してレイアウトを組む為のテンプレートです。 これを利用すると、<TABLE>タグを使用しないレイアウトが可能です。 スタイルシートレイアウトをマスターすると、デザインの幅がかなり広がります。 また、最近ではブログデザインがスタイルシートレイアウトを利用しています。 適当にダウンロードしてソースをご覧下さいませ。

    marinero
    marinero 2010/07/11
  • 初心者のスタイルシート (CSS)

    超初心者でも大丈夫 スタイルシートを使ってみよう HTML(各主要要素=タグ) をある程度使えるようになってくるとスタイルシートは理解ができると思います。 ページに使った背景画像や写真を自由に好きな所に配置することや、テキスト (文字列) の文頭の位置、余白など変えたい時ありませんか?スタイルシートを使えば、できるようになります。 HTMLはもともと文書の構造を表すために考えられた仕組みですが、 スタイルシートは、HTMLのタグにプラスして指定し、HTMLでは不可能だった細かいコントロールや表現 (文字、色、背景、枠線、表示位置、余白など) を可能にし、レイアウトに凝ったページを作成することができます。 デザインの表現をHTMLから分離したものがスタイルシートです。 HTMLだけでは、ページのデザインをコントロールする自由な調整はあまりできません。インターネット上には素敵にレイアウトされた

    marinero
    marinero 2010/07/11
  • バシャログ。 | 横浜・馬車道で働くWEBサイト制作スタッフのブログ。

    【お知らせ】バシャログ。メンバーが所属する株式会社シーブレインのWebサイト制作サービスのサイトがリ... お知らせ

    バシャログ。 | 横浜・馬車道で働くWEBサイト制作スタッフのブログ。
    marinero
    marinero 2010/07/11
  • 47 CSS Tips & Tricks To Take Your Site To The Next Level

    CSS is a wonderful language for presenting web pages. It’s not too difficult to learn, though like most things, it does have a learning curve. Where many people seem to get tripped up is in specific solutions to specific problems. Fortunately there’s a good chance that someone before you has already had the same problem and even better has found a solution. Here are 47 of those solutions. 47 CSS T

    47 CSS Tips & Tricks To Take Your Site To The Next Level
    marinero
    marinero 2010/07/11
  • Bos138

    Selamat datang di Bos138, situs games online terkemuka yang siap memberikan Anda pengalaman bermain terbaik dan paling menguntungkan. Sebagai salah satu situs games online yang paling terpercaya, kami menawarkan berbagai macam permainan mulai dari taruhan olahraga, kasino, poker, hingga permainan slot yang seru dan mengasyikkan. Kami memahami bahwa kenyamanan dan keamanan adalah prioritas utama ba

    marinero
    marinero 2010/07/08
  • css-lecture.com

    marinero
    marinero 2010/07/08
  • 今更幅指定しないボックスの中央寄せ - oogatta のブログ

    今更ですみません。常識ですみません。 あれ、これ IE でどうやるんだろ。と思ったので近くにいた凄腕コーディング職人に訊いてみた。こうだった。 display:inline; zoom:1; へぇー!これで IE6/7 で inline-block をエミュレートできるんですね。知らなかった。 というわけで、 <!DOCTYPE html> <html> <head> <style type="text/css"> #outer { border:1px solid #f00; width:400px; height:400px; text-align:center; } #inner { border:1px solid #00f; display:inline-block; *display:inline; zoom:1; text-align:left; } </style> </h

    今更幅指定しないボックスの中央寄せ - oogatta のブログ
    marinero
    marinero 2010/07/08
  • Scalable Full Body Backgrounds in Web Design - noupe

    By Mike Takahashi It is reasonable to assume that most users have a display resolution higher than or equal 1024x768 pixels. As display resolutions continue to increase, there has been a steady trend of websites that have employed full body backgrounds using large images. However, many of these designs use images that have a set resolution for its width and height. Once the resolution is exceeded

    Scalable Full Body Backgrounds in Web Design - noupe
    marinero
    marinero 2010/05/13
  • 30 Gorgeous and Versatile CSS Menus

    Sometimes the navigation menu can be one of trickiest parts of the design process. This single area can set the tone for the usability of the entire site. Today we’ll look at 30 inspiring examples of good menu design. Though many are pure CSS, others add in some images and/or JavaScript to increase the aesthetic and functionality. 19 Million+ Digital Assets, With Unlimited Downloads Get unlimited

    30 Gorgeous and Versatile CSS Menus
    marinero
    marinero 2010/05/06
  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
    marinero
    marinero 2010/04/25
  • 覚えて良かったCSSテクニック « zaru blog

    ここ最近、覚えてよかったなーと思ったCSSテクニックをまとめてみる CSSテクニックは時代とともに変わっていくけれど、ここ1年ほどスタメンレベルで使うCSSテクニックが絞られてきたので、ここらでちょっと個人的にもまとめておこうかと。 liボックス 幅:190px マージン:15px liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 liボックス ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。ダミーテキスト。 <li>にはクラスを指定せずに、左右にぴったりくっ付くように配置が可能。 <style type="text/css"> #box1{ width: 600px; } ul{ width: 615px; margin: 0 -15px 0 0; overflow: hidden; _zoom: 1; font-size:7

    marinero
    marinero 2010/04/23
  • norisfactory

    サイト名は「管理人noriのガラクタ工房」の意。管理人の職業であるWeb制作と、趣味である音楽をテーマに、気の向くまま勝手気ままにつづる極私的備忘録。

    marinero
    marinero 2010/04/22
  • Webデザインテクニック

    ダイナミックHTMLJavaScript、スタイルシートなどを用いた誰でも使えるデザインのテクニック集です。 サンプルソースはご自由にカスタマイズなどをしてお使いください。 訪問者を惹きつけるホームページを作りましょう。

    marinero
    marinero 2010/04/22
  • スタイルシートの技

    スタイルシートの技 このページでは実用的なスタイルシートによるデザイン・レイアウトなどをメインに扱っております。 スタイルシートをサブで使うかメインとするかは賛否両論あります。 また、世の中にスタイルシート解説サイトは多数あると思いますが、 スタイルシートの持つ意味を誤解しているサイトが少なからずあるのと、 リファレンスのような書き方ではデザインへの応用が効かないのでは? という事を考えて、すぐに利用できる実用的な形式で参考になればと思って作成しました。 スタイルシートを勉強すると、当サイトの一番下にある「design」のように、 Javascriptと併用したデザイン切り替えページなどを製作する事ができるようになり、表現の幅が広がります! 自分のスタイルシートの知識を簡単にテストできる問題を作ってみましたので、どうぞ。 Introduction - 基礎・導入編

    marinero
    marinero 2010/04/16
  • HTMLの外部ファイル化

    marinero
    marinero 2010/04/16