Obrazkowy odnośnik w headerze

[Snakekiller]

Witam,
Chciałbym zrobić obrazkowy odnośnik w headerze mojego szablonu. Na headerze jest obrazek zarejestruj się i chcę aby on prowadził do formularza rejestracji.
Pozdro

[alex51]

Może podlinkujesz ten obrazek do formularza rejestracyjnego, który w standardowej postaci ma adres:
- w opcji bez prostych adresów:

(http://twoja_domena/index.php?option=com_user&view=register)http://twoja_domena/index.php?option=com_user&view=register
- z zastosowaniem prostych adresów:

http://twoja_domena/component/user/register.html (http://twoja_domena/component/user/register.html)

[Snakekiller]

ale jak to podlinkowac? bo ten obrazek jest na headerze wiec chyba bedzie ciężko a gdzies sa zapisane te strony ktore sie wyswietlaja?

[alex51]

Jak podasz adres strony, jub chociaż nazwę szablonu, jeśli stronę masz na localhoście, to możemy poszukać.

[Snakekiller]

szablon sam robilem adres to www.thebestphotos.pl

---------- Post dodany o 16:13 ---------- Poprzedni post był o 16:12 ----------

ogolnie nie patrz na dane napisane w headerze:)

[alex51]

Szablon zrobił Artisteer version 2.4.0.26594. A który obrazek masz zamiar podlinkować, cały header?

[Snakekiller]

Gdzie to jest napisane ? Chcę "zarejestruj sie" oddzielic jako nowy obrazek nakleić go na headera i podlinkowac. Po 2 szablon robilem ja urzywając Artisteer

[alex51]

Jest kilka miejsc informujących, choćby producenta programu Artisteer o tym kto używa jego oprogramowania, włącznie z podanymi tego typu informacjami:

Generated with Artisteer version 2.4.0.26594, file checksum is A5FDC948.Wracając do linkowania, to może powinieneś w pliku index.php swojego szablonu dodać nowego diva z linkiem do tego obrazka i go odpowiednio ostylować. Dla kogoś samodzielnie robiącego szablony nie powinno to być problemem.

[Snakekiller]

Robię szablony w artisteerze ale sprobuję

[alex51]

Możesz spróbować w dowolnym programie graficznym edytować obrazek headera wklejając do niego przykładowo w okolicach lewej strony obrazek, mający być linkiem do rejestracji.
Następnie w pliku index.php, zaraz za divem:

<div class="art-header-jpeg"></div>
wstaw diva:


<div class="registerlink">
<a href="http://twoja_domena/component/user/register.html" id="clicker"></a>
</div>
W pliku style.css dodaj:


div.registerlink
{
margin: 0 auto;
position: relative;
z-index:0;
width: 950px;
height: 150px;
}

#clicker {
border:medium none;
display:inline-block;
height:150px;
left:1px;
position:relative;
top:60px;
width:591px;
}
Oczywiście wartości height i width podałem przykładowe, by wstawiały obszar dla linka w okolicach lewej strony obrazka header z doklejoną strefą do rejestracji.

[Snakekiller]

dzieki. Analizowalem moją templatke z tutoriali którą zrobilem i tą z artisteera i niektore rzeczy skopiowalem z templatki programu bo mi moja nie chciala działac. Po co jest plik funcions i component .php bo w mojej starej templatce tego nie ma



---------- Post dodany o 18:38 ---------- Poprzedni post był o 18:30 ----------

cos sie rozwalilo. Zobacz www.thebestphotos.pl

---------- Post dodany o 18:49 ---------- Poprzedni post był o 18:38 ----------

przycisk jest nad regulamin i jak korzystac

[alex51]

Wskazując proponowane przeze mnie rozwiązanie nie mogłem wiedzieć jaki jest układ divów w Twoim szablonie. Zauważyłem tylko ogólne ich rozmieszczenie na podstawie pobieżnej analizy kodu źródłowego. Więcej można byłoby powiedzieć mając do dyspozycji plik index.php szablonu wykonanego w Artisteerze. Jednak nie wiem, czy na pewno wszystko, co trzeba będzie w tym pliku, bo nie stosuje tego generatora szablonów. Moje uwagi są dostosowane do typowych szablonów.

[Snakekiller]

A co jest nietypowegow tym pliku ?

[alex51]

Nie wiem dopóki nie zobaczę całego pliku index.php, jeśli zechcesz go załączyć. Mówiąc o "typowych" miałem na myśli szablony będące na standardowym wyposażeniu Joomla! Z szablonami wykonanymi w Artisteerze bywa różnie, co nie raz już było widać w zgłaszanych problemach na naszym forum.

[Snakekiller]

