« Previous : 1 : 2 : 3 : 4 : 5 : ... 7 : Next »

35 inspiring light and white website designs

http://www.land-of-web.com/inspiration ··· gns.html

Today we have a bit of  inspiration for you, we have selected 35 marvellous light and white website designs. They are made from creative people throught the World. Some websites made by Poles, some by Russians, some by Brazilians, some by Americans and others.  Enjoy the eye-catching designs and feel free to leave your comments and mention your favorites.

1. ArtDesignStock – Art, Design and Stock Portfolio of Levi Szekeres (Romania)ArtDesignStock

2. Epsdesign – creative and ecological projects of interior design (Italy)Epsdesign

3. Cappen – Digital Agency´s new website. All made using html5 with some nice transitions.(Brasil)Cappen

4. designzoom – web design solutions for budget people (Bangalore and Chennai India)designzoom

5. Elegant Seagulls is a creative design agency, MI specializing in website design (Marquette)Elegant Seagulls

6. 80-20 Studio conceptualize, research, design, develop and deploy solutions that set new standards in user experience80-20 Studio

7. JavaScript for Designers. A minimalist microsite or a one day workshop for webdesigners. JavaScript for Designers

8. Lebensraum Eilenriede is one of the most important municipal forests in Europe, covers an area of roughly 650 hectares.Lebensraum Eilenriede

9. SWIST Event Agency made by Nile StudioSWIST Company

10. Vitaly Shepelev PortfolioVitaly Shepelev

11. People LABPeople LAB

12. Elliott Kember web designer create cool web site with the game on the background.Elliott Kember

