배경 화면 변경

나는 Joomla 1.7에서 개발 된 웹 사이트를 운영하고 있습니다. 배경 이미지를 다른 페이지가 아닌 홈 페이지에만 유지하고 싶습니다.배경 화면 변경

코드는 다음과 같습니다.

"homepage_wrapper"의 ID를 가지고 HTML

<body> 
<div id="wrapper"> 
    all content goes here 
</div> 
</body>

CSS

body{margin:0px; padding:0px;} 

#wrapper{background:url(../images/bg-img.jpg) repeat-x;}

출처

2012-01-02 RoyalEnfy

Joomla가 템플릿에서 동일한 index.php를 사용하므로 사이트의 모든 페이지에 CSS 클래스 또는 ID가 포함되어 있기 때문에 Purmou가 언급 한 것처럼 아무 것도 작동하지 않습니다.

당신을 위해 행운이 있기 때문에, Joomla가 이것을 고려해 템플릿에 간단한 모드로 무엇을하려하는지 쉽게 할 수 있습니다. Joomla에서는 페이지 클래스 접미사를 사용하여 특정 CSS를 만들 수 있습니다. 메뉴 항목을 만들 때마다 해당 메뉴 항목 내의 페이지에만 추가되는 페이지 클래스 접미사를 포함 할 수 있습니다. 당신은 당신이 뭘 하려는지 달성 할 수 있도록 body 태그에 해당 접미어를 넣어하기 위해, 템플릿에 index.php에이 코드를 추가

<?php 
$app = JFactory::getApplication('site'); 
$params = & $app->getParams('com_content'); 
$pageclass = trim($params->get('pageclass_sfx')); 
?> 
<body id="<?php echo $pageclass ? $pageclass : 'default'; ?>">

당신이 메뉴에 페이지 클래스 접미사를 추가하는 경우 항목의 경우 body 태그 ID로 삽입됩니다. 그렇지 않으면 "기본값"이 대신 사용됩니다. 이렇게하면 페이지 단위로 본문의 ID를 제어하고 사이트의 모든 페이지마다 남성의 변경을 제어 할 수 있습니다.

출처

2012-01-02 15:45:25

감사합니다 브렌트, 이것이 진정으로 영리한 대답이기 때문에 내가 원하는 것입니다. – RoyalEnfy

가 (만 홈페이지에) 두 번째 래퍼를 확인,과를 설정하는 CSS를 사용 그 배경.

출처

2012-01-02 06:57:28

홈페이지에서만 두 번째 래퍼를 설정하는 방법은 무엇입니까? – RoyalEnfy

body에 ID을 입력하고 해당 페이지에 css을 정의하십시오. 이처럼

HTML :

<body id="home"> 
<div id="wrapper"> 
    all content goes here 
</div> 
</body>

CSS :이

#home #wrapper{background:url(../images/bg-img.jpg) repeat-x;} 
#wrapper{background:red}

출처

2012-01-02 07:01:52 sandeep

하지만이 CSS는 모든 페이지에서 동일하게 유지되므로 모든 페이지에 배경 이미지가 남아있게됩니다. 당신은 그것을 설명해 주시겠습니까 – RoyalEnfy

배경 이미지는 #home 페이지 #wrapper에만 있습니다 – sandeep

당신이 그것에뿐만 아니라 클래스를 사용할 수 있습니다.

<body> 
<div id="wrapper" class="home"> 
all content goes here 
</div> 
</body>

CSS : 당신이 .home 클래스 속성을 덮어 쓰게됩니다 (#wrapper)에 배경을 사용할 경우

#wrapper{} 
.home {background:url(../images/bg-img.jpg) repeat-x;}

그래서 당신의 배경을 사용합니다 확인하십시오 (.home) 클래스

출처

2012-01-02 07:22:28

joomla를 사용하면 CSS는 모든 페이지에서 동일하게 유지된다는 것을 의미합니다. 이는 모든 페이지에 배경 이미지가 남아 있음을 의미합니다. 배경 이미지를 변경 하시겠습니까? – RoyalEnfy

이 클래스는 홈 페이지에만 넣을 수 있습니다. 외부 파일 –

에이 클래스를 넣지 마십시오. 랩퍼가 파트가 아니기 때문에 홈 페이지에만 해당 클래스를 둘 수는 없습니다. (배경 : url (../ images/bg-img.jpg) repeat-x; 주 용기의 배경 이미지를 해상도에 맞추고 주 용기는 960px 너비 만 필요합니다. 그러면 Main 컨테이너에서 Outer 래퍼를 어떻게 사용할 수 있을까요? 당신이 이해하기를 바랍니다. – RoyalEnfy

배경 화면 변경

답변

관련 문제