guide v11x

하단

Desktop(PC) 환경에 최적화 시킨 스타일입니다.

Class

PC

Class	비고
#user-footer	하단 전체 (옵션 보기)
#user-footer	옵션	`.user-style-default` `.user-style-black` `.user-logo-on` `.user-logo-off`
.user-logo	로고 (옵션 보기)
.ndsoft	엔디소프트 로고 (옵션 보기)
.footer-nav	메뉴 (옵션 보기)
.footer-nav	관련	`.footer-nav-item` `.footer-nav-link` `.footer-nav-point`
.user-address	주소 (옵션 보기)
.gl-address v11.21	주소 (옵션 보기)

Mobile v11.21.0.0

Class	비고
.key-service	1차메뉴 (옵션 보기)
.key-service	옵션	`.key-service-link`
.quick-menu	기타메뉴 (옵션 보기)
.quick-menu	옵션	`.quick-menu-item` `.quick-menu-link`

Layouts

PC v11.21.0.0

<footer id="user-footer">    
    <div class="index-width">		
        <div class="footer-menu">
            <div class="footer-columns user-logo"><img src="logo.jpg" alt="엔디일보" /></div>
            <div class="footer-columns">
                <?php
                    footer(
                        "com-1",            // 회사소개
                        "jb",               // 기사제보
                        "ad",               // 광고문의
                        "service",          // 이용약관
                        "privacy",          // 개인정보처리방침
                        "youthpolicy",      // 청소년보호정책
                        "copyright",        // 저작권보호정책
                        "emailno"           // 이메일무단수집거부
                    );
                ?>
                <address class="gl-address-container">
                    <?php
                        address(
                            "SITE_COMPANYNAME",             // 회사명
                            "SITE_ADDRESS",                 // 주소
                            "SITE_TEL",                     // 대표전화
                            "SITE_FAX",                     // 팩스
                            "SITE_Y_MANAGER",               // 청소년보호책임자
                            "|",
                            "SITE_NAME",                    // 제호
                            "SITE_REGISTRATIONNUMBER",      // 등록번호
                            "SITE_REGISTRATIONDATE",        // 등록일
                            "SITE_PUBLICATIONDATE",         // 최초발행일
                            "SITE_PUBLISHER",               // 발행인
                            "SITE_EDITOR",                  // 편집인
                            "|",							
                            "SITE_COPYRIGHT"                // 카피라이트
                        );
                    ?>					
                    <?php echo SITE_LOGOTAG['ndsoft']; ?>                
                </address>
            </div>
        </div>
    </div>
</footer>

Mobile v11.21.0.0

<footer id="user-footer">
	<nav class="key-service">
        <a href="#link" target="_top" class="key-service-link">정치</a>
        <a href="#link" target="_top" class="key-service-link">경제</a>
        <a href="#link" target="_top" class="key-service-link">사회</a>
	</nav>
	<ul class="quick-menu">
        <li class="quick-menu-item">
            <a href="#link" target="_top" class="quick-menu-link">로그인</a>
        </li>
        <li class="quick-menu-item">
            <a href="#link" target="_top" class="quick-menu-link">매체소개</a>
        </li>
        <li class="quick-menu-item">
            <a href="#link" target="_top" class="quick-menu-link">PC버전</a>
        </li>
	</ul>
	<article class="info">
		<div class="copyright">
			<a href="#link" tabindex="-1">©</a> newsND.
		</div>
		<div class="ndsoft">
            <a href="#link" target="_blank" rel="nofollow sponsored ugc"><img src="ndsoft.gif" width="72" height="9" loading="lazy" alt="ND소프트"></a>
        </div>
	</article>
</footer>

예약어

메뉴

#	변수	명칭	링크	타겟	Class	ssl(https)
1	com-1	매체소개	/com/com-1.html	_top
2	jb	기사제보	/com/jb.html	_top		○
3	ad	광고문의	/com/ad.html	_top		○
4	service	이용약관	/com/service.html	_top
5	privacy	개인정보처리방침	/com/privacy.html	_top	footer-nav-point
6	youthpolicy	청소년보호정책	/com/youthpolicy.html	_top
7	copyright	저작권보호정책	/com/copyright.html	_top
8	emailno	이메일무단수집거부	/com/emailno.html	_top
9	rss	RSS	/rssIndex.html	_top

정보 (`config.php`참조)

