메뉴 수정 도와주세요!! [수정]
버튼이 창 화면을 줄이면 같이 밑으로 내려옵니다. 창 화면을 줄여도 버튼이 내려오지 않게 할 방법이 있을지..
HTML
Copy
<!doctype html><!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--><!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--><!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--><!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]--><!-- Consider adding an manifest.appcache: h5bp.com/d/Offline --><!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]--><!-- Dynamite by Estoque - http://est0que.tistory.com/ --><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="[##_title_##]"> <meta name="author" content="[##_blogger_##]"> <meta name="keywords" content="[##_meta_http_equiv_keywords_##]"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" > <title>[##_title_##] :: [##_page_title_##]</title> <script src="./images/modernizr-2.6.2.min.js"></script> <link rel="stylesheet" href="./images/dynamite.css" /> <link rel="stylesheet" media="screen" type="text/css" href="./style.css" ></head> <body> <!-- begin title --> <section class="header"> <div id="header"> <div class="row navRow"> </div> </div> <div class="row"> </div> </div> <div class="row"> </div> </div> </div> </div> </section> <!-- end title --> <!--<ul class="flatflipbuttons"><li><a href></ul>--><a href='#' class='button'><a href='#' class='button'><a href='#' class='button'><a href='#' class='button'>테스트</a><a href='#' class='button'>테스트</a><a href='#' class='button'>테스트</a><a href='#' class='button'>테스트</a><a href='#' class='button'> <a href='#' class='button'><a href='#' class='button'><a href='#' class='button'> <s_t3> <section class="tedition" style="display:none;"> <header class="parallax tedition" gumby-parallax="0.5"> <div class="row">class="blogMenu unfixed" <h1 class="valign"><a href="[##_blog_link_##]">[##_title_##]</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> </section> <div id="content"> <s_list> <header class="parallax search" gumby-parallax="0.5"> <div class="row"> <h1 class="valign"><a href="[##_blog_link_##]">[##_title_##]</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <section id="searchList" class="nonEntry row"> <h3>'[##_list_conform_##]'에 해당되는 글 [##_list_count_##]건</h3> <ul> <s_list_rep> <li> <span class="date">[##_list_rep_regdate_##]</span> <a href="[##_list_rep_link_##]">[##_list_rep_title_##]</a> <span class="cnt">[##_list_rep_rp_cnt_##]</span> </li> </s_list_rep> </ul> </section> </s_list> <s_local> <header class="parallax local" gumby-parallax="0.5"> <div class="row"> <h1 class="valign"><a href="[##_blog_link_##]">Local Log</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <section id="localog" class="nonEntry row"> <h3>Local Log</h3> <s_local_spot_rep> <div class="spot" style="margin-left: [##_local_spot_depth_##]px"> [##_local_spot_##] </div> </s_local_spot_rep> <s_local_info_rep> <div class="info" style="margin-left: [##_local_info_depth_##]px"> <a href="[##_local_info_link_##]">[##_local_info_title_##]</a> </div> </s_local_info_rep> </section> </s_local> <s_tag> <header class="parallax tag" gumby-parallax="0.5"> <div class="row"> <h1 class="valign"><a href="[##_blog_link_##]">Tag Cloud</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <section id="taglog" class="nonEntry row"> <h3>Tag Cloud</h3> <s_tag_rep> <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>, </s_tag_rep> </section> </s_tag> <s_keyword> <header class="parallax keyword" gumby-parallax="0.5"> <div class="row"> <h1 class="valign"><a href="[##_blog_link_##]">Key Log</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <section class="keyword row"> <h3>Key Log</h3> <ul> <s_keyword_rep> <li> <a href="#void" onclick="[##_onclick_keyword_##]">[##_keyword_label_##]</a> </li> </s_keyword_rep> </ul> </section> </s_keyword> <s_guest> <header class="parallax guest" gumby-parallax="0.5"> <div class="row"> <h1 class="valign"><a href="[##_blog_link_##]">Guestbook</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <article id="guestbook" class="nonEntry row"> <h3>Guestbook</h3> <s_guest_input_form> <div id="guestWrite" class="field"> <s_guest_member> <s_guest_form> <p class="writerInfo"> <label for="name">Name</label> <input class="input" type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" > </p> <p class="writerInfo"> <label for="password">Password</label> <input class="input" type="password" name="[##_guest_input_password_##]" value="" > </p> <p class="writerInfo"> <label for="homepage">Homepage</label> <input class="input" type="text" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" class="homepage" > </p> </s_guest_form> <label class="checkbox" for="secret"> <input type="checkbox" name="[##_guest_input_is_secret_##]"> <span></span> 비밀글 </label> </s_guest_member> <p> <textarea class="input textarea" placeholder="방명록을 남겨주세요" name="[##_guest_textarea_body_##]" cols="50" rows="6"></textarea> </p> <p> <button class="submit" type="submit" value="안부 남기기" onclick="[##_guest_onclick_submit_##]" class="submit" >Submit</button> </p> </div><!-- guestWrite close --> </s_guest_input_form> <s_guest_container> <div id="guestList"> <ul> <s_guest_rep> <li id="[##_guest_rep_id_##]"> <div class="[##_guest_rep_class_##]"> <p class="ctrlGuest"> <span class="name">[##_guest_rep_name_##]</span> <span class="date"> [##_guest_rep_date_##]</span> <span class="control"> <a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify" title="수정/삭제"><span class="entypo-cancel-squared"></span></a> <a href="#" onclick="[##_guest_rep_onclick_reply_##]" class="write" title="댓글쓰기"> <span class="entypo-level-down"></span></a> </span></p> <p class="desc">[##_guest_rep_desc_##]</p> </div> <s_guest_reply_container> <ul> <s_guest_reply_rep> <li id="[##_guest_rep_id_##]"> <div class="[##_guest_rep_class_##]"> <p class="ctrlGuestRe"> <span class="name">[##_guest_rep_name_##]</span> <span class="date"> [##_guest_rep_date_##]</span> <span class="control"> <a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify"> <span class="entypo-cancel-squared"></span></a> </span></p> <p class="reDesc">[##_guest_rep_desc_##]</p> </div> </li> </s_guest_reply_rep> </ul> </s_guest_reply_container> </li> </s_guest_rep> </ul> </div><!-- guestList close --> </s_guest_container> </article><!-- guestbook close --> </s_guest> <s_notice_rep> <header class="parallax notice" gumby-parallax="0.5"> <div class="row"> <h1 class="valign"><a href="[##_blog_link_##]">Notice</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <article class="entryNotice row"> <h3><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h3> <span class="articleDate">[##_notice_rep_date_##]</span> <div class="article"> [##_notice_rep_desc_##] </div> </article> </s_notice_rep> <s_article_protected> <header class="parallax protected" gumby-parallax="0.5"> <div class="row"> <h1 class="valign"><a href="[##_blog_link_##]">*****</a></h1> </div> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <article class="entryProtected row"> <h3><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h3> <span class="articleDate">[##_article_rep_date_##]</span> <fieldset> <legend><h4><span class="entypo-lock"></span> 보호되어 있는 글입니다.</h4> </legend> <div class="field"> <label class="inline" for="[##_article_password_##]">비밀번호</label> <input class="wide text input pass" id="[##_article_password_##]" name="[##_article_password_##]" type="password" onkeydown="if (event.keyCode == 13) [##_article_dissolve_##]"> <button type="button" class="submit" value="확인" onclick="[##_article_dissolve_##]">Submit</button> </div> </fieldset> </article> </s_article_protected> <s_article_rep> </header> <nav class="blogMenu" gumby-fixed="top" gumby-pin="#profile"> [##_blog_menu_##] </nav> <article class="articleBody row"> <span class="category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a> </span> <span class="articleDate">[##_article_rep_date_##]</span> <s_ad_div> <div class="admin"> <a href="[##_s_ad_m_link_##]">수정</a> : <a href="#" onclick="[##_s_ad_m_onclick_##]">수정(창으로)</a> | ([##_s_ad_s1_label_##])→<a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a> | <a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a> | <a href="[##_owner_url_##]">관리자</a> <a href="[##_owner_url_##]/entry/post">글쓰기</a> </div> </s_ad_div> <div class="article"> [##_article_rep_desc_##] </div> <s_tag_label> <div class="tagTrail"> <span class="entypo-tag"></span> [##_tag_label_rep_##] </div> </s_tag_label> <div class="actionTrail"> <a href="#rp" onclick="[##_article_rep_rp_link_##]"><s_rp_count><span class="entypo-chat"></span> <span class="cnt">[##_article_rep_rp_cnt_##]</span></s_rp_count></a> <a href="#tb" onclick="[##_article_rep_tb_link_##]"><s_tb_count><span class="entypo-switch"></span><span class="cnt">[##_article_rep_tb_cnt_##]</span></s_tb_count></a> </div> <s_tb> <div class="trackback"> <s_tb_container> <ul> <s_tb_rep> <li id="[##_tb_rep_id_##]"> <h6>Subject : <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false" rel="external nofollow">[##_tb_rep_title_##]</a></h4> <span class="from">Tracked from <span class="name">[##_tb_rep_site_##]</span></span> <span class="date">[##_tb_rep_date_##]</span> <a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false" class="delete"> <span><span class="entypo-cancel-squared"></span></span></a> <p>[##_tb_rep_desc_##]</p> </li> </s_tb_rep> </ul> </s_tb_container> </div><!-- trackback close --> </s_tb> <s_rp> <div class="comment"> <div class="commentList"> <s_rp_container> <ul> <s_rp_rep> <li id="[##_rp_rep_id_##]"> <div class="[##_rp_rep_class_##]"> <p class="commentcontrol"> <span class="name">[##_rp_rep_name_##]</span> <span class="date"> [##_rp_rep_date_##]</span> <span class="control"> <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify" title="수정/삭제"> <span><span class="entypo-cancel-squared"></span></span></a> <a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write" title="댓글쓰기"> <span><span class="entypo-level-down"></span></span></a> </span> </p> <p>[##_rp_rep_desc_##]</p> </div> <s_rp2_container> <ul> <s_rp2_rep> <li id="[##_rp_rep_id_##]"> <div class="[##_rp_rep_class_##]"> <span class="name">[##_rp_rep_name_##]</span> <span class="date"> [##_rp_rep_date_##]</span> <span class="control"> <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify"> <span><span class="entypo-cancel-squared"></span></span></a> </span> <p>[##_rp_rep_desc_##]</p> </div> </li> </s_rp2_rep> </ul> </s_rp2_container> </li> </s_rp_rep> </ul> </s_rp_container> </div><!-- commentList close --> <s_rp_input_form> <div class="commentWrite field"> <s_rp_member> <s_rp_guest> <p class="writerInfo"> <label for="name">Name</label> <input class="input" type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" > </p> <p class="writerInfo"> <label for="password">Password</label> <input class="input" type="password" name="[##_rp_input_password_##]" value="" > </p> <p class="writerInfo"> <label for="homepage">Homepage</label> <input class="input" type="text" class="homepage" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]"> </p> </s_rp_guest> <p class="secretWrap"> <label class="checkbox" for="secret"> <input type="checkbox" name="[##_rp_input_is_secret_##]"> <span></span> 비밀글 </label> </p> </s_rp_member> <p class="clear"> <textarea class="input textarea" placeholder="댓글을 남겨주세요" name="[##_rp_input_comment_##]" rows="10" cols="30"></textarea> </p> <p> <button type="submit" value="댓글 달기" onclick="[##_rp_onclick_submit_##]" class="submit" >Submit</button> </p> </div><!-- commentWrite close --> </s_rp_input_form> </div><!-- comment close --> </s_rp> </article><!-- entry close --> </s_article_rep> <s_paging> <div id="paging" class="row"> <a [##_prev_page_##] class="[##_no_more_prev_##]" id="prevPage"><span class="entypo-left-open-big"></span></a> <span class="numbox"> <s_paging_rep> <a [##_paging_rep_link_##] class="num"> [##_paging_rep_link_num_##]</a> </s_paging_rep> </span> <a [##_next_page_##] class="[##_no_more_next_##]" id="nextPage"><span class="entypo-right-open-big"></span></a> </div> </s_paging> </div><!-- content close --><!-- 하단 사이드 메뉴 <section class="parallax profile" gumby-parallax="0.5" id="profile"> <div class="row"> <div class="profileLayer"> <img src="[##_image_##]" alt="블로그 이미지" class="profileImage" > <p class="blogDesc">[##_desc_##]</p> <h4 class="userID">[##_blogger_##]</h4> </div> </div> </section> --> <aside class="row" id="sidebar"> <s_sidebar> <!-- 기본 사이드바 --> <s_sidebar_element> <!-- 검색 모듈 --> <div id="searchBox" class="field"> <s_search> <input class="input" type="text" placeholder="Press Return to Search..." name="[##_search_name_##]" onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }"> </s_search> </div> </s_sidebar_element> <s_sidebar_element> <!-- 카테고리 모듈 --> <div id="category"> <h3>Category</h3> [##_category_list_##] </div> </s_sidebar_element> <s_sidebar_element> <!-- 공지사항 모듈1 --> <section class="tabs pill"> <ul class="tab-nav"> <li><a href="#">Trackbacks</a></li> <li class="active"> <a href="#">Posts</a></li> <li><a href="#">Comments</a></li> </ul> <div class="tab-content"> <h3>Recent Trackbacks</h3> <ul> <s_rcttb_rep> <li> <a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##]</a> <span class="info"> <span class="name">[##_rcttb_rep_name_##]</span> <span class="date">[##_rcttb_rep_time_##]</span> </span> </li> </s_rcttb_rep> </ul> </div> <div class="tab-content active"> <h3>Recent Posts</h3> <ul> <s_rctps_rep> <li> <a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##]</a> <span class="cnt">[##_rctps_rep_rp_cnt_##]</span> </li> </s_rctps_rep> </ul> </div> <div class="tab-content"> <h3>Recent Comments</h3> <ul id="recentComments"> <s_rctrp_rep> <li> <a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##]</a> <span class="info"> <span class="name">[##_rctrp_rep_name_##]</span> <span class="date">[##_rctrp_rep_time_##]</span> </span> </li> </s_rctrp_rep> </ul> </div> </section> </s_sidebar_element> <s_sidebar_element> <!-- 공지사항 모듈2 --> <section class="tabs pill"> <ul class="tab-nav"> <li><a href="#">Notice</a></li> <li class="active"> <a href="#">Tag Cloud</a></li> <li><a href="#">Archive</a></li> </ul> <div class="tab-content"> <s_rct_notice> <div id="notice"> <h3>Notice</h3> <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> </div> <div class="tab-content active"> <h3>Tag Cloud</h3> <s_random_tags> <a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a>, </s_random_tags> </div> <div class="tab-content"> <h3>Archive</h3> <ul> <s_archive_rep> <li> <a href="[##_archive_rep_link_##]">[##_archive_rep_date_##] </a> <span class="cnt">[##_archive_rep_count_##]</span> </li> </s_archive_rep> </ul> </div> </section> </s_sidebar_element> <s_sidebar_element> <!-- 달력 모듈 --> <div id="calendar"> <h3>Calendar</h3> [##_calendar_##] </div> </s_sidebar_element> <s_sidebar_element> <!-- 링크 모듈 --> <div id="link"> <h3>Links</h3> <ul> <s_link_rep> <li> <a href="[##_link_url_##]" onclick="window.open(this.href); return false"> [##_link_site_##]</a> </li> </s_link_rep> </ul> </div> </s_sidebar_element> <s_sidebar_element> <!-- 카운터 모듈 --> <div id="counter"> <div class="row"> <div class="four columns"> <p class="title">Total</p> <p class="number">[##_count_total_##]</p> </div> <div class="four columns"> <p class="title">Today</p> <p class="number">[##_count_today_##]</p> </div> <div class="four columns"> <p class="title">Y day</p> <p class="number">[##_count_yesterday_##]</p> </div> </div> </div> </s_sidebar_element> </s_sidebar> </aside><!-- sidebar close --> <footer class="parallax" gumby-parallax="0.5"> <div class="row valign"> <div class="footMenu"> <p class="skiplink"><a class="entypo-up-open" href="#" gumby-goto="top"></a></p> <p><a href="[##_owner_url_##]">Admin</a> / <a href="[##_owner_url_##]/entry/post">Post</a><br /></p> <p><a href="[##_blog_link_##]"> </a> <a href="http://yedamlove.tistory.com/">예닮이와 노아의 성장 블로그에 오신걸 환영합니다.</a><br /></p> </div> </div> </footer></s_t3>CSS
[code]
@charset "UTF-8";
.header h1 a { display:block }
/*********************************************************************************************************
-페이지 별 베너 기능-
해당 부위의 배경이미지를 원하는 이미지로 바꿔보세요
**********************************************************************************************************/
@import url(./images/tiriumTitle.css);
@import url(./images/tiriumSidebar.css);
@import url(./images/tiriumContent.css);
@import url(./images/tiriumFooter.css);
@import url(./images/tiriumFont.css);
@import url(./images/NanumGothic.eot);
.header {
background: url(./images/Back_logo.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: auto;
height: 450px;
}
.article iframe { max-width:100% }
.button {
border: 0px solid #000000;
background: #93908b;
background: -webkit-gradient(linear, left top, left bottom, from(#93908b), to(#93908b));
background: -webkit-linear-gradient(top, #93908b, #93908b);
background: -moz-linear-gradient(top, #93908b, #93908b);
background: -ms-linear-gradient(top, #93908b, #93908b);
background: -o-linear-gradient(top, #93908b, #93908b);
background-image: -ms-linear-gradient(top, #93908b 2220%, #93908b 2140%);
padding: 25px 70px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
-moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
text-shadow: #000000 0 1px 0;
color: #ffff94;
font-size: 22px;
font-family: 'NanumGothic',
text-decoration: none;
vertical-align: middle;
}
.button:hover {
border: 0px solid #000000;
text-shadow: #000000 0 1px 0;
background: #93908b;
background: -webkit-gradient(linear, left top, left bottom, from(#807e7b), to(#93908b));
background: -webkit-linear-gradient(top, #807e7b, #93908b);
background: -moz-linear-gradient(top, #807e7b, #93908b);
background: -ms-linear-gradient(top, #807e7b, #93908b);
background: -o-linear-gradient(top, #807e7b, #93908b);
background-image: -ms-linear-gradient(top, #807e7b 0%, #93908b 100%);
color: #ffff94;
|
답변 3개
Sammy856To maximize the impact of fundraising efforts, clubs should consider leveraging innovative tools like Delta Executor, which can streamline and enhance the execution of fundraising games and activities.
나연가온아빠
27~42번째 줄만 봐도 div가 안맞네요. 오픈한게 5개 있으면 닫은건 5개여야하는데 8개네요.
2017-06-25 (일) 23:23:57
소스를 보니 티스토리 블로그에서 수정하시는것 같네요?
올려주신 소스는 .. 블로그자체에서만 작동되는 각종 문서들과 css 들이 많아서 도움 드릴부분은
메뉴 부분밖엔 없네요.
메뉴 부분 기본 레이아웃과 css 를 가지고 참고해보세요..
Copy
<style>#menu { width:100%; margin:0 auto; text-align:center }#menu ul { list-style:none; padding:0; margin:0; }#menu ul:after { display:block; clear:both; content:""; *zoom:1 }#menu ul li { float:left; width:25%; }#menu ul li a { display:block; background:#93908b; color:#fff; padding:20px 0; text-align:center }#menu ul li:hover a { background:#6c6861 }</style> <div id="menu"><ul> <li><a href='#' class='button'>테스트1</a></li> <li><a href='#' class='button'>테스트2</a></li> <li><a href='#' class='button'>테스트3</a></li> <li><a href='#' class='button'>테스트4</a></li></ul>답변을 작성하려면 로그인이 필요합니다.