웹 사이트에서 "등록 상표"(®) 문자를 위 첨자로 사용하려는 클라이언트가 있습니다.페이지 전체에서 하나의 특수 HTML 문자에 스타일을 적용하는 방법
웹 사이트는 CMS를 기반으로 만 그들은 지속적으로 슈퍼 스크립트 문자 있지만 CMS에 걸쳐 수행하지 않습니다 첨자 스타일이 나는 가능/최고의 무엇인가 궁금 페이지 제목 등
생성은 데 문제가 없습니다 이를 달성하는 방법 :
어떤 아이디어가 감사합니다 확장.
에 대해 언급하지 못할 silverstripe에 대해 아무것도 몰라.
Altering registered symbols (R)
:내가 찾아이 작업을 수행하는 방법에 대한 정답은 아래 비슷한 질문이 있습니다 <sup>®</sup>
와 ® 내용을 대체하기 위해 jQuery를 사용하는 것이가 (나에게 문제를 저장)
<span></span> 태그불행히도 으로만 특정 문자를 선택할 수 있다고 생각하지 않습니다. CSS. 그러나
은 ...
첨자에 대한 CSS 규칙이있다, 그것은이다
vertical-align: super;
이 jQuery를 작동 :
$(document).ready(function() {
$('*').each(function() {
var n = $(this).html().replace(
new RegExp('®','g'),
'<sup>®</sup>'
).replace(
new RegExp('®','g'),
'<sup>®</sup>'
);
$(this).html(n);
});
});
난이 도움이되기를 바랍니다!
엄밀히 말하자면, 하나의 CSS 속성으로 "수퍼 스크립트"를 만들 수는 없습니다 (veritcal-align "super"가 있지만 문자의 크기 나 스타일은 변경되지 않고 텍스트와 관련된 위치 만 변경됩니다 기준선).그러나, 내가 전에 시도한이 성공적으로 달성하는 방법이 있습니다.
먼저 다른 두 포스터에서 언급 했으므로 기호를 어떻게 든 타겟팅해야합니다. 모든 ® 문자를 마크 업으로 감쌀 수 있다면 나머지는 CSS로 쉽게 할 수 있습니다. 할 수 있다면, 물론 http://jsfiddle.net/jglovier/vqHuu/
: 예를 들면 : 당신이 <sup>®</sup>이있을 때
은 단순히 원하는 효과를 얻기 위해 스타일 시트에 이러한 스타일을 추가 할 수 있습니다 : 여기
<div>
<p>This is some crazy text brought to you by my Company<sup>®</sup><p>
<div>
div{
background:#000;
width:80%;
height:80%;
padding:10% 10%;
}
p{
background:#4d4d4d;
padding:10% 20%;
color:#fff;
font-family:Arial-black,Arial,sans-serif;
font-size:2em;
}
sup{
position:relative;
font-size:.75em;
}
하는 예입니다 이와 같이 마크 업에 액세스하지 않으면 jQuery를 사용하여 문자를 찾고 다른 문자가 제안한대로 <sup> 태그로 묶어야합니다. 첫째 $page->Content() (방법)과 경우를 찾습니다
function Content() {
return str_replace('®', '<sup class="copyright">®</sup>', $this->Content);
}
$Content 템플릿 엔진 : PHP 코드에서
, 당신은 서버 측에서 당신이 원하는 일을하기 위해 페이지 클래스에이를 넣을 수 있습니다 존재하지 않는 사람은 $page->Content을 찾습니다. 반대로 CMS 편집기에서는 $page->Content 만 찾습니다. 즉, 출력을 처리하는 Content() 메서드를 정의하면 템플릿 표시에서만 실행되는 코드를 포함 할 수 있으며 CMS와 관련되지 않습니다.
안녕하세요 - 나는이 Jquery 코드를 추가해야하는 파일을 WordPress를 사용하고 있습니까? –