PDA

Zobacz pełną wersję : Szablon nie widzi pliku css


baldiczka
04-03-2012, 14:19
Witam,

to mój pierwszy post, jeśli więc był już podobny temat, to co bardziej zaznajomieni z forum niech mnie odeślą do niego (szukajka niczego konstruktywnego nie podpowiada).

problem może i będzie trywialny, ale że rozpoczynam od dziś przygodę z tworzeniem szablonów do Joomla, pokonał mnie przy n-tej próbie zainstalowania szablonu.

Staram się zrobić szablon zgodnie z tym poradnikiem http://webroad.pl/poradniki/9-wlasny-szablon-joomla (http://robertmatuszewski.pl/blog/joomla/tworzenie-szablonow-joomla-1-7-cz-1/)

rzecz wydaje się dziennie prosta (w końcu niby wystarczy wklepać kilka linijek kodu, stworzyć 3 pliki i wgrac szablon na Joomla, ale własnie). Zgodnie z instrukcją zedytowałem stworzony przez siebie prosty index.html z zewnętrznym plikim css i zmieniłem jego zawartość na


<?php
// dostęp bezpośredni jest niedozwolony
defined( "_JEXEC" ) or die( "Restricted access" );?>

<!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>
<jdoc:include type="head" />
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="/templates/<?php echo $this->template ?>/template.css" type="text/css" />
</head>

<body>
<div id="ramka">
<div id="naglowek">
<jdoc:include type="modules" name="naglowek" style="xhtml" />
naglowek</div>
<div id="lewa">
<jdoc:include type="modules" name="lewa" style="xhtml" />
lewa</div>
<div id="content"><jdoc:include type="component" />content</div>
<div id="prawa">
<jdoc:include type="modules" name="prawa" style="xhtml" />
prawa</div>
<div id="stopka">
<jdoc:include type="modules" name="stopka" style="xhtml" />
stopka</div>
</div>

</body>
</html>



pogrubiony fragment to rzeczone źródło problemu, ponieważ kiedy zmieniam standardową ścieżkę do pliku css z <link href="template.css" rel="stylesheet" type="text/css" /> na <link rel="stylesheet" href="/templates/<?php echo $this->template ?>/template.css" type="text/css" /> stronka przestaje go widzieć :)

Szablon spakowany zipem, instaluje się w Joomla poprawnie, lecz po włączeniu na stronie wyświetla się rzecz jasna samą zawartość. Pytanie - co trzeba wpisać w miejsce ścieżki do pliku css, by index.php po zainstalowaniu w Joomla widział arkusz stylów.

Dzieki z góry za jakiekolwiek wskazówki :)

pozdrawiam!
a_m
04-03-2012, 14:36
a tak:

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>ścieżka do css" type="text/css" />
baldiczka
04-03-2012, 15:17
@a_m dzieki za sugestię, ale niestety, po zmianie tej linijki kodu ta sama sytuacja :/ niezaleznie od tego czy plik css znajduje się w tym samym folderze co index.php, czy w podkatalogu css.

podam może treść pozostałych plików (może coś w nich trzeba jeszcze pozmieniać)

plik .css

<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
#ramka {
background-color: #F00;
width: 1000px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
}
#naglowek {
width: 1000px;
background-color: #00C;
float: left;
}
#lewa {
width: 300px;
background-color: #666;
float: left;
}
#prawa {
background-color: #906;
width: 300px;
float: left;
}
#content {
float: left;
width: 400px;
}
#stopka {
background-color: #6F0;
width: 1000px;
clear: both;
}
</style>

plik templateDetails.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<install
version="2.5" type="template" client="site">
<name>szablon1</name>
<creationDate>march2012</creationDate>
<author>synu</author>
<authorEmail>maniek@op.pl</authorEmail>
<authorUrl>niet</authorUrl>
<license>private</license>
<version>2.5.0</version>

<files>
<filename>index.php</filename>
<filename>template.css</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
<filename>template_preview.png</filename>
<filename>favicon.png</filename>
</files>

<positions>
<position>naglowek</position>
<position>lewa</position>
<position>content</position>
<position>prawa</position>
<position>stopka</position>
</positions>

</install>

ewentualne sugestie? :)
a_m
04-03-2012, 15:28
a skąd to w pliku css?


<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
#ramka {
background-color: #F00;
width: 1000px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
}
#naglowek {
width: 1000px;
background-color: #00C;
float: left;
}
#lewa {
width: 300px;
background-color: #666;
float: left;
}
#prawa {
background-color: #906;
width: 300px;
float: left;
}
#content {
float: left;
width: 400px;
}
#stopka {
background-color: #6F0;
width: 1000px;
clear: both;
}
</style>


podaj link d strony; wrzuć gdzieś paczkę z szablonem;


--------------------------
edit

po wymianie ścieżek do plików, tak jak napisałem - widać style
baldiczka
04-03-2012, 16:33
Hehe, wiedziałem, że szkopuł tkwi w jakimś szczególe :) css poprawiony, ścieżki dokładnie pozmieniane. Działa bez zarzutu :) Piękne i wielkie dzięki!