단일인트로 | 제이쿼리모바일로 정말 간단한 반응형 링크 순위사이트 만들기[단일 페이지]

키워드 : 링크사이트,반응형링크모음,순위사이트만들기,반응형순위

무료아이콘 전체게시물 작성일16-04-11 21:38 조회1,550회

본문


카테고리 분류도 일이네요 ㅠㅠ

 

남는 도메인을 말자닷컴에 너무 많이 연결해둬서

유사문서 외 기타등등의 문제를 고려해

한 페이지짜리를 만들어 도메인을 연결해둘까 하네요.

 

파트너 커뮤니티 링크용으로 만들어 한 페이지짜리로 만들어 연결해뒀답니다.

내부에 말자닷컴 링크를 걸어뒀네요


f2afd00aa533a8376d382d89e1e6be96_1460377



 

f2afd00aa533a8376d382d89e1e6be96_1460377

 

 

디바이스별 화면 미리 보기는

링크1를 클릭해서 보세요

 

 

 

정말 간단하면서도 무한 응용가능하고, 게다가 반응형에 괜찮은거 같아 올려봅니다.

일단 말자가 직접 서버에 올려 도메인까지 붙여 사용하고 있다는..ㅎㅎ

 

딱히 어려울 것도 없고 저도 공부하면서 만들어 올려둔거라 기똥차지는 않네요

 

압축해서 업로드해 둔 zip파일은 실제 파트너쉽 원본 그대로네요

이미지 사이즈는 저대로 사용하시면 될 듯!!

제이쿼리 모바일을 사용해서 알아서 자동으로 만들어주거든요 ㅎㅎ

 

 

수정할 부분은 index.html에 해더 타이틀 부분

 

 <div data-role="header" data-theme="b">
  <h1>파트너 커뮤니티</h1>
 </div>​

 

 

f2afd00aa533a8376d382d89e1e6be96_1460377 



그리고 링크 목록인데

아래의 <li data-icon="home">시작해서  </li>​ 끝나는 부분을

복사해서 붙여넣기 해서 링크를 추가하시면 되요

내용도 수정해주시면 되구요

 

반드시 아래의 룰대로 작성해서 추가해주셔야 한답니다.

 

  <li data-icon="home">
    <a href="http://withpartner.net" target="_blank">
    <img src="img/with.png">
    <h2>위드파트너</h2>
    <p>음지/양지 오래된 파트너사이트<br />
    컨텐츠를 포인트와 결재로 구매/판매할 수 있음.<br />
    유료컨텐츠/무료컨텐츠 분류<br />
    포인트가 없으면 열람 제한
    </p>
    </a>
   </li>​

 

 

f2afd00aa533a8376d382d89e1e6be96_1460377 

 

 

그리고 하단부 수정해주시고

 

 <div data-role="footer" data-theme="b">
 <h2>partnership.co.kr</h2>
 <h3><a href="http://malza.com" target="_blank">무료아이콘</a></h3>
 </div>​

 

 

f2afd00aa533a8376d382d89e1e6be96_1460377 

 

 

상단 좌측에 아이콘을 클릭시

슬라이드 형식으로 좌측에 박스가 나타나는데

저 부분도 어떻게 활용할지 생각하셔서 수정하시면 되겠네요.

 

f2afd00aa533a8376d382d89e1e6be96_1460378 

 

 

f2afd00aa533a8376d382d89e1e6be96_1460378 

 

 

 <div data-role="panel" id="partneradd" data-position="left" data-display="overlay">

 <div id="ad" data-theme="b">
  <h2>사이트 등록 요청</h2>
  <p>
   파트너 커뮤니티를 운영중이신가요??<br />
   그렇다면 사이트 등록 신청을 해주세요<br />
   <strong>등록 요청 : 0recall0@dreamwiz.com</strong>
  </p>
  <p>
   <em>신청양식</em>
   <ol style="text-align:left;">
    <li>사이트명</li>
    <li>사이트 주소</li>
    <li>사이트 설명</li>
    <li>사이트 이미지 (80 x 80)</li>
   </ol>
  </p>
  <a href="#" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-a ui-icon-delete ui-btn-icon-left">닫기</a>
  </div>
 </div>​

 

 

 

링크순위가 아니라 응용에 도 트신 분들은 다른쪽으로도 생각하시겠죠

저는 이 놈 만들면서 아~ 웹하드 순위 사이트도 괜찮겠다 생각을 했으니 말이지요 ㅎㅎㅎ

 

이 포스팅도 쓸까 말까 하다가 며칠을 고민하다가

말자가 생각하기에 유용했기에 올리네요

누군가에게는 필요하고, 누군가에게는 뭐 이런 걸.. 이 될 수도 있겠지만

 

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 13 비추천 1

자료실 50000

12개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 5P (2lv), 다운: -50000P (2lv)
자료실 50000 목록
번호 제목
공지 - 홈페이지 그누보드5 웹하드 인트로 테마 댓글13 첨부파일
235 일 전 추천: 14
무료아이콘 전체게시물 날짜: 2018-03-26 조회: 2971
공지 - 공지 용어 설명 - 단일페이지(인트로), 사이트
481 일 전 추천: 19
무료아이콘 전체게시물 날짜: 2017-07-23 조회: 3061
공지 - 기타 말자 재능교환 관련링크
780 일 전 추천: 18
무료아이콘 전체게시물 날짜: 2016-09-27 조회: 3442
9 단일인트로 최근 겔러리 형식의 반응형 원페이지 단일 인트로 html+css 첨부파일
129 일 전 추천: 1
무료아이콘 전체게시물 날짜: 2018-07-11 조회: 212
8 답변글 기타 [소스파일] 그누보드5 웹하드 순위 랭킹 사이트 댓글11 첨부파일관련링크
462 일 전 추천: 24
무료아이콘 전체게시물 날짜: 2017-08-12 조회: 3219
7 단일인트로 채팅인트로 19인증 페이지나 회원가입 이동 전 내맘대로 설문형 인트로 첨부파일관련링크
492 일 전 추천: 20
무료아이콘 전체게시물 날짜: 2017-07-13 조회: 3497
6 홈페이지 그누보드5 웹하드 순위 랭킹 사이트 댓글5 인기글첨부파일관련링크
672 일 전 추천: 32
무료아이콘 전체게시물 날짜: 2017-01-13 조회: 10442
5 단일인트로 로고 반응형 웹하드 순위 사이트[2]보안/수정[단일 인트로] 댓글2 첨부파일
851 일 전 추천: 25
무료아이콘 전체게시물 날짜: 2016-07-18 조회: 2829
4 단일인트로 로고 반응형 웹하드 순위 사이트[1][단일 인트로] 첨부파일
852 일 전 추천: 14
무료아이콘 전체게시물 날짜: 2016-07-17 조회: 2916
3 단일인트로 반응형 웹하드 순위 사이트 [단일 인트로] 첨부파일
943 일 전 추천: 13
무료아이콘 전체게시물 날짜: 2016-04-18 조회: 1659
열람 단일인트로 제이쿼리모바일로 정말 간단한 반응형 링크 순위사이트 만들기[단일 페이지] 첨부파일관련링크
949 일 전 추천: 13
무료아이콘 전체게시물 날짜: 2016-04-11 조회: 1551
1 단일인트로 뷰어 반응형 웹하드 인트로 html+css 댓글7 첨부파일
1078 일 전 추천: 21
무료아이콘 전체게시물 날짜: 2015-12-05 조회: 2697
게시물 검색