사이트수정
본문
문의드립니다
http://crown112400.dothome.co.kr/r 의 메인이미지 롤링되는 부분을 수정하고싶은데요
에티태마를 사용중이며 소스는
<header>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active" style="background-image: url('<?php echo G5_THEME_URL?>/img/background02.jpg')">
<div class="carousel-caption d-none d-md-block">
<h3 class="ko1">에티테마 커뮤니티</h3>
<p class="ko1 f20">에티테마에 오시면 커뮤니티형, 비즈니스형 두가지 모두 다운로드 하실 수 있습니다.</p>
</div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/background05.jpg')">
<div class="carousel-caption d-none d-md-block">
<h3 class="ko1">반응형 비즈니스 테마</h3>
<p class="ko1 f20">그누보드5.3 / 5.4 와 연동되어 사용가능한 테마 입니다.</p>
</div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item" style="background-image: url('<?php echo G5_THEME_URL?>/img/background01.jpg')">
<div class="carousel-caption d-none d-md-block">
<h3 class="ko1">ETY.KR</h3>
<p class="ko1 f20">클릭하시면 에티테마 비즈니스 설치법으로 이동 합니다.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>입니다
워드프레스 테마중 뉴스카드 테마 상단같이 넣고싶은데요
https://www.themehorse.com/preview/newscard
이부분처럼 바꾸고싶습니다 advertisement section 부분이 좋아서 변경해보고싶은데 이미지만 바꾸는거라면 가능하겠지만 advertisement section 부트스트렙 적용되는 부분으 너무좋아서 바꿔보고싶은데 어떻게 수정해야할지 고생중이네요
위에소스를 지우고 뉴스카드 소스를넣고 css를 적용시키는 방법 좀 알려주세요 ㅠ.,ㅜ
부탁드립니다
답변 3
안녕하세요
올리신 사이트 보니가요
질문자님이 만드신 사이트 소스를 보시면
<div class="container-fluid top-line fixed-header">
여기부분은 상단 고정 메뉴 부분이구요 ...
</div>
!------ 여기 부분에 끼워 넣어시면 될 겁니다.
<div class="container-fluid top-line fixed-header">
여기 부분은 로고 있고 메뉴 있는 부분입니다.......
</div>
이런 부분이 있을 겁니다.
참고 사이트에서 가져 오고 싶은 부분이
아래 소스인데요.
<div class="navbar-head navbar-bg-set" style="background-image:url('https://www.themehorse.com/preview/newscard/files/2018/11/header-bg.jpg');"><div class="container"><div class="row align-items-center"><div class="col-lg-4"><div class="site-branding navbar-brand"><h1 class="site-title"><a href="https://www.themehorse.com/preview/newscard/" rel="home">NewsCard</a></h1><p class="site-description">Just another News/Magazine site</p></div></div><div class="col-lg-8 navbar-ad-section"> <img class="img-fluid" src="https://www.themehorse.com/preview/newscard/files/2018/11/sample-add.jpg" alt="Banner Add"></div></div></div></div>
이 소스를 방금 끼워 넣는 곳에 붙여 넣기 해 보세요.
나오면.. 이미지 태그(<img:url )에서이미지만 바꿔 보세요.
그럼 수고하세요.
정말감사합니다 포인트가없어서 쪽지드리려다가 드렸네여
한가지 궁금한점이있는데요
https://www.themehorse.com/preview/newscard
http://crown112400.dothome.co.kr/
적용은 잘되었는데두사이트가 왜이렇게 차이가날까요?
전체적으로 글씨색깔 이미지크기등이 좀 차이가납니다
혹시 이부분은 바꿀방법이 없을까요???
음.. css 때문에 그런데요. 사이트 자체가 배경이 카드형식을 배경이 밝아서 그런것 같습니다.
문제는 참고 사이트 처럼 하실려면 ... 손이 많이 갈껀데요.
쉽게할 수 있는 방법을 저도 생각해 볼께요.
지금 보니가요. 끼워는 부분이 아래 위가 바뀐것 같습니다.
그리고 질문자님 사이트 메뉴가 고정으로 되어있네요. 음....
참고 사이트랑 그래서 틀리는 것 같아요.. 블럭 사이즈도 틀리는 것 같아요.
css의 height 값이 작은 것 같아요.
비상구님 사이트 소스에 bootstrap.min.css 버젼 4.0.0.6 을 헤더 부분에 링크를 거시구요.
그리고 헤더 태그 끝나는 </head> 바로 윗줄에
<style>
navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem;
}
.navbar-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 30px;
padding-bottom: 30px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
</style>
스타일 부분을 넣어 주세요.
하늘똥님 사랑합니다!!! 혹시 마지막으로 한가지만더 여쭤보아도 될까요?
사이트전체 넓이를 늘리려면 어디에서 늘려줘야할까요? css 폴더에 default 수정을하여도 넓어지지않네요 자꾸 너무많이 물어봐서죄송합니다
비상구님
소스에서 여기 부분 수정하세요.
콤마 빼시고 점으로 bootstrap.min.css 입니다.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0.6/css/bootstrap,min.css">
화면 전체 크기 는
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
이렇게 하는 방법이 제일 쉬운 방법인데요.
어렵네요 위에 소스는 괜히 올렸나봅니다 어차피 지우면 되는소스인데...
워드프레스 뉴스카드테마 상단에 부분을 그누보드로 얾겨오는 방법이 궁금한건데 css를 어떻게 적용시키는건지 모르겠어요
비상구님 참고 사이트의 css 파일 입니다.
확인해 보세요.
거기서 받은 스타일시트 소스를 파일로 여기에 올릴 수가 없어서
소스를 올릴께요. 붙복해 보세요.
git 사이트에 파일 올려 두었습니다.
다운 받아 적용해 보세요.
어떤파일ㅇ르 다운받아서 어디로 올리면될까요??? 제가 정확히 잘 몰라서 newcard.css를 다운받아서 그냥 업로드하면 적용이될까요???
저는 그냥 현재사이트의 전체 넓이를 좀 넓히구싶은건데 ㅠ,.ㅜ
비상구님 아래꺼 복사해서 붙여 넣어세요.
https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css
https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css
이주소를 어디에 붙여넣으면 될까요?
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0.6/css/bootstrap,min.css">
여기를 바꿀까요?
네.. 바꾸세요. 같은 파일인데요. 버전이 높은 거네요.
헐..질문에 이렇게 길게 답변 달기는 처음이예요. 비상구님 평생 대박나시고 꽃길만 걸어세요~~ㅎㅎㅎㅎㅎ;;
너무 감사합니다 바꾸었는데 문제가 생겨서 어제 내내고생하다가포기했네요 로그인모듈이있는 상단이사라지고 메뉴색상이 파란색으로 바뀌었습니다
포인트때문인지 댓글이 더 안달아져서어제 더 못여쭤봤네요
뉴스카드사이트처럼 글자색상 글꼴만 변경했으면 하는데 그방법을 연구중입니다.
혹시 그것만 바꿀수있을까요?
아까 상구님 홈피 보니가 에러가 나더라구요. 그것 수정하셔야 하는데요.
<head>
사이에 링크 거신 bootstrap.min.css 두개 중에 첫번째거 주석으로 막아주세요
주석처리는 <!-- --> 이렇게 하시면 됩니다.
</head>
메일 보내드렸는데 아직 확인전이시네요 여기는 포인트가없어서 쪽지를 못보내내요 ㅠ,.ㅜ
