태그소스 - gamagold

창(프레임) 나누기 예제 7가지

정진근 2015. 3. 6. 21:56 


(1) 수직으로 2프레임 나누기 소스
<html>
<head>
<title>河 집사의  다 락 방.</title>

                <style type="text/css">.another_category {
    border: 1px solid #E5E5E5;
    padding: 10px 10px 5px;
    margin: 10px 0;
    clear: both;
}

.another_category h4 {
    font-size: 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 2px 0 6px !important;
}

.another_category h4 a {
    font-weight: bold !important;
}

.another_category table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100% !important;
    margin-top: 10px !important;
}

* html .another_category table {
    width: auto !important;
}

*:first-child + html .another_category table {
    width: auto !important;
}

.another_category th, .another_category td {
    padding: 0 0 4px !important;
}

.another_category th {
    text-align: left;
    font-size: 12px !important;
    font-weight: normal;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5;
}

.another_category td {
    text-align: right;
    width: 80px;
    font-size: 11px;
}

.another_category th a {
    font-weight: normal;
    text-decoration: none;
    border: none !important;
}

.another_category th a.current {
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 1px solid !important;
}

.another_category th span {
    font-weight: normal;
    text-decoration: none;
    font: 10px Tahoma, Sans-serif;
    border: none !important;
}

.another_category_color_gray, .another_category_color_gray h4 {
    border-color: #E5E5E5 !important;
}

.another_category_color_gray * {
    color: #909090 !important;
}

.another_category_color_gray th a.current {
    border-color: #909090 !important;
}

.another_category_color_gray h4, .another_category_color_gray h4 a {
    color: #737373 !important;
}

.another_category_color_red, .another_category_color_red h4 {
    border-color: #F6D4D3 !important;
}

.another_category_color_red * {
    color: #E86869 !important;
}

.another_category_color_red th a.current {
    border-color: #E86869 !important;
}

.another_category_color_red h4, .another_category_color_red h4 a {
    color: #ED0908 !important;
}

.another_category_color_green, .another_category_color_green h4 {
    border-color: #CCE7C8 !important;
}

.another_category_color_green * {
    color: #64C05B !important;
}

.another_category_color_green th a.current {
    border-color: #64C05B !important;
}

.another_category_color_green h4, .another_category_color_green h4 a {
    color: #3EA731 !important;
}

.another_category_color_blue, .another_category_color_blue h4 {
    border-color: #C8DAF2 !important;
}

.another_category_color_blue * {
    color: #477FD6 !important;
}

.another_category_color_blue th a.current {
    border-color: #477FD6 !important;
}

.another_category_color_blue h4, .another_category_color_blue h4 a {
    color: #1960CA !important;
}

.another_category_color_violet, .another_category_color_violet h4 {
    border-color: #E1CEEC !important;
}

.another_category_color_violet * {
    color: #9D64C5 !important;
}

.another_category_color_violet th a.current {
    border-color: #9D64C5 !important;
}

.another_category_color_violet h4, .another_category_color_violet h4 a {
    color: #7E2CB5 !important;
}
</style>

                
                <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/revenue.css"/>
<link rel="canonical" href="https://pluspro.tistory.com/382"/>

<!-- BEGIN STRUCTURED_DATA -->
<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://pluspro.tistory.com/382","name":null},"url":"https://pluspro.tistory.com/382","headline":"창(프레임) 나누기 예제 7가지","description":" (1) 수직으로 2프레임 나누기 소스 河 집사의 다 락 방. ************************************** (2) 수직으로 3프레임 나누기 소스 홈페이지 제목 쓰는 곳 ***************************************** (3) 수평으로 2프레임 나누기 &quot;홈피 제목&quot; ********************************** (4) 수평으로 3프레임 나누기 다솜의 홈페이지..","author":{"@type":"Person","name":"정진근","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2015-03-06T21:56:48+09:00","dateModified":"2015-03-06T21:56:48+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}}
</script>
<!-- END STRUCTURED_DATA -->
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/dialog.css"/>
<link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/common.js"></script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/odyssey.js"></script>

                
                </head>