#	변수	명칭	사용법
1	SITE_NAME	제호	`"SITE_NAME"` 또는 `["", SITE_NAME]`
2	SITE_COMPANYNAME	회사명	`"SITE_COMPANYNAME"` 또는 `["", SITE_COMPANYNAME]`
3	SITE_TEL	대표전화	`"SITE_TEL"` 또는 `["", SITE_TEL]`
4	SITE_FAX	팩스	`"SITE_FAX"` 또는 `["", SITE_FAX]`
5	SITE_PUBLISHER	발행인	`"SITE_PUBLISHER"` 또는 `["", SITE_PUBLISHER]`
6	SITE_EDITOR	편집인	`"SITE_EDITOR"` 또는 `["", SITE_EDITOR]`
7	SITE_REGISTRATIONNUMBER	등록번호	`"SITE_REGISTRATIONNUMBER"` 또는 `["", SITE_REGISTRATIONNUMBER]`
8	SITE_REGISTRATIONDATE	등록일	`"SITE_REGISTRATIONDATE"` 또는 `["", SITE_REGISTRATIONDATE]`
9	SITE_PUBLICATIONDATE	최초발행일	`"SITE_PUBLICATIONDATE"` 또는 `["", SITE_PUBLICATIONDATE]`
10	SITE_OPEN	오픈일	`["", SITE_OPEN]`
11	SITE_ZIPCODE	우편번호	`["", SITE_ZIPCODE]`
12	SITE_ADDRESS	주소	`"SITE_ADDRESS"` 또는 `["", SITE_ADDRESS]`
13	SITE_EMAIL	관리자이메일	`["", SITE_EMAIL]` 또는 `["","<a href=\"mailto:".SITE_EMAIL."\" target=\"_top\">".SITE_EMAIL."</a>"]`
14	SITE_P_MANAGER	개인정보관리책임자	`"SITE_P_MANAGER"` 또는 `["", SITE_P_MANAGER]`
15	SITE_P_MANAGER_TEL	개인정보관리책임자 전화번호	`["", SITE_P_MANAGER_TEL]`
16	SITE_P_MANAGER_EMAIL	개인정보관리책임자 이메일	`["", SITE_P_MANAGER_EMAIL]` 또는 `["","<a href=\"mailto:".SITE_P_MANAGER_EMAIL."\" target=\"_top\">".SITE_P_MANAGER_EMAIL."</a>"]`
17	SITE_Y_MANAGER	청소년보호책임자	`"SITE_Y_MANAGER"` 또는 `["", SITE_Y_MANAGER]`
18	SITE_Y_MANAGER_TEL	청소년보호책임자 전화번호	`["", SITE_Y_MANAGER_TEL]`
19	SITE_Y_MANAGER_EMAIL	청소년보호책임자 이메일	`["", SITE_Y_MANAGER_EMAIL]` 또는 `["","<a href=\"mailto:".SITE_Y_MANAGER_EMAIL."\" target=\"_top\">".SITE_Y_MANAGER_EMAIL."</a>"]`
20	SITE_COPY_MANAGER	저작권담당자	`["", SITE_COPY_MANAGER]`
21	SITE_COPY_MANAGER_TEL	저작권담당자 전화번호	`["", SITE_COPY_MANAGER_TEL]`
22	SITE_COPY_MANAGER_EMAIL	저작권담당자 이메일	`["", SITE_COPY_MANAGER_EMAIL]` 또는 `["","<a href=\"mailto:".SITE_COPY_MANAGER_EMAIL."\" target=\"_top\">".SITE_COPY_MANAGER_EMAIL."</a>"]`
23	SITE_COPYRIGHT	카피라이트	`"SITE_COPYRIGHT"` 또는 `["", SITE_COPYRIGHT]`

HTML v11.21.0.0

메뉴 `("파일명", ["name", "url", "target", "Class", "SSL"])`

footer(
    "com-1",            // 회사소개
    "jb",               // 기사제보
    "ad",               // 광고문의
    "service",          // 이용약관
    "privacy",          // 개인정보처리방침
    "youthpolicy",      // 청소년보호정책
    "copyright",        // 저작권보호정책
    "emailno",          // 이메일무단수집거부

    // 사용자 추가형 예시
    ["이벤트", "/event/event1.html", "_blank", "custom-class", true],    
);

정보 `("키값", ["name", "value"], "|")` (`"|"`는 엔터(Enter))

address(
    "SITE_COMPANYNAME",             // 회사명
    "SITE_ADDRESS",                 // 주소
    "SITE_TEL",                     // 대표전화
    "SITE_FAX",                     // 팩스
    "SITE_Y_MANAGER",               // 청소년보호책임자
    "|",
    "SITE_NAME",                    // 제호
    "SITE_REGISTRATIONNUMBER",      // 등록번호
    "SITE_REGISTRATIONDATE",        // 등록일
    "SITE_PUBLICATIONDATE",         // 최초발행일
    "SITE_PUBLISHER",               // 발행인
    "SITE_EDITOR",                  // 편집인
    "|",		
    "SITE_COPYRIGHT",               // 카피라이트

    // 사용자 추가형 예시
    ["대표자명", "홍길동"],

    // 명칭 변경사용 예시
    ["본사", SITE_ADDRESS],

    // 필수값이 아닌 경우 분기 처리
    (SITE_FAX ? ["Fax", SITE_FAX]:""),
);