<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
$document = & $this;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<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" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
<script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
</head>
<body>
<div id="art-page-background-simple-gradient">
<div id="art-page-background-gradient"></div>
</div>
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-jpeg"></div>

</div>
<div class="registerlink">
<a href="http://thebestphotos.pl/index.php?option=com_user&view=register&Itemid=10" id="clicker"></a>
</div>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />
<?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?>
<div class="art-content-layout">
<div class="art-content-layout-row">
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-layout-cell art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>
</div>
<?php endif; ?>
<div class="art-layout-cell art-<?php echo artxCountModules($document, 'left') ? 'content' : 'content-wide'; ?>">

<?php
echo artxModules($document, 'banner2', 'art-nostyle');
if (artxCountModules($document, 'breadcrumb'))
echo artxPost(null, artxModules($document, 'breadcrumb'));
echo artxPositions($document, array('user1', 'user2'), 'art-article');
echo artxModules($document, 'banner3', 'art-nostyle');
?>
<?php if (artxHasMessages()) : ?><div class="art-post">
<div class="art-post-body">
<div class="art-post-inner">
<div class="art-postcontent">
<!-- article-content -->

<jdoc:include type="message" />

<!-- /article-content -->
</div>
<div class="cleared"></div>

</div>

<div class="cleared"></div>
</div>
</div>
<?php endif; ?>
<jdoc:include type="component" />
<?php echo artxModules($document, 'banner4', 'art-nostyle'); ?>
<?php echo artxPositions($document, array('user4', 'user5'), 'art-article'); ?>
<?php echo artxModules($document, 'banner5', 'art-nostyle'); ?>
</div>

</div>
</div>
<div class="cleared"></div>

<?php echo artxPositions($document, array('bottom1', 'bottom2', 'bottom3'), 'art-block'); ?>
<jdoc:include type="modules" name="banner6" style="artstyle" artstyle="art-nostyle" />
<div class="art-footer">
<div class="art-footer-inner">
<?php echo artxModules($document, 'syndicate'); ?>
<div class="art-footer-text">
<?php if (artxCountModules($document, 'copyright') == 0): ?>
<p>Copyright &copy; 2010 ---.<br />
All Rights Reserved.</p>

<?php else: ?>
<?php echo artxModules($document, 'copyright', 'art-nostyle'); ?>
<?php endif; ?>
</div>
</div>
<div class="art-footer-background"></div>
</div>

<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>

</div>

</body>
</html>

[alex51]

To jest nie jest plik index.php tylko jeden z Twoich plików css. Z plikami css nie ma problemu z ich podglądem, jeśli używa się Firebuga lub Web Developera.

Jak widzę, zdążyłeś już poprawić. :)
Diva tu wstawiłeś, ale w template.css nie dodałeś tego, co zaproponowałem. Rozumiem, że właśnie te wpisy rozwaliły Ci wygląd.

[Snakekiller]

div.registerlink
{
margin: 0 auto;
position: relative;
z-index:0;
width: 950px;
height: 150px;
}

#clicker {
border:medium none;
display:inline-block;
height:150px;
left:1px;
position:relative;
top:60px;
width:591px;

jesli o to chodzi to dodalem
}

[alex51]

Powtórzę fragment swojej wcześniejszej wypowiedzi:

(...)
Następnie w pliku index.php, zaraz za divem:

<div class="art-header-jpeg"></div>wstaw diva:


<div class="registerlink">
<a href="http://twoja_domena/component/user/register.html" id="clicker"></a>
</div>
Aktualnie widzę, że masz nieco niżej wklejonego wspomnianego diva, przez co proponowany przeze mnie <div class="registerlink"> nie znalazł się wewnątrz diva <div id="art-main"> co w rezultacie obniżyło Ci menu.
Popraw lokalizacje diva <div class="registerlink"> a potem ostyluj go stosownie do zaplanowanego w headerze miejsca do wskazania rejestracji.

Gdybyś chciał w swoim obrazku header dodać osobny obrazek - link do formularza rejestracji, to wystarczy stworzyć taki obrazek w rozmiarze 150px x 300px, najlepiej bez tła w formacie png, dać mu przykładową nazwę rejestr.png. Następnie wgrać go do katalogu images Twojego szablonu (prawidłowo należałoby też uwzględnić to też w pliku templateDetails.xml) i w pliku template.css dać dodatkową własność background-image w klasie

#clicker {
border:medium none;
display:inline-block;
height:150px;
left:1px;
position:relative;
top:60px;
width:300px;
background-image: url('../images/rejestruj.png');
}W rezultacie header będzie mógł wyglądać tak:
http://alex51.funpic.de/joomla/header_popr.jpg
Napis w białym kolorze jest tu linkiem do formularza rejestracji.