Zobraziť plnú verziu : Logo ako odkaz
Ahoj,
na mojej stránke www.fontes.sk by som rád, aby obrázok vľavo hore (logo) slúžil ako odkaz na prvú záložku - Domov. Ako to dosiahnem?
Ďakujem
JohnnyPea
21.07.2010, 18:58
Nájdi si vo svojej téme ( s najväčšou pravdepodobnosťou v header.php ) kód nejakého takéhoto znenia:
<div class="left" id="branding2">
<h5> </h5>
<div class="description"></div>
</div>
a zmeň <h5> </h5> na:
<a id="header-logo" href="<?php bloginfo( 'url' ) ?>"></a>
V style.css na riadku 181 zmeň h5 na #header-logo.
Všetko som zmenil podľa Teba, ale teraz mi logo zmizlo úplne.
JohnnyPea
22.07.2010, 09:23
Asi nezmenil, keďže v zdrojáku stránky tam stále vidím
<h5> </h5>.
Najlepšie by asi bolo keby si sem dal obsah header.php...
Prepáč, vo wp som len začiatočník, v téme mám dva header-y - header a header2. Už som to zmenil aj v tom druhom. Tu je "header.php":
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?>
» <?php
foreach((get_the_category()) as $cat) {
echo $cat->cat_name . ' ';
} ?> <?php } ?>
<?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/nav.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/print.css" type="text/css" media="print" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/dropdowns.js"></script>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel=”shortcut icon” href=”favicon.ico”>
<?php wp_head(); ?>
</head>
</div>
<body<?php if ( is_home() ) { ?> id="home"<?php } ?>>
<div id="page" class="clearfloat">
<div class="clearfloat">
<div id="branding2" class="left">
<a id="header-logo" href="<?php bloginfo( 'url' ) ?>"></a>
<div class="description"></div>
</div>
<div class="right">
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
<?php echo qtrans_generateLanguageSelectCode('image'); ?>
</div>
</div>
<ul id="nav" class="clearfloat">
<?php wp_list_pages('title_li='); ?>
</ul>
<div class="clearfloat">
<div id="branding" class="left">
<h1> </h1>
<div class="description"></div>
</div>
</div>
JohnnyPea
22.07.2010, 15:10
V style.css tam kde si upravoval h5 na #header-logo pridaj css atribút:
display:block; takže to bude vyzerať nejak takto:
#header-logo {
text-indent:-9999px;
background: url(images/fontes.jpg) no-repeat;
width: 142px;
height: 46px;
background-color: #FFFFFF;
margin-bottom: 18px;
display:block;
}
Ďakujem,
funguje to perfektne.
Keby som logo chcel odkazovať napr. na článok, čo treba v kóde zmeniť?
vBulletin® v4.2.0, Copyright ©2000-2013, Jelsoft Enterprises Ltd.