2013-08-20 1 views
0

my blog의 스타일 블로그 탐색 스타일을 "최신/이전"텍스트에서 NEXT/PREVIOUS (으)로 변경하려고하고 또한 맨 위에있는 내 RSS 텍스트의 색상/글꼴/스타일/호버와 일치하도록 설정하려고합니다. RSS : 지금까지 나는 변화시킬 것이 아무것도 없다.내 블로그 탐색 형식을 변경할 수 있습니까?

.pagination .next-item { color: #0076a9 !important; font-size: 8em; font-weight: 700; } 
.pagination .prev-item { color: #0076a9 !important; font-size: 8em; font-weight: 700; } 
+0

분명히 할 수 있지만 그 단어는 어딘가에 템플릿에 묻힐 것입니다. 어떤 CMS를 사용하고 있습니까? –

+0

제곱 공백을 사용합니다 –

답변

1

이 그것을 할 수있는 아주는 janky 방법이지만, 당신은 단지 CSS를 제어 할 수 있다면, 이것은 당신을 위해 작동합니다 :

.pagination 
{ 
    color: rgba(0,0,0,0) 
} 

.pagination a 
{ 
    font-family: "HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-size: 16px; 
    font-weight: 700; 
} 

.pagination a:first-child 
{ 
    position: relative; 
    left: 616px; 
    color: rgba(0,0,0,0); 
} 

.pagination a:first-child:after 
{ 
    position: absolute; 
    left: 0; 
    content: "Next"; 
    color: #0076a9; 
} 

.pagination a + a, 
.pagination a:only-child 
{ 
    position: relative; 
    left: auto; 
    margin-left: -59px; 
    color: rgba(0,0,0,0); 
} 

.pagination a + a:after, 
.pagination a:only-child:after 
{ 
    position: absolute; 
    left: 0; 
    content: "Previous"; 
    color: #0076a9; 
} 

는 다시,이 경우 권장되는 해결책이 아니다 HTML을 제어 할 수 있습니다. 이 기능 :

  1. 가 "/"이전/최근
  2. 설정에서 링크의 글꼴 스타일을 숨 깁니다.
  3. .pagination div에 첫 번째 요소 인 링크 (first-child)가있는 경우 해당 링크가 "최신"링크라고 가정합니다. 페이지의 가장 오른쪽으로 위치를 바꾼다. 그러나 링크를 보이지 않게한다. rgba(0,0,0,0)
  4. 우리는 "0120-919-0104"라는 링크 뒤에 텍스트를 추가하기 위해 가상 클래스 인 CSS :after을 사용한다. 색깔로 링크. position: absoluteleft: 0
  5. 두 번째 링크가 있거나 .pagination에 하나의 링크 만있는 경우 "이전 링크"라고 가정하고이를 "이전"링크로 이동합니다. 멀리 왼쪽.
  6. "Newer"링크와 같은 방식으로 처리하지만 "Previous"를 추가합니다.
+0

일종의 일이지만, html 또는 java를 페이지 헤더 코드 삽입에 추가 할 수 있습니다. 그게 효과가 있니? @ 제이크 –

+0

이미 페이지에있는 HTML을 수정할 수 있다면 가장 좋을 것입니다. 다른 것은 이것만큼 나쁠 것입니다. – Jake

+0

기존을 수정할 수 없습니다. 추가하거나 무언가를 추가하여 추가 할 수 있습니다. –