ํฐ์คํ ๋ฆฌ Portfolio ์คํจ ํ์ด์ง ๋ฐ ๊ณต์ง์ฌํญ ์๋จ ๋ ์ด์์ ๊นจ์ง ์์ ํ๊ธฐ
2020. 12. 3. 14:31ใIT
๊ณผ๊ฑฐ ์คํจ์ ์ด์์๋์ง๋ ๋ชจ๋ฅด๊ฒ ์ผ๋, ํ์ฌ ์ฌ์ฉ์ค์ธ ํฐ์คํ ๋ฆฌ Portfolio ์คํจ์ ๊ฒฝ์ฐ, ์๋จ ์ด๋ฏธ์ง๊ฐ ํฌํจ๋์ง ์๋ ๊ณต์ง์ฌํญ ๋ฐ ํ์ด์ง์์๋ ๋ ์ด์์์ด ๊นจ์ ธ์ ํ์๋๋ค.
ํค๋์ jQuery ์คํฌ๋ฆฝํธ๋ฅผ ๋ฃ์ด์ฃผ๊ณ , ๋ณธ๋ฌธ ์ตํ๋จ์ ์๋ ์คํฌ๋ฆฝํธ๋ฅผ ๋ฃ์ด์ฃผ๋ฉด ์ํ๋ ํํ๋ก ์ ๋ชฉ ๋ฐ ๋ ์ง ๋ถ๋ถ์ ๋ณ๊ฒฝํ ์ ์๋ค.
<script>
if ($(document).has('.inner_header').length > 0) {
if ($('.inner_header').css('background-image').split(/"/)[1] === document.URL) {
$('.article_header').css('opacity', 0);
$('.article_view .tt_article_useless_p_margin').before('<div class="hidden_title">' + $('.article_header .info_text .title_post').text() + '</div><div class="hidden_date">' + $('.article_header .info_text .info .date').text() + '</div>');
}
}
</script>
CSS๋ ์ทจํฅ์ ๋ฐ๋ผ์ ๋ฐฐ์นํ๋ฉด ๋๋ค.
.hidden_title {
position: relative;
width: 100%;
margin: 120px 0 0 0; font-size: 20px;
font-weight: 600; color: #333;
}
@media screen and (max-width:1023px) {
.hidden_title {
margin: 0 !important;
}
}
.hidden_date {
position: relative;
width: 100%;
margin: 10px 0 40px 0;
font-size: 13px;
font-weight: 300;
color: #999;
letter-spacing: -0.02em;
}
์ต๊ทผ์ ์์ ์ด ๋์๋์ง ์ ๋ชจ๋ฅด๊ฒ ๋ค. ์๋ ์ค๋์ ์ ์ ์ฉํ ์คํจ์ด๋ผ..
'IT' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
ํฌ๋กฌ ์ ๋ฐ์ดํธ๋ก ์ธํ ํฐ์คํ ๋ฆฌ ๋๋ฉ์ธ ๋ฌธ์ (0) | 2020.12.03 |
---|