<frameset cols="15%,*">
<frame src="http://ha927.com.ne.kr/htm/ex1.html"> 
<frame src="http://ha927.com.ne.kr/htm/ex2.html" name="ha"> 
 </frameset> 
</HTML>



************************************** 



(2) 수직으로 3프레임 나누기 소스 
<HTML> 
<TITLE>홈페이지 제목 쓰는 곳 </TITLE> 
<HEAD></HEAD> 
<frameset cols=150,*,150 bordercolor=7983d5> 
<frame src=ex_1.html name=left scrolling=auto 
marginwidth=0 marginheight=0ne noresize=yes> 
<frame src=ex_2.html name=center scrolling=auto 
marginwidth=0 marginheight=0 noresize=yes> 
<frame src=ex_3.html name=right scrolling=auto 
marginwidth=0 marginheight=0 noresize=yes> 
</frameset> 
</html>



*****************************************


(3) 수평으로 2프레임 나누기  
<html> 
                                                <head>
                <script type="text/javascript">if (!window.T) { window.T = {} }
window.T.config = {"TOP_SSL_URL":"https://www.tistory.com","PREVIEW":false,"ROLE":"guest","PREV_PAGE":"","NEXT_PAGE":"","BLOG":{"id":5470490,"name":"pluspro","title":"pluspro의 블로그","isDormancy":false,"nickName":"정진근","status":"open","profileStatus":"normal"},"NEED_COMMENT_LOGIN":false,"COMMENT_LOGIN_CONFIRM_MESSAGE":"","LOGIN_URL":"https://www.tistory.com/auth/login/?redirectUrl=https://pluspro.tistory.com/382","DEFAULT_URL":"https://pluspro.tistory.com","USER":{"name":null,"homepage":null,"id":0,"profileImage":null},"SUBSCRIPTION":{"status":"none","isConnected":false,"isPending":false,"isWait":false,"isProcessing":false,"isNone":true},"IS_LOGIN":false,"HAS_BLOG":false,"IS_SUPPORT":false,"IS_SCRAPABLE":false,"TOP_URL":"http://www.tistory.com","JOIN_URL":"https://www.tistory.com/member/join","PHASE":"prod","ROLE_GROUP":"visitor"};
window.T.entryInfo = {"entryId":382,"isAuthor":false,"categoryId":1000335,"categoryLabel":"태그소스 - gamagold"};
window.appInfo = {"domain":"tistory.com","topUrl":"https://www.tistory.com","loginUrl":"https://www.tistory.com/auth/login","logoutUrl":"https://www.tistory.com/auth/logout"};
window.initData = {};

window.TistoryBlog = {
    basePath: "",
    url: "https://pluspro.tistory.com",
    tistoryUrl: "https://pluspro.tistory.com",
    manageUrl: "https://pluspro.tistory.com/manage",
    token: "lsvyLvj8zYuy7Hyxpm/OpuWEx+vkbLT63SX4Y1+dW30aN3SmK4z0eSICs08Ga5BN"
};
var servicePath = "";
var blogURL = "";</script>

                
                
                <title>"홈피 제목"</title>
                <style type="text/css">.another_category {
    border: 1px solid #E5E5E5;
    padding: 10px 10px 5px;
    margin: 10px 0;
    clear: both;
}

.another_category h4 {
    font-size: 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 2px 0 6px !important;
}

.another_category h4 a {
    font-weight: bold !important;
}

.another_category table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100% !important;
    margin-top: 10px !important;
}

* html .another_category table {
    width: auto !important;
}

*:first-child + html .another_category table {
    width: auto !important;
}

.another_category th, .another_category td {
    padding: 0 0 4px !important;
}

.another_category th {
    text-align: left;
    font-size: 12px !important;
    font-weight: normal;
    word-break: break-all;
    overflow: hidden;
    line-height: 1.5;
}

.another_category td {
    text-align: right;
    width: 80px;
    font-size: 11px;
}

.another_category th a {
    font-weight: normal;
    text-decoration: none;
    border: none !important;
}

.another_category th a.current {
    font-weight: bold;
    text-decoration: none !important;
    border-bottom: 1px solid !important;
}

