내가 만들고있는 joomla 사이트에 이미지를 중앙에 배치하려고합니다. 머리글에 배치 된 로고입니다. 다음은 http://www.gothamtattoos.com/mmp_upgrade/index.php 사이트에 대한 링크입니다 (상단의 logo.png는 제가 말하는 것입니다). 나는 몇 가지 다른 것을 시도했지만 내 시도는 아무것도하지 않았거나 최상위 메뉴의 표시를 엉망으로 만들었습니다. 여백을 자동으로 설정하고 상대적으로 위치를 설정하는 방법에 대해 여기에서 읽었지만 작동하지 않았거나 잘못된 위치에 추가하고있을 수 있습니다.
다음은 로고와 관련된 index.php 파일의 섹션입니다. 저는 코더가 아니고 제가하는 일을 약간만 알고 있기 때문에 설명적인 답변을 주시면 대단히 감사하겠습니다. 도움을 주셔서 미리 감사드립니다.
$logopath = $this->baseurl . '/templates/' . $this->template . '/images/logo.png';
$logo = $this->params->get('logo', $logopath);
$logoimage = $this->params->get('logoimage');
$sitetitle = $this->params->get('sitetitle');
$sitedescription = $this->params->get('sitedescription');
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/sfhover.js"></script>
</head>
<body>
<div id="wrapper">
<!-- TopNav -->
<?php if($this->countModules('position-13')): ?>
<div id="topnav_wrap">
<div id="topnav">
<jdoc:include type="modules" name="position-13" style="xhtml" />
</div>
</div>
<?php endif; ?>
<div id="header_wrap">
<div id="header">
<!-- Logo -->
<div id="logo">
<?php if ($logo && $logoimage == 1): ?>
<a href="<?php echo $this->baseurl ?>"><img src="<?php echo htmlspecialchars($logo); ?>" alt="<?php echo $sitename; ?>" /></a>
<?php endif; ?>
<?php if (!$logo || $logoimage == 0): ?>
<?php if ($sitetitle): ?>
<a href="<?php echo $this->baseurl ?>"><?php echo htmlspecialchars($sitetitle); ?></a><br/>
<?php endif; ?>
<?php if ($sitedescription): ?>
<div class="sitedescription"><?php echo htmlspecialchars($sitedescription); ?></div>
<?php endif; ?>
<?php endif; ?>
</div>
<!-- Topmenu -->
<div id="topmenu">
<jdoc:include type="modules" name="position-1" />
</div>
</div>
</div>
다음은 CSS http://www.gothamtattoos.com/mmp_upgrade/templates/jaxstorm-black/css/template.css입니다.
이미지를 중앙에 맞추려면 일부 CSS 만 조정하면됩니다.
#logo {
float:none;
}
#logo img {
display:block;
margin:0 auto;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다