갑자기 사이트 관리 담당이 되서... 수정을 해야 하는데 도데체 저기에 해당하는 내용을 못찾겠어서요.
CSS에 있는 클래스로 전체 파일을 검색해서 찾았는데 메인리스트 클래스로 묶여있는 태그가
html로 작성된게 아니라 php 와 js 로 되어 있는데 html 코드 없이 php 와 js 로도 화면구성이 가능한가요?
전 여태 html로 화면구성 하고 그 다음 js로 꾸며주고 php로 서버와 연동하는줄 알았는데....
만약 php 나 js 로 화면구성이 가능하다면 저 CSS에 있는 li나 ul 태그 안의
내용의 위치를 변경해야 할 때 찾는 방법이 있을까요...
CSS코드
.main-list {width:100%; margin-bottom:50px;}
.main-list > div {width:1200px; margin:0 auto;}
.main-list > div > ul {width:100%; margin-top:20px; overflow:hidden;}
.main-list > div > ul > li {float:left; width:23%; margin:1%; padding:10px 10px 0px 10px; text-align:center; border:#C1C1C1 1px solid;}
.main-list > div > ul > li > ul {width:95%; margin:10px 0 15px 0; height:53px; overflow:hidden;}
.main-list > div > ul > li > ul li:nth-child(1) {float:left; width:29.3%; }
.main-list > div > ul > li > ul li:nth-child(2) {float:left; width:29.3%; padding:17px 15px 17px 0; font-size:14px; font-weight:bold; color:#fff; background:url('/main/img/circle_b53_bg.jpg') no-repeat;}
.main-list > div > ul > li > ul li:nth-child(3) {float:left; width:29.3%; padding:17px 15px 17px 0; font-size:14px; font-weight:bold; color:#fff; text-align:center; background:url('/main/img/circle_g53_bg.jpg') no-repeat;}
.main-list > div > ul > li > div {transition:0.7s; cursor:pointer;}
.main-list > div > ul > li > div:hover {opacity:0.4;}
.main-list > div > ul > li > div h1 {font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px;}
.main-list > div > ul > li > div h3 {margin-top:5px; font-size:16px; font-weight:bold; line-height:16px; color:#999; text-decoration:line-through;}
.main-list > div > ul > li > div h4 {margin-top:10px; font-size:30px; font-weight:bold; line-height:30px; color:#ea002c;}
.main-list > div > ul > li > div h4 span {font-weight:normal; font-size:20px; font-weight:bold; line-height:30px;}
.main-list > div > ul > li > div div {margin:0 0 10px 0;}
.main-list > div > ul > li > div div a {display:block; padding:15px 10px; font-size:16px; font-weight:bold; border-radius:10px; color:#fff; line-height:14px; letter-spacing:-1px; background-color:#0000FF;}
.main-list .main-list-btn {text-align:center; margin-top:10px;}
.main-list .main-list-btn a{display:inline-block; width:120px; height:40px; line-height:40px; font-size:14px; font-weight:700; color:#fff; background:#222; border-radius:20px;}
.main-list .main-list-btn a:hover{background-color:#fc3e4d;}
답변 7개 / 댓글 7개
sinbi답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
id="mlang" 일경우 그아래 div 또는 li <h1> <dl> 등일경우에 따른~~~
#mlang li 등으로.....
댓글을 작성하려면 로그인이 필요합니다.
아..... sinbi님 정말 감사합니다. ㅜㅜ
드뎌 하나는 찾았네요..... 그런데 sinbi님 말처럼 php안에서 작성된거라 제가 건들수가 없어요....
전 html 코드만 바꿀려고 했던건데..... 어느분이 만들었는지 모르지만 이런걸.... 저에게 관리를 하라고 맡기다니...... 원망스럽네요... 이건 배운다고 바로 고칠수 있는게 아닌것 같은데...
다시 한번 감사드려요. 일단 얘기드려봐야겠네요.
답변에 대한 댓글 1개
https://www.w3schools.com/jsref/default.asp
댓글을 작성하려면 로그인이 필요합니다.
제가 질문을 잘못 올린것 같아요......
저는 에디터에서 CSS에 적혀있는 저 내용에 대한 html 태그를 찾고 싶은거였는데....
html태그가 아무리 찾아봐도 안보여서 php 나 js로 화면 구성이 되는지까지 물어본건데....
질문을 너무 두서없이 했나봐요....
간단하게 에디터에서 html태그를 찾고 싶은데 방법이 없나요?
이거예요. 참고로 아톰 에디터에도 파일 내의 내용검색기능이 있어서 클래스명으로 찾았더니
<div id="mlist0" class="main-list">
<div>
<ul class="mt0">
<?
$sql = "select * from ".$g5['product_phone_table']." where (1) ";
if ($ca_id2 != "all" && $ca_id2) {
$sql .= " and t_idx = '".$ca_id2."'";
}
if ($ca_id3 != "all" && $ca_id3) {
$sql .= " and m_idx = '".$ca_id3."'";
}
이렇게 php로 작성된게 클래스명 메인리스트에 있어서요....
답변에 대한 댓글 1개
위 SQL 코드는 DB불러오는 코드라.....
아마 리스트면 저 코드 밑쪽의 for , foreach, while 같은 반복문 안에 있을 것 같네요.
아님, 다른 파일에 작성 후, 위 소스 밑에 인클루드 시켰던가...
댓글을 작성하려면 로그인이 필요합니다.
thisgun코드 찾는 방법 3가지 입니다.
1. 에디터 플러스 여러파일찾기해서 찾습니다. ( 초보도 할수 있는 간편한 방법 )
일단 자신이 쓰는 윈도우에 코드파일들을 다 다운받습니다.
코드파일들을 다운 받은 위치를 아래 스크린샷의 폴더(O) 에 입력하면 됩니다.
찾을말 + 파일 종류 + 폴더 + 하위 폴더 포함 체크
파일 종류는 뒤로 확장자를 잘 두시면 됩니다.
php 파일이면 *.php
html 파일이면 *.html
css 파일이면 *.css
js 파일이면 *.js
모든파일이면 *.*
다 했으면 찾기 버튼 눌러서 해당 코드를 찾습니다.
2. 크롬 개발자도구 또는 파이어폭스 개발자 도구 를 이용해서 찾을수 있습니다.
크롬 브라우저에서 찾고 싶은 엘리먼트를 마우스 우 클릭해서 검사를 클릭합니다.
그러면 매우 친절하게 크롬개발자도구에서 해당 css 파일이 어디있는지 알려줍니다.
3. 리눅스를 다룰줄 아는 개발자라면 서버에서 grep 명령어로 찾는다. ( 난이도 있음 )
구글에서 리눅스 grep 이라고 검색하거나 아래 URL 참고
답변에 대한 댓글 1개
에이터는 아톰을 쓰는데 아톰에서도 서치인폴더 기능으로 찾을수 있어서 찾아봤는데
저 CSS에서 클래스명 메인리스트로 작성된 html태그가 있을거라 생각하고 html 태그를 찾으려고 했던건데
<div id="mlist0" class="main-list">
<div>
<ul class="mt0">
<?
$sql = "select * from ".$g5['product_phone_table']." where (1) ";
if ($ca_id2 != "all" && $ca_id2) {
$sql .= " and t_idx = '".$ca_id2."'";
}
if ($ca_id3 != "all" && $ca_id3) {
$sql .= " and m_idx = '".$ca_id3."'";
}
이런식으로 클래스명이 메인리스트 인데 아래 php로 이뤄져 있어서 질문 드린거예요...
결론적으론 html태그를 찾고 싶은 거예요.......
혹시나 php나 js 로 화면구성이 가능할수도 있을까봐 그것도 문의 드린거구요...
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
보통 클래스명으로 찾으면 다 나왔었는데 저 부분에 해당하는걸 못찾겠네요....
댓글을 작성하려면 로그인이 필요합니다.
style 는 html 문서의 꾸미기를 위한 태그이며 js 는 scrirpt 임으로 html페이지를 제어 합니다.
님이 이것을 하려면 공부를 좀 하셔야 합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인