.another_category th span {
    font-weight: normal;
    text-decoration: none;
    font: 10px Tahoma, Sans-serif;
    border: none !important;
}

.another_category_color_gray, .another_category_color_gray h4 {
    border-color: #E5E5E5 !important;
}

.another_category_color_gray * {
    color: #909090 !important;
}

.another_category_color_gray th a.current {
    border-color: #909090 !important;
}

.another_category_color_gray h4, .another_category_color_gray h4 a {
    color: #737373 !important;
}

.another_category_color_red, .another_category_color_red h4 {
    border-color: #F6D4D3 !important;
}

.another_category_color_red * {
    color: #E86869 !important;
}

.another_category_color_red th a.current {
    border-color: #E86869 !important;
}

.another_category_color_red h4, .another_category_color_red h4 a {
    color: #ED0908 !important;
}

.another_category_color_green, .another_category_color_green h4 {
    border-color: #CCE7C8 !important;
}

.another_category_color_green * {
    color: #64C05B !important;
}

.another_category_color_green th a.current {
    border-color: #64C05B !important;
}

.another_category_color_green h4, .another_category_color_green h4 a {
    color: #3EA731 !important;
}

.another_category_color_blue, .another_category_color_blue h4 {
    border-color: #C8DAF2 !important;
}

.another_category_color_blue * {
    color: #477FD6 !important;
}

.another_category_color_blue th a.current {
    border-color: #477FD6 !important;
}

.another_category_color_blue h4, .another_category_color_blue h4 a {
    color: #1960CA !important;
}

.another_category_color_violet, .another_category_color_violet h4 {
    border-color: #E1CEEC !important;
}

.another_category_color_violet * {
    color: #9D64C5 !important;
}

.another_category_color_violet th a.current {
    border-color: #9D64C5 !important;
}

.another_category_color_violet h4, .another_category_color_violet h4 a {
    color: #7E2CB5 !important;
}
</style>

                
                <link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/revenue.css"/>
<link rel="canonical" href="https://pluspro.tistory.com/382"/>

<!-- BEGIN STRUCTURED_DATA -->
<script type="application/ld+json">
    {"@context":"http://schema.org","@type":"BlogPosting","mainEntityOfPage":{"@id":"https://pluspro.tistory.com/382","name":null},"url":"https://pluspro.tistory.com/382","headline":"창(프레임) 나누기 예제 7가지","description":" (1) 수직으로 2프레임 나누기 소스 河 집사의 다 락 방. ************************************** (2) 수직으로 3프레임 나누기 소스 홈페이지 제목 쓰는 곳 ***************************************** (3) 수평으로 2프레임 나누기 &quot;홈피 제목&quot; ********************************** (4) 수평으로 3프레임 나누기 다솜의 홈페이지..","author":{"@type":"Person","name":"정진근","logo":null},"image":{"@type":"ImageObject","url":"https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Ftistory_admin%2Fstatic%2Fimages%2FopenGraph%2Fopengraph.png","width":"800px","height":"800px"},"datePublished":"2015-03-06T21:56:48+09:00","dateModified":"2015-03-06T21:56:48+09:00","publisher":{"@type":"Organization","name":"TISTORY","logo":{"@type":"ImageObject","url":"https://t1.daumcdn.net/tistory_admin/static/images/openGraph/opengraph.png","width":"800px","height":"800px"}}}
</script>
<!-- END STRUCTURED_DATA -->
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/dialog.css"/>
<link rel="stylesheet" type="text/css" href="//t1.daumcdn.net/tistory_admin/www/style/top/font.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/postBtn.css"/>
<link rel="stylesheet" type="text/css" href="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/style/tistory.css"/>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/common.js"></script>
<script type="text/javascript" src="https://tistory1.daumcdn.net/tistory_admin/userblog/userblog-91597a4fd4b809d820e03b8cb7c3f10bb5ffa703/static/script/odyssey.js"></script>

                
                </head> 
<FRAMESET ROWS="10%,*"> 
<frame src="ex_1.html"> 
<frame src="ex_2.html" name="ha"> 
</frameset> 
</html>

**********************************


