< návrat zpět

Diskuse


Téma: Klikací logo rss

Zaslal/a 8.4.2010 13:54

Ahoj, chtěla bych udělat klikací logo. Aby se dalo kliknout na header a odkázalo to na index.php. Zatím tam je jen klikací <H1>. Líbí se mi, jak je to tady.

Zaslat odpověď >

#008578
Tady je to takto.

XHTML kód hlavičky:

<div id="hlavicka">
<a href="./" id="hlavicka-klikaci"><span>SunLight CMS</span></a>
</div>



CSS

#hlavicka a#hlavicka-klikaci {display: block; width: 939px; height: 185px;}
#hlavicka a#hlavicka-klikaci span {display: none;}
#008579
Ahoj, zkus napsat do hlavicky stranky pred Tve logo tohle - je to ale jen syntaxe, takze co je treba doplnit Tvymi konkretnimi udaji je jasne (adresar s obrazky, nazev obrazku - loga, popisek loga, vyska a sirka obrazku - loga a samozrejme format obrazku - loga stranek):

<a href="./"><img src="Tvujadresarsobrazky/Jarkalogo.jpg" alt="logo stránek" height="doplnit" width="doplnit"></a>

Cele to muzes jeste zabalit do nejakeho <div>, takze to pak bude vypadat takto:

<div id="tvujnazev"><a href="./"><img src="Tvujadresarsobrazky/Jarkalogo.jpg" alt="logo stranek" height="doplnit" width="doplnit"></a></div>

Ale jen tipuju :-) i kdyz za pokus nic nedas... ;-)

Klikaci header, zabaleny do <div>:

<div id="header">
<div id="logo">
<h1><a href="./">Název webu</a></h1>
</div>


Preji vse dobre.
#008586
Zde je odkaz na index.php řešen právě odkazem nad pozadím s určenou velikosti, jak píše Shira.
Pokud by jsi chtěla vložit logo (tedy obrázek) do záhlaví, postupuj následovně:

template.php
<a href="./"><img src="/templates/<?php echo _template; ?>/images/logo.png" alt="<?php echo _title; ?>" class="logo" /></a>
layout.css
.logo {height:90px; width:120px; float:left; margin-left:10px; margin-top:10px;}
Styl si samozřejmě uprav dle tvých představ.
#008599
Díky za rady. Udělala jsem to podle Landsmana a funguje 1
#012270
Dobrý den,

omlouvám se, ale nějak jsem to přesně nepobral. Bylo by možné lépe "nakopnout".
Verze: 7.4.4
Template: Nightvision

Předem děkuji.