seevaa의 잡다구리한 이야기

Screenalicio.us is the web's new premier source for showcasing excellent websites and inspire artists all alike to create spectacular work of their own. We have the largest collection of websites you will ever lay your eyes on, and it keeps on growing every day. All you got to do is start browsing. Go on. Get inspired!
http://screenalicious.com/

If you're a web developer, you'll find inspiration and knowledge on CSS Mania. If you are a business owner and would like to strengthen your company's presence on the internet, you'll find the best solutions based on CSS behaviors. You can track your competitors, and above all, you can find and contact the most qualified web developers internationally, in your country, and even in your own city.
http://cssmania.com/

Best Web Gallery is an inspirational gallery site where we collect a wide range of quality design websites (Flash & CSS). What is quality design means to us?
Quality Design = Visual + Technical + Creativity
http://bestwebgallery.com/

Css Website is an innovative gallery of simple websites. Its purpose is to showcase designer’s work and to expand the CSS design community. We propose a classification by color and contents for a better usability.
http://www.css-website.com/

the majority of web sites you visit on the internet have a white background, with black text. rarely do you find web sites that use a dark background with light text. we have been a fan of web sites that use dark backgrounds for a long time, but have seen many poorly implemented instances of this color scheme, which leave web site hard to read and painful to look at. light on dark attempts to showcase well designed & coded web sites with light text on a dark background, and serves as a portal to promote the techniques used in the development of those web sites.
http://www.lightondark.com/

CSS Web Design Yorkshire is a gallery of web sites created by css web designers in the Yorkshire region who build tableless websites using cascading style sheets with good semantic xhtml.
http://www.css-design-yorkshire.com/gallery2007.html

CSS Heaven is all about Fresh and innovative CSS / XHTML web designs submitted by web designers from around the world.
http://www.cssheaven.com/

Цель — пропаганда и анонсирование достижений веб-стандартизации в среде отечественных разработчиков. К сожалению, эта уже давно ставшая всемирной рабочей нормой тенденция практически не имеет отражения в отечественных тематических ресурсах.
http://cssblast.ru/gallery/

Cssgalaxy.com est une galerie de sites Web tendances. Votre source d'inspiration.
http://cssgalaxy.com/

CSS Princess is project with the main idea of promoting and supporting beautiful and interesting css sites made by women. We all know that female designers have special sensibility and creativity, and we want to show the best websites world-wide with “woman’s touch” primarily.
http://cssprincess.com/

http://www.cssexchange.com/

This site is useful for me as a designer and I hope that it is useful for you whether you are a designer, developer, programmer, manager, or just a CSS advocate.
http://cssvault.com/gallery/

http://www.csstux.com/

http://www.cssclip.com/

Design Expanse is a website focused on providing its audience from all over the world specially from Pakistan with a large and best database of well designed websites from across the world. But we prefer to submit best web design from Pakistan. If you are “in need of inspiration”, you have come to the right place.
http://www.designexpanse.com/

We don't want to be like other CSS repositories. We only offer the cream of great design, filtering through lots of the redesigns that occur every day across the Internet, and cataloging the greatest projects out there.
http://www.designshack.co.uk/

tomatic is a venture with the objective to fund, create and operate interesting web properties that matter to the world.
http://screenfluent.com/

Unmatched Style is a constantly growing community dedicated to acknowledging those who have made exceptionally gorgeous web sites using Cascading Style Sheets and web standards. By recognizing these exceptionally beautiful designs, other designers and businesses can get inspired and find a direction they may wish to take with their own web sites.
http://www.unmatchedstyle.com/

Free CSS Templates has come about due to the frustrating search for relevant, informative information about cascading style sheets.
http://www.css-gallery.co.uk/

Web Design Gallery is an inspirational gallery where we collect a wide range of hight quality designed websites (CSS, XHTML, Flash, PHP, etc.). Users can search for web designers or web agencies by tags and categories.
http://www.siti-web-design.com/gallery/

http://www.webstandardsawards.com/

Website Gallery was started in Late March of 2007, and it is dedicated to bringing the best looking sites on the internet for its audience to see. The websites showcased in this gallery range from flash to design and resources and services. They are carefully reviewed and chosen by the staff members.
http://www.website-gallery.com/

W3C Sites is a collection of web sites created by designers that conform with the W3C standards.
http://www.w3csites.com

1. 본문크기는 600px입니니다. 본문크기를 변경하고플때

#container	{ width:830px; margin:auto; padding:0;}
#content	{ clear:both; float:left; width:600px; margin:0; padding:0; overflow:hidden; line-height:150%;}
.guestWrite textarea	{ width:588px; padding:5px; color:#000;}
.commentWrite textarea	{ width:588px; padding:5px; top:5px; color:#000;}

CSS에서 위 부분을 찾아 각각 width값에 늘리거나 줄이고 싶은 값을 더하거나 빼주시고, index.xml 하단에 <contentWidth>600</contentWidth> 부분도 위와같이 더하거나 빼줍니다.

레이아웃 가로 크기를 수정할때 가장 중요한건 상단에 검정박스(메뉴) 크기도 같이 수정해주셔야하는겁니다.

참고하셔서, 아래부분의 width값을 변경한 사이즈에 맞게 산수하시면 됩니다.
*TC버전은 맨마지막 메뉴(Write)를 .blogMenuEmpty로 클래스지정했습니다.

.blogMenu a	{ float:left; display:block; width:93px; height:30px; padding:3px 5px; border-right:1px solid #fff; background-color:#000; color:#fff; font-size:9px;}
.blogMenu a.blogMenuEmpty { width:91px;} /* 중간 빈 메뉴 공간 */

*수정하기가 제가 봐도 조금 어렵습니다. 에지간하면 그냥 쓰시는 게... ^-^;;

2. 사이드바 목록의 펼침

기본적으로 펼치고 싶으시면 skin.html 해당부분에 style="display:block;" 이렇게,
첨부터 닫아놓고 싶으시면 skin.html 해당부분에 style="display:none;" 이렇게 하시면 됩니다.

3. 사이드바에 블로그 이미지를 추가하시려면,

*블로그이미지 가로크기 200px 입니다.

skin.html에 사이드바 영역안에 아래 소스를 붙여넣기 하시면 됩니다.

<s_sidebar_element><!-- 블로그 정보 -->
	<h3></h3>
	<div class="blogImage">
		<img src="[#_image_#]" alt="blogImage" />

		<div class="blogDesc">
			<span class="userID">[#_blogger_#]</span>-[#_desc_#]
		</div>
	</div>     
</s_sidebar_element>

*치환자 부분[# #]을 [## ##]으로 수정

4. 사이드바에 공지사항을 출력하시려면 아래 소스를..

<s_sidebar_element><!-- 공지사항 -->     
	<s_rct_notice>     
	<h3><a onclick="showHide('notice')" onfocus="this.blur()">Notice</a></h3>
	<div di="notice" style="display:block">     
		<ul>     
			<s_rct_notice_rep>     
			<li>

				<a href="[#_notice_rep_link_#]">[#_notice_rep_title_#]</a>
			</li>     
			</s_rct_notice_rep>     
		</ul>     
	</div>     
	</s_rct_notice>     
</s_sidebar_element>

*치환자 부분[# #]을 [## ##]으로 수정

5. 상단메뉴에 Taglog가 있기때문에, 사이드바에 태그박스 추가는 패스~