ELEKTRONBOY 4
전자소년 4번째 버전 업. 여러가지 업데이트 되었고 특별 스킨을 준비 하였으며 섹시 미녀들을 동원하여 나름 퇴폐적이면서도 청순한 분위기를 유출… 아니 연출하는 스펙타클한 사이트가 되는 것을 지향합니다. 2012 웹사이트 리뉴얼 년을 맞이해서 디자인을 리뉴얼 했습니다. 전자소년4의 디자인 테마는 Nebula로 화려한 배경과 알록달록 하고 과장된 색을 과도하게 사용했습니다. 내부적으로도 욕심을 많이 내었는데 전편과는 다르게 그냥 [...]
전자소년 4번째 버전 업. 여러가지 업데이트 되었고 특별 스킨을 준비 하였으며 섹시 미녀들을 동원하여 나름 퇴폐적이면서도 청순한 분위기를 유출… 아니 연출하는 스펙타클한 사이트가 되는 것을 지향합니다.
2012 웹사이트 리뉴얼
신년을 맞이해서 디자인을 리뉴얼 했습니다. 전자소년4의 디자인 테마는 Nebula로 화려한 배경과 알록달록 하고 과장된 색을 과도하게 사용했습니다. 내부적으로도 욕심을 많이 내었는데 전편과는 다르게 그냥 욕망의 덩어리가 될 사이트 입니다.
타이포그라피
타이포는 기본적인 룰을 무시하고 여러가지가 사용되었는데 맥 OSX 10.7 Lion이상의 환경에 강제로 맟추었으며, 타 환경에서는 나눔글골을 설치해야 바로 보입니다. Lion을 사용중이라면 나눔글꼴이 기본으로 들어 있기 때문에 따로 설치 할 필요가 없습니다. 모든 환경에서 동일하게 보이게 하기 위해 글꼴들을 스크립트로 넣어봤었는데 너무 느려져서 포기했습니다.
메뉴는 좀 더 단순화 하고 싶어서 신디사이저 위주로만 놔두고 나머지는 타 사이트로 뺜 다음 매시업 할 계획입니다. 그동안 소셜 서비스를 트위터만 사용했었는데 이젠 적극적으로 사용해 보려고요.
모바일 템플레잇
타블렛과 스마트 폰용의 스킨을 따로 제작했습니다. 좀 더 직관적이고 알아보기 편하게 만들고 있습니다. 사이트는 완성이 된 상태인데 막판에 메인 스킨 보다 더 무겁다는 치명적인 결함이 발생하여 -_- 열심히 수정 중입니다. 그런데 한편으로는 아이패드 같은 경우는 어짜피 WIFI망 내에서 사용하기 때문에 트래픽에 여유가 있지 않을까 생각합니다.
STYLE TEST
Cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent. Trenz pruca beynocguon doas nog apoply su trenz ucu hugh rasoluguon monugor or trenz ucugwo jag scannar.
English Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris convallis neque nec ligula convallis sed placerat sem viverra. Phasellus at metus purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vitae magna purus, ut porta odio1. Ut vel orci quam, et dictum eros. Curabitur eget pulvinar lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut iaculis ipsum at mi placerat ac malesuada orci mollis. In vitae risus ipsum, at hendrerit mauris.
Example
- Nam sollicitudin aliquam ligula, in aliquet purus interdum ut.
- Etiam consequat metus id enim adipiscing eget egestas tellus tristique.
- Aenean nec lobortis justo. Integer a nulla diam, quis rhoncus est.
- Ut dignissim leo at nisi pellentesque a imperdiet justo posuere.
Document Styling
Mauris rutrum imperdiet ligula at tincidunt. Duis nulla diam, tincidunt sit amet malesuada eget, dignissim ut est. Pellentesque dignissim, dui vel pellentesque interdum, erat nunc aliquet est, quis lobortis eros elit id nisi. Praesent vulputate consectetur fringilla. Fusce mi felis, sagittis vitae pretium id, luctus id metus.
- Nam sollicitudin aliquam ligula, in aliquet purus interdum ut.
- Etiam consequat metus id enim adipiscing eget egestas tellus tristique.
- Aenean nec lobortis justo. Integer a nulla diam, quis rhoncus est.
- Ut dignissim leo at nisi pellentesque a imperdiet justo posuere.
Warning
Vestibulum fringilla tincidunt eros quis molestie. Donec dictum purus at mi viverra dignissim. Etiam imperdiet diam eget eros bibendum in fringilla quam porttitor. Praesent sit amet nisl arcu, ac scelerisque nunc. Nunc sed libero ac neque pulvinar viverra at a diam. Duis vitae nulla purus. Nullam vel libero sed est gravida ultricies. Fusce fringilla, est id laoreet laoreet, augue arcu lobortis quam, rhoncus ultrices lectus odio id lorem. Mauris a libero tellus, ut hendrerit sem. Mauris non dapibus est. Aliquam leo orci, feugiat id ornare volutpat, adipiscing eu elit. Ut a neque sit amet dui ornare porta vel in nibh.
Working with Images
Mauris rutrum imperdiet ligula at tincidunt. Duis nulla diam, tincidunt sit amet malesuada eget, dignissim ut est. Pellentesque dignissim, dui vel pellentesque interdum, erat nunc aliquet est, quis lobortis eros elit id nisi.
Etiam imperdiet diam eget eros bibendum in fringilla quam porttitor. Praesent sit amet nisl arcu, ac scelerisque nunc. Nunc sed libero ac neque pulvinar viverra at a diam. Duis vitae nulla purus. Nullam vel libero sed est gravida ultricies. Fusce fringilla, est id laoreet laoreet, augue arcu lobortis quam, rhoncus ultrices lectus odio id lorem.
Photo Title
Fusce fringilla, est id laoreet laoreet, augue arcu lobortis quam, rhoncus ultrices lectus odio id lorem.
Full size image (auto-resized)
Vestibulum fringilla tincidunt eros quis molestie. Donec dictum purus at mi viverra dignissim. Etiam imperdiet diam eget eros bibendum in fringilla quam porttitor. Praesent sit amet nisl arcu, ac scelerisque nunc. Nunc sed libero ac neque pulvinar viverra at a diam. Duis vitae nulla purus.
Image with borders
웹사이트 스타일
한국어 폰트 및 디자인에 대한 테스트
저 새들과 함께 날고싶어 시원스레 맘의 문을 열고 우리가 나갈길을 찾아요 더행복할 미래가 있어
한국어 테스트
진정 나에겐 단 한가지 소망하고 있는게 있어 갈려진 땅의 친구들은 언제쯤 볼수가 있을까 망설일 시간에 우리를 잃어요 한민족인 형제인 우리가 서로를 겨누고있고 우리가 만든 큰 욕심에 내가 먼저 죽는걸 진정 너는 알고는 있나 전 인류가 살고 죽고 처절한 그날을 잊었던건 아니었겠지 우리몸을 반을 가른채 현실없이 살아갈건가 치유할수 없는 아픔에 절규하는 우릴 지켜줘 갈수없는 길에 뿌려진 천만인의 눈물이 있어 워- 나에겐 갈수도 볼수도 없는가 저 하늘로 자유롭게 저 새들과 함께 날고싶어 시원스레 맘의 문을 열고 우리가 나갈길을 찾아요 더행복할 미래가 있어
한국어 웹사이트 스타일 테스트
우리에겐 우리들이 항상바라는것 서로가 웃고 돕고 사는것 이젠함께 하나를 보며 나가요 언젠가 나의 작은 나의땅에 경계선이 사라지는날 많은 사람이 마음속에 희망들을 가득 담겠지 난 지금 평화와 사랑을 바래요 젊은 우리 힘들이 모이면 세상을 흔들수 있고 우리가 서로 손을 잡은 것으로 큰 힘인데.
SNSD – GEE REMIX
소녀시대 리믹스
H1 Title Style 메인 타이틀
H2 Title Style 본문 타이틀
H3 Title Style 작은 타이틀
H4 Title Style 이미지 타이틀
H5 Title Style 미니 타이틀 스타일: 서브타이틀
H6 Title Style 주석
Address / 주석 설명 이탤릭Paragraph | 본문 스타일
Pre-formatted | 소스코드 스타일
사진 및 주석 스타일
H3 Title or Name here
H5 Subtitle 서브타이틀
H3 Title or Name here
H5 Subtitle 서브타이틀
H4 Title or Name here
H5 Subtitle 서브타이틀
H5 Title or Name here
H6 Subtitle 서브타이틀
H5 Title or Name here
Address 서브타이틀 이탤릭
Codex
'STYLES' => array( 'KEYWORDS' => array( 1 => 'color: #000080; font-weight: bold;', 2 => 'color: #000080; font-weight: bold;', 3 => 'color: #aaaadd; font-weight: bold;', 4 => 'color: #000080; font-weight: bold;' ), 'COMMENTS' => array( 1=> 'color: #808080; font-style: italic;', 2=> 'color: #a1a100;', 'MULTI' => 'color: #808080; font-style: italic;' ), 'ESCAPE_CHAR' => array( 0 => 'color: #000099; font-weight: bold;' ), 'BRACKETS' => array( 0 => 'color: #000000;' ), 'STRINGS' => array( 0 => 'color: #008000;' ), 'NUMBERS' => array( 0 => 'color: #0000FF;' ), 'METHODS' => array( 1 => 'color: #006600;', 2 => 'color: #006600;' ), 'SYMBOLS' => array( 0 => 'color: #66cc66;' ),
CSS
h6 {
font-size: 13px !important;
font-style: ;
font-weight: normal !important;
color:#666;
}
h5 {
font-size: 1em !important;
margin: 10px 0 5px 0 !important;
}
h4 {
font-size: 1.1em !important;/* for picture title */
margin: 5px 0 !important;
}
h3 {
font-size: 1.5em !important;
margin: 0 0 10px 0 !important;
}
Quotation
Whoever does not have a good father should procure one. There are no moral phenomena at all, but only a moral interpretation of phenomena.
citation -NietzscheQuote
This post currently has no responses.