카피라이트 단독 사용

<?php echo SITE_COPYRIGHT; ?>

Custom Functions

`#user-footer`

--nd-footer-margin:                 0;
--nd-footer-padding:                1.5rem 0;
--nd-footer-color:                  #000;
--nd-footer-bg:                     transparent;

`.user-logo`

--nd-logo-float:                    left;
--nd-logo-margin:                   0 1rem 0 0;
--nd-logo-max-width:                100%;
--nd-logo-max-height:               none;

`.ndsoft`

--nd-ndsoft-text-align:             right;

`.footer-nav`

--nd-footer-nav-align:              normal;
--nd-footer-nav-valign:             center;
--nd-footer-nav-padding:            0;
--nd-footer-nav-margin:             0 0 1rem;
--nd-footer-nav-font-size:          0.9375rem;
--nd-footer-nav-font-weight:        700;
--nd-footer-nav-color:              #000;
--nd-footer-nav-white-space:        nowrap;

/* item */
--nd-footer-nav-item-gap:           0.75rem;
--nd-footer-nav-divider:            normal;
--nd-footer-nav-divider-color:      #d2d2d4;

/* link */
--nd-footer-nav-hover-color:        #000;

/* point */
--nd-footer-nav-point-font-weight:  inherit;
--nd-footer-nav-point-color:        var(--nd-primary);
--nd-footer-nav-point-hover-color:  var(--nd-primary-hover);

`.user-address`

--nd-address-font-size:             0.875rem;
--nd-address-font-weight:           400;
--nd-address-text-align:            left;
--nd-address-color:                 #6c757d;

/* item */
--nd-address-item-float:            left;

/* divider */
--nd-address-divider:               '|';
--nd-address-divider-float:         right;
--nd-address-divider-padding:       0 0.625rem;
--nd-address-divider-font-weight:   400;
--nd-address-divider-color:         #d2d2d4;

`.gl-address`

--nd-address-padding:               0;
--nd-address-margin:                0;
--nd-address-font-size:             0.875rem;
--nd-address-font-weight:           400;
--nd-address-line-height:           inherit;
--nd-address-text-align:            left;
--nd-address-color:                 #6c757d;

/* item */
--nd-address-item-float:            left;
--nd-address-item-padding-x:        0.5rem;

/* divider */
--nd-address-divider:               '|';
--nd-address-divider-float:         left;
--nd-address-divider-font-weight:   400;
--nd-address-divider-color:         #d2d2d4;

`.key-service`

--nd-key-service-font-size:          1rem;
--nd-key-service-font-weight:        400;
--nd-key-service-line-height:        1.2;
--nd-key-service-color:              var(--nd-body-color, #000);
--nd-key-service-bg:                 var(--nd-body-bg, #fff);
--nd-key-service-text-align:         center;

/* link */
--nd-key-service-link-width:         33.3333333%;
--nd-key-service-link-margin:        0;
--nd-key-service-link-padding:       0.625rem;
--nd-key-service-link-border-width:  1px 0 1px 1px;
--nd-key-service-link-border-style:  solid;
--nd-key-service-link-border-color:  #e8e8e9;

`.quick-menu`

--nd-quick-menu-margin:              0;
--nd-quick-menu-padding:             0;
--nd-quick-menu-font-size:           0.8125rem;
--nd-quick-menu-font-weight:         400;
--nd-quick-menu-line-height:         1.5;
--nd-quick-menu-color:               #6c757d;
--nd-quick-menu-text-align:          center;
--nd-quick-menu-border-bottom:       0;
--nd-quick-menu-item-padding-x:      0.75rem;
--nd-quick-menu-divider:             "|";
--nd-quick-menu-divider-color:       #d2d2d4;

Class 기본 레이아웃 예약어 HTML 선택자 변수

Class

PC

Mobile v11.21.0.0

Layouts

PC v11.21.0.0

Mobile v11.21.0.0

예약어

메뉴

정보 (config.php참조)

HTML v11.21.0.0

메뉴 ("파일명", ["name", "url", "target", "Class", "SSL"])

정보 ("키값", ["name", "value"], "|") ("|"는 엔터(Enter))

카피라이트 단독 사용

Custom Functions

#user-footer

.user-logo

.ndsoft

.footer-nav

.user-address

.gl-address

.key-service

.quick-menu

정보 (`config.php`참조)

메뉴 `("파일명", ["name", "url", "target", "Class", "SSL"])`

정보 `("키값", ["name", "value"], "|")` (`"|"`는 엔터(Enter))

`#user-footer`

`.user-logo`

`.ndsoft`

`.footer-nav`

`.user-address`

`.gl-address`

`.key-service`

`.quick-menu`