13. Tyler Finck. It`s all about web design, video, motioTyler Finck

14. Catch MailCatch Mail

15. Monster`s schoolMonster`s school

16. Paradigma communication agencyParadigma communication agency

17. White Space web studio White Space

18. Index – communication agencyIndex

19. Ola Marion – design agencyOla Marion

20. MIR is a full-circle creative, design and post production company based in Russia.MIR21. Camp6 provides a range of services from bookkeeping & accounting to website design and development.Camp6

22. Creative People – creative design agencyCreative People

23. Welcome to Demo Slam.Welcome to Demo Slam

24. The Critical Mass is an interactive data visualisationThe Critical Mass

25. FlowerOscope. Playing with the concept of  the kaleidoscope.FlowerOscope

26. The hidden heroes. The hidden heroes

27. Inthel.A website, portfolio and cv for Zamfir Mihnea (Romania)Inthel

28. Sold Pink Studio.Taking over the world one gamer at a time. (Australia)Sold Pink Studio

29. A small corporate website for an ad agencyA small corporate website for an ad agency

30. Panoplie team tries to provide sensual experiences to the screen.Panoplie

31. Gluckstuck is a creative designer from germany.Gluckstuck

32. The Wilderness Downtown.The Wilderness Downtown

33. Stripes design. Portfolio of a web designer from Poland.Stripes design

34. Mark Sousa webdesigner. Webdesign Portfolio from Brazil.Mark Sousa webdesigner.

35. The Elbany. Multi disciplinary arts venue in South East London.The Elbany



크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/08/25 09:06 2011/08/25 09:06
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6412

CSS3 Simple Shapes – Cheat Sheet

http://www.land-of-web.com/freebies/cs ··· eet.html
preview Cheat Sheet Shapes
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”.
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/08/25 09:04 2011/08/25 09:04
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6411

jquery mobile 로 만들어진 사이트 모음
http://www.jqmgallery.com/

jQuery Mobile Gallery



크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/21 13:38 2011/04/21 13:38
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6110

[Web] 임의로 잡아본 iPad Layout

임의로 잡아본 iPad Layout (1024 * 768)
사용자 삽입 이미지


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/14 17:09 2011/04/14 17:09
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6090

iPad에서 Portrait & Landscape 일때 적용 CSS 예제
http://catharsis.tumblr.com/post/50165 ··· -revised

iPad Orientation CSS (Revised)

It doesn’t take much foresight to anticipate that with the rise of Natural User Interfaces (NUIs) like the iPhone and iPad, UI designers will have a greater responsibility to optimize for orientation-based contexts. As such, it’s quite prescient that today, the folks at Cloud Four demonstrated how to serve up stylesheets based on device orientation.

Since I have a feeling I’ll be using this quite a bit in the future, I wanted to build on Cloud Four’s work and find a way to alleviate the following issues:

  1. Extra HTTP requests
  2. Not iPad-specific
  3. Lack of reusability

So, without further ado, here’s my proposed revision to the iPad orientation CSS:

<!-- css -->
@media only screen and (max-device-width: 1024px) and (orientation:portrait) { 
    .landscape { display: none; }
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) { 
    .portrait { display: none; }
}

<!-- example markup -->
<h1 class="portrait">Your device orientation is "portrait"<h1>
<h1 class="landscape">Your device orientation is "landscape"<h1>

As you can see, I’ve also changed the markup in a predictable way. An explanation of the changes and the reasoning behind them can be found below.

크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/13 16:14 2011/04/13 16:14
, , ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6083

The Top 8 Placeholder Services for Web Designers

* placeholder : 웹페이지에서 화면을 잡아주는 것. 이미지.

1 – PlaceKitten

PlaceKitten

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you’ll get a placeholder.

Usage

  1. <img src="http://placekitten.com/200/300" /> 
  2.  
  3. <!-- Black and White --> 
  4. <img src="http://placekitten.com/g/200/300" /> 

Follow the placekitten.com url with your desired dimensions. For example, if I needed a 450 x 300 placeholder image, I’d set the source attribute of an image tag to: http://placekitten.com/450/300.


2 – Placehold.it

Placehold

A quick and simple image placeholder service.

Usage

  1. <img src="http://placehold.it/350x150"> 
  2.  
  3. <!-- Set Colors --> 
  4. <img src="http://placehold.it/350x150/292929/e3e3e3"> 
  5.  
  6. <!-- Add Text --> 
  7. <img src="http://placehold.it/350x150&text=Hello World"> 
  8.  
  9. <!-- Set Image Type --> 
  10. <img src="http://placehold.it/350x150.png&text=Hello World"> 
  11. <img src="http://placehold.it/350x150.gif&text=Hello World"> 
  12. <img src="http://placehold.it/350x150.jpg&text=Hello World"> 

Note that, with this service, you set your dimensions more traditionally, rather than separating the widths and heights into segments.

Placehold.it is a bit different in that, rather than using photos for placeholders, it instead uses more traditional solid color images, which might be more appealing to some designers.


3 – SheenHolders

SheenHolders

Add some Sheen to your designs and prototypes with Charlie Sheen placeholder pictures. Simply change the width and height in the URL to get your custom placeholder.

Usage

  1. http://sheenholders.com/421x550  
  2.  
  3. <img src="http://sheenholders.com/421x550" /> 

If you want your web designs to be winning, then you need the Sheen!


4 – FlickHoldr

FlickrHolder

Get placeholders related to the site you are developing, by pulling images from flickr based on tags.

Usage

FlickrHolder is helpful in that, in addition to using Flickr photos as the placeholders, it also allows you to choose a desired tag as the third segment. You can even choose to display photos in black and white.

  1. <img src="http://flickholdr.com/200/300" /> 
  2.  
  3. <!-- Apply one or more tags --> 
  4. <img src="http://flickholdr.com/200/300/sea,sun" alt="" /> 
  5.  
  6. <!-- Need black and white? --> 
  7. <img src="http://flickholdr.com/200/300/sea,sun/bw" alt="" /> 

5 – LoremPixum

Placeholder Images for every case. Webdesign or Print. It’s simple and absolutely free!

Usage

  1. <!-- Default --> 
  2. <img src="http://www.lorempixum.com/400/100" alt="" /> 
  3.  
  4. <!-- Black and White --> 
  5. <img src="http://www.lorempixum.com/g/400/100" alt="" /> 
  6.  
  7. <!-- Tagged --> 
  8. <img src="http://www.lorempixum.com/g/400/100/sports" alt="" /> 

6 – PlaceDog

PlaceDog

Dogs are so superior to felines. Just choose your dimensions in the pathname and share the doggie love on your projects.

Usage

  1. <img src="http://placedog.com/400/300" alt="" /> 
  2.  
  3. <!-- Black and White --> 
  4. <img src="http://placedog.com/g/400/300" alt="" /> 

7 – DummyImage

DummyImage

Usage

DummyImage is particularly nice, when compared to some of its competitors, in that it offers a great deal of flexibility. Let’s take a look at some of the available options.

  1. <!-- If you only pass a width, a square will be generated --> 
  2. <img src="http://dummyimage.com/600" alt="" /> 
  3.  
  4. <!-- Width and Height --> 
  5. <img src="http://dummyimage.com/600x400" alt="" /> 
  6.  
  7. <!-- Apply background and text colors --> 
  8. <img src="http://dummyimage.com/600x400/292929/e3e3e3" alt="" /> 
  9.  
  10. <!-- Set image type --> 
  11. <img src="http://dummyimage.com/600x400.png/292929/e3e3e3" alt="" /> 
  12. <img src="http://dummyimage.com/600x400.gif/292929/e3e3e3" alt="" /> 
  13. <img src="http://dummyimage.com/600x400.jpg/292929/e3e3e3" alt="" /> 
  14.  
  15. <!-- Custom Text --> 
  16. <img src="http://dummyimage.com/800x600&text=Your Mom Goes to College" alt="" /> 
  17.  
  18. or with background and text colors...  
  19.  
  20. <img src="http://dummyimage.com/800x600/292929/e3e3e3&text=Your Mom Goes to College" alt="" /> 

8 – Griddle.it

Griddle.it

A clean and simple way to help align your layouts. No complex grid frameworks necessary.

Certainly, Griddle.it is unique compared to its peers because its focus is on creating grid images, which can then be applied to the background of your web design during production. View a live demo here.

Usage

Applying a background grid requires the following format: http://griddle.it/[total width]-[number of columns]-[gutter size].

  1. /* Generate a 960px grid, with 12 columns and 30px gutter */ 
  2.  
  3. body { 
  4.   background: url(http://griddle.it/960-12-30) repeat-y center top;  
  5. }  



크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/13 09:25 2011/04/13 09:25
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6079

Mockup 이란? 비행기나 자동차 따위를 개발할 때에, 각 부분의 배치를 보다 실제적으로 검토하기 위하여 제작하는 실물 크기의 모형.

MockUp : http://iphonemockup.lkmc.ch/

Nov 16, 2009
77
http://iphoneized.com/2009/11/21-proto ··· pment%2F

18 Mobile Frameworks and Development Tools for Creating iPhone Apps



iphonemockupSo you have a killer idea for an iPhone app, but when you describe it to people they just don’t get it. Maybe you have a client that is a visual thinker and needs you to draw it out for him. That’s when wireframes, mockups and stencils can be your saving grace.

There are many different types of tools available to developers, from low-tech stencil kits to high-tech collaborative software. So I’ve rounded up a few of the more popular ones people are using specifically for iPhone development. It’s far from being the definitive list, but it’s definitely a good place to start.



Low Tech Solutions

Notepod

notepod Notepod is a notepad shaped like an iPhone. Each notepod is 100 pages of 60 x 110mm double sided paper. The front has 52mm x 77mm blank space (the iPhone screen), the back is a 6mm grid.

Project Page


iPhone UI Stencil Kit

stencilkit The iPhone ui stencil kit is a stainless steel, laser cut stencil kit for drawing quick mock-ups and wireframes for iPhone apps. It also comes with a Zebra mechanical pencil.

Project Page


iPhone Sketch Pad

iphonesketchpad The iPhone Sketchpad works precisely with the iPhone Stencil Kit, with one phone silhouette on the front side and three on the back.

Project Page


App Sketchbook

appsketchbook The App Sketchbook has 50 Double-sided, perforated pages each with 3 actual sized iPhone templates. Each page also has has 20px ruler markings and a ruled section for notes.

Project Page


Vector Images

MetaSpark’s Fireworks Vectors

iphone_mockup_toolkit A collection of vector iPhone UI elements for Fireworks CS3 and CS4.

Project Page


320480 Stencil PSD file

320480 Most iPhone screen elements, sensible layer sets all contained within one PSD file.

Project Page


Graffletopia Stencil Kit for Omnigraffle

graffletopia Graffletopia’s stencil kit for Omnigraffle. It is for quick sketching of iPhone ideas. Use the outline for printouts so you can hand sketch as well. The symbols are meant as a check list for included features in your app development.

Project Page


MockApp

mockapp_ppt MockApp is a set of iPhone ui templates and library files put together for use in Powerpoint or Keynote.

Project Page


Firefox Plug-ins

iPhone Prototype

iphoneprototype This is a plug-in to browser Mozilla FireFox for prototyping interface of iPhone applications for creating an iPhone mock-up. Currently Alpha – not compatible with FF 3.55.

Project Page


Firefox Pencil

pencil Pencil is a free and opensource tool for making diagrams and GUI prototyping. Pencil runs on the Mozilla Gecko engine, turning the Firefox browser into a sketching tool with just a 400-kilobyte installation package.

Project Page


Fireworks Plug-ins

Unitid

fwphp This plug-in combines Fireworks with some jQuery and PHP to give you a prototype you can not only view, but interact with, directly on your iPhone, just as if it’s a live app.

Project Page


iPhone Apps

LiveView

liveview Liveview is an iPhone app that consists of two parts: the ScreenCaster and the Application itself.  ScreenCaster launches a simple iPhone skin on your Mac. From the same network, launch the LiveView app in your iPhone. Whatever the ScreenCaster is highlighting is now seen in the LiveView App. It also interprets touches as mouse clicks, turning it into a two way interactive prototype.

Project Page


Web Based Tools

Mockingbird

mockingbird Mockingbird is a web based mockup/wireframe tool built using the Cappucino framework, so there’s no flash to wrestle with. While you can’t actually design your mockups from an iPhone (who’d want to?), the tool does have some very handy features. You can drag elements onto the screen, create multiple pages, link to other pages and share directly from the web.

Project Page


Pidoco

pidoco-software-prototyping Pidoco is a web-based tool that lets you create clickable wireframes via drag & drop ui and then collaborate with remote users on each project. The tool also includes iPhone stencils.

Project Page


iPhone Mockup

iphonemockup iPhone mockup is a web based tool that is currently in Alpha release only. You can design your mockup as a hand sketch or illustration, and mockups can contain user-uploaded images and user-entered text. Your mockups will be accessible via url so they are unsecured.

The developer makes this perfectly clear and warns that he could discontinue hosting mockups at anytime, thereby deleting any work. That makes this a handy tool for quick and dirty mockups you want to print or share with someone on the fly, but not for much more.

Project Page


Protoshare

protoshare Protoshare is a collaborative, web-based prototyping tool that helps teams visualize requirements for interactive projects and work together in real-time. It has an iPhone component that can be seen here.

Project Page


iPlotz

iplotz With iPlotz you can create clickable, navigable wireframes to create the experience of a real website or software application. You can also invite others to comment on the designs, and once ready, you can then manage the tasks for developers and designers to build the project.

Project Page


Installed Software

CogTool

cogtool CogTool is a general purpose UI prototyping tool simply using a storyboard of your design idea with sketches, images or on a canvas. Demonstrate tasks on that storyboard, then press a button to produce a valid cognitive model predicting how long it will take a skilled user to complete those tasks.

Project Page


Balsamiq

balsamiq Balsamiq mockups is desktop software that is designed to help teams or clients collaborate on wireframes and mockups. There are iPhone specific controls included.

Project Page


OmniGraffle

OmniGraffle is award winning diagraming mockup or graphic design software. Combined with Graffletopia’s iPhone stencil kit, this software is a great addition to any app developers toolbox.

Project Page


Justinmind Prototyper

justinmind Justinmind prototyper allows you to create fully functional wireframes for mobile applications and generate your HTML high-fidelity wireframes.

Project Page


iRise

irise iRise for iPhones gives developers a way to quickly prototype the look, feel and behavior of Apple iPhone applications through pre-defined visualization widgets and templates that can be quickly assembled into a high definition mobile applications.

Project Page


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/04/01 14:01 2011/04/01 14:01
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6028

jsdoit - Share Javascript, HTML5 and CSS
사용자 삽입 이미지

 jsdo.it 무엇보다 독특한 것은 다른 사람이 쓴 코드를 버튼 1 개로 복제, 개조있는 곳에이 기능을 "포크"라고 부르고 있습니다. 예를 들어, 위의 <canvas> 샘플 포크하려면 jsdo.it에 로그인하여세부 정보 페이지에 가서, "Fork"버튼을 클릭합니다.

 그러면 앞의 코드의 사본을 그 자리에서 편집 시작할 수 있습니다. 이번에는 빛이 반짝반짝 너무 눈부셨다 때문에 속도를 10 분의 1로하여 화면의 변화를 관찰할 수 있도록하여 보았습니다 (포크하여 만들어진 작품은여기).

 이처럼 스스로 처음부터 쓰지 않아도 다른 사람이 만든 코드를 직접 만져 봄으로써, HTML5의 기능을 쉽게 테스트할 수 있습니다.


크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/29 11:25 2011/03/29 11:25
, ,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6009

[Web] N-Screen & UI

N-Screen & UI
▶ N스크린은 TV나 PC, TabletPC, SmartPhone 등 다양한 기기에서 하나의 콘텐츠를
     끓김없이 이용할 수 있게 해주는 서비스

▶ 사용자가 구입한 콘텐츠가 단말기가 아니라 서버에 저장
     - 언제 어디서나 다양한 단말기로 불러와 이용할 수 있다는 장점

▶ 국내외 이동통신사들은 N스크린을 미래 핵심 서비스로 인지


예제 사이트
http://www.colly.com/

http://www.edmerritt.com/

http://www.tenbytwenty.com/

http://thinkvitamin.com/

http://www.alistapart.com/d/responsive-web-design/ex/ex-site-flexible.html

http://www.20thingsilearned.com/web-apps/1
크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/28 16:13 2011/03/28 16:13
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/6003

[Web] HTML5 에서 CSS3 특징

브라우저별 CSS 속성
브라우저마다 적용되는 스타일이 다르므로 브라우저별로 지원하는 스타일을
맞게 설정해주어야 한다. 스타일의 속성 앞에 브라우저 구분 이름을 입력해주면
해당 브라우저 속성만이 실행한다.
접두사 설명
-webkit- 웹킷 방식 브라우저(사파리,크롬)
-moz- 게코 방식 브라우저(모질라, 파이어폭스)
-o- 오페라 브라우저
-ms- 마이크로소프트 인터넷익스플로러

구조적 선택 기능
가상 클래스에 not을 입력하면 선택한 태그 이외의 태그들을 선택할 수 있고 nth-child(n)를
입력하여 여러 개의 항목 중 특정 항목에만 스타일을 지정할 수 있다. n에 even을 입력하면
짝수 번째, odd를 입력하면 홀수 번째 항목에 스타일을 적용할 수 있다.
*:not(태그) 태그를 제외한 모든 내용을 선택
nth-child(n) 항목 중 n번째 항목을 선택
nth-last-child(n) 항목 중 끝에서부터 항목을 선택
nth-of-type(n) 유형이 같은 항목을 선택
nth-last-of-type(n) 항목 중 끝에서부터 유형이 같은 항목을 선택

ex)
<style>
/*
 * 링크가 설정된 요소를 제외한 모든 태그에 스타일이 적용된다.
 */   
    *:not(a){
        font-weight:bold;
        color:red;
    }
/*
 * 리스트 중 홀수 번째 목록은 글자색이 빨간색으로 표시되고
 * 두 번째 목록은 파란색으로 표시된다.
 */
    li:nth-child(odd){
        color:red;
    }
    li:nth-child(2){
        color:blue;
    }
</style>

    </head>
    <body>
       
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li>ddddd</li>   
    <li><a href="ddddd">ddddd</a></li>   
    <li><a href="ddddd">ddddd</a></li>   
    <li><a href="ddddd">ddddd</a></li>       
    </body>

배경에 그라데이션 만들기
배경에 선형 또는 원형의 그라데이션을 설정할 수 있다. 브라우저마다 사용하는 코드방식이 다르므로 브라우저별로 설정해주어야 한다.
 background-webkit-gradient( 유형, 시작위치, from(색상), to(색상) );
      *  유형 : 선형(linear) 또는 원형(radial)을 지정한다.
      * 시작 위치, 끝 위치 : x와 y 좌표를 백분율로 입력하거나 left, bottom 처럼
            영문으로 그라데이션의 시작과 끝 위치를 설정한다. 
      * from(색상) : 그라데이션 시작 색상을 설정한다.
      * to(색상)     :  그라데이션 끝 색상을 설정한다.
 ex)
<style>
/*
 * 높이 150 픽셀 크기에 왼쪽에서 오른쪽으로 검정색에서 흰색으로 그라데이션이 채워진다.
 */   
    div{
        height:150px;
        border:1px solid #000000;
        background: -webkit-gradient(linear, left center, right center, from(#000000), to(#ffffff));
    }
</style>

    </head>
    <body>   
    <div >test </div>
    </body>

상자의 모서리를 부드럽게 처리하기
도형의 테두리를 둥글게 처리해주는 border-radius 속성이 추가되었다.
ex) <style>
/*
 * 도형의 테두리를 둥글게 처리해주는 border-radious 속성이 추가되었다.
 */   
    div{
        background-color:red;
        color:yellow;
        line-height:20px;
        width:300px;
        height:50px;
        padding:10px;
        border-radius:10px;
    }
</style>

    </head>
    <body>   
    <div >test </div>
    </body>

다단표시
column 속성을 사용하면 다단을 손쉽게 나눌 수 있다.
ex)<style>
/*
 * 2개의 단으로 나누고 단 간격은 10픽셀, 구분선은 검정색 실전으로 표시된다.
 */   
    div{
        border:1px solid #000000;
        -webkit-column-count:2;
        -webkit-column-gap:10px;
        -webkit-column-rule:1px  solid #000000;
    }
</style>

    </head>
    <body>   
    <div >다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.다단테스트입니다.다단테스트입니다.
    다단테스트입니다.다단테스트입니다.</div>
    </body>







크리에이티브 커먼즈 라이센스
Creative Commons License
이올린에 북마크하기(0) 이올린에 추천하기(0)

Posted by 홍반장

2011/03/23 17:08 2011/03/23 17:08
,
Response
No Trackback , No Comment
RSS :
http://tcbs17.cafe24.com/tc/rss/response/5985

« Previous : 1 : 2 : 3 : 4 : 5 : ... 7 : Next »

블로그 이미지

- 홍반장

Archives

Recent Trackbacks

Calendar

«   2018/12   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          
Statistics Graph

Site Stats

Total hits:
107358
Today:
2
Yesterday:
1