(4) 수평으로 3프레임 나누기  
<HTML> 
<TITLE>다솜의 홈페이지입니다</TITLE> 
<HEAD></HEAD> 
<frameset rows=10%,1*,10% bordercolor=7983d5> 
<frame src=ex_1.html name=top scrolling=auto 
marginwidth=0 marginheight=0 noresize=yes> 
<frame src=ex_2.html name=center scrolling=auto 
marginwidth=0 marginheight=0 noresize=yes> 
<frame src=ex_3.html name=bottom scrolling=auto 
marginwidth=0 marginheight=0 noresize=yes> 
</frameset> 
</HTML> 



********************************



(5) 혼합 3프레임 나누기 (1)  
<HTML> 
<HEAD><TITLE>홈페이지 이름 </TITLE> 
</HEAD> 
<FRAMESET ROWS="17%, 1*" border="0"> 
<FRAME SRC="../ex_1.html" NAME="ha1" scrolling="no"
 marginwidth="0" marginheight="0">
<FRAMESET COLS="15%,85%"><FRAME SRC="/ex_2.html"NAME="ha2"
 scrolling="auto" marginwidth="0" marginheight="0">
<FRAME SRC="../ex_3.html" NAME="ha3" scrolling="auto" 
marginwidth="0" marginheight="0">
</FRAMESET>
  <noframes>
  <p>&nbsp;</p>
  </noframes>
</frameset>
</html> 



********************************



(6) 혼합 3프레임 나누기 (2)  
<HTML> 
<TITLE>홈페이지 이름</TITLE> 
<HEAD></HEAD> 
<FRAMESET COLS="18%,82%">
<FRAME SRC="ex_1.html" NAME="ha1">
<FRAMESET ROWS="10%,90%"> <BR>
<FRAME SRC="ex_2.html" NAME="ha2">
<FRAME SRC="ex_3.html" NAME="ha3">
</FRAMESET>
</HTML> 




********************************



(7) 혼합 5프레임 나누기  
<HTML> 
<TITLE>ha927 홈페이지</TITLE> 
<HEAD></HEAD> 
<frameset rows='90%, 10%' cols='1*' bordercolor=7983d5> noresize=yes> 
<frameset rows='1*' cols='8%, 84%, 8%'> 
<frame src='sam1.html' name='&#111;&#110;e' scrolling='no' marginwidth=0 marginheight=0 noresize=no> 
<frameset rows='19%, 81%'> 
<frame src='sam2.html' name='two' scrolling=no marginwidth=0 marginheight=0 noresize=no> 
<frame src='sam3.html' name='Three' scrolling=no marginwidth=0 marginheight=0 noresize=no> 
</frameset> 
<frame src='sam4.html' name='Four' scrolling=no marginwidth=0 marginheight=0 noresize=yes> 
</frameset> 
<frame src='sam5.html' name='five' scrolling='no' marginwidth=0 marginheight=0 noresize=no> 
</HTML> 







(1) 수직 2프레임 나누기





ex_1



ex_2.html

수직 2프레임 나누기



 




(2) 수직 3프레임 나누기





ex_1



ex_2.html

수평 3프레임 나누기



ex_3



 




(3)수평2프레임 나누기





ex_1.html  



ex_2.html

수평 2프레임 나누기








(4) 수평 3프레임 나누기





ex_1.html  



ex_2.html

수평 3프레임 나누기



ex_3.html



 




(5) 혼합 3프레임 나누기 (1)



 ex_1.html  



ex_2
ex_3.html

 




(6) 혼합 3프레임 나누기 (2)






(7) 혼합 5프레임 나누기
저작자표시 비영리 변경금지 (새창열림)

'태그소스 - gamagold' 카테고리의 다른 글

간편하고 다양한 색상표  (0) 2015.03.06
프레임 나누기 설명  (0) 2015.03.06
링크태그 생성기  (0) 2015.03.06
링크시키는 여러가지 방법 (링크태그)  (0) 2015.03.06
하이퍼링크에 관한 설명  (0) 2015.03.06

'태그소스 - gamagold'의 다른글

  • 현재글창(프레임) 나누기 예제 7가지

관련글

Copyright © AXZ Corp. All rights reserved.

티스토리툴바