PDA

Zobacz pełną wersję : Problem z moim pierwszym szablonem



curt
27-07-2009, 11:30
Witam,

chcę założyć swój pierwszy, własny szablon w JOOMLA, pociąłem design do xHTML i skorzystałem z tutoriala z bloga Szumana, ale po wgraniu templatki na serwer wyskakuje "Direct Access to this location is not allowed."

Poniżej podaję kod templatki itp:

Zawartość pliku index.php:



<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>

<link href="<?php echo $mosConfig_live_site; ?>/templates/miskrosno/css/template_css.css" rel="stylesheet" type="text/css"/>
<meta name="author" content="MCX-net" />
</head>

<div class="linia">

<div id="h"></div>
</div>

<div class="linia">

<div id="flash">
<object style="float:left;" type="application/x-shockwave-flash" data="top.swf"
width="923" height="233">
<param name="movie" value="top.swf" />
</object>

</div>
</div>

<div class="liniadol">
<div class="razem">
<div id="menu1"></div>
<div id="kontener">
<div id="menu2"></div>
<div id="podmenu2"></div>
<div id="podmenu3">MENU2B</div>
</div>
<div id="content"></div>
</div>

<div class="linia">

<div id="f1"></div>
<div id="f2"></div>
<div id="f3"></div>
<div id="f4"></div>

</div>



kod pliku templateDetails.xml:



<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">
<name>Miś Krosno</name>
<version>1.0.0</version>
<creationDate>2009-07-27</creationDate>
<author>studio.mcx-net.pl</author>
<authorEmail>curt3@o2.pl</authorEmail>
<authorUrl>http://studio.mcx-net.pl</authorUrl>
<copyright>MCX-net 2009</copyright>
<license>MCX-Net</license>
<description>Miś Krosno</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
<filename>images/miskrosno_02.jpg</filename>
<filename>images/miskrosno_04.jpg</filename>
<filename>images/miskrosno_05.jpg</filename>
<filename>images/miskrosno_06.jpg</filename>
<filename>images/miskrosno_07.jpg</filename>
<filename>images/miskrosno_08.jpg</filename>
<filename>images/miskrosno_09.jpg</filename>
<filename>images/miskrosno_10.jpg</filename>
<filename>images/miskrosno_11.jpg</filename>
<filename>images/miskrosno_12.jpg</filename>
<filename>images/miskrosno_14.jpg</filename>
<filename>top.swf</filename>



<filename>css/template_css.css</filename>

</files>



Kod template_css.css:



* {
margin-top: 0px;
margin-bottom: 0px;
margin: 0px;
padding: 0px;

}

body {
margin: 0px;
padding: 0px;
background: #FFFFFF repeat-x;

font-family:tahoma;
font-size:8pt;
font-color: #0763bc;
text-align:left;

}

div.linia {
width: 1000px;
padding: 0px;
border: 0px;

text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin: 0px;
padding: 0px;
float:left;
}
.liniadol {
width: 1000px;
padding: 0px;
border: 0px;
text-align: left;
margin:0;
padding: 0;

}

#h {
width: 923px;
margin: 0px auto;
background: #ffffff url("images/miskrosno_02.jpg") no-repeat;
height:105px;
padding:0px;
float: left;

}

#flash {
width: 923px;
margin: 0px auto;
background: #000 no-repeat;
height:233px;
padding:0px;
float: left;

}

#menu1 {
width: 194px;
margin: 0px auto;
background: #f00 url("images/miskrosno_05.jpg") repeat-y;
height:325px;
padding:0px;
float:left;

}

#menu2 {
width: 209px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_06.jpg") no-repeat;
height:183px;
padding:0px;
float:left;


}
#podmenu2 {
width: 209px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_08.jpg") repeat-y;
height:26px;
padding:0px;
float:left;


#podmenu3 {
width: 209px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_09.jpg") no-repeat;
height:183px;
padding:0px;
float:left;


}

}
#kontener
{
float:left;
width:209px;
}
.razem{float:left;
width:1000px;}

#content {
width: 520px;
margin: 0px;
background: #f8f8f8 url("images/miskrosno_07.jpg") repeat-y;
height:325px;
padding:0px;
float:left;
}

#f1 {
width: 188px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_10.jpg") no-repeat;
height:19px;
padding:0px;
float:left;
}

#f2 {
width: 215px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_11.jpg") no-repeat;
height:84px;
padding:0px;
float:left;
}

#f3 {
width: 520px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_12.jpg") no-repeat;
height:19px;
padding:0px;
float:left;
}


#f4 {
width: 215px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_13.jpg") no-repeat;
height:84px;
padding:0px;
float:left;
}




Proszę o pomoc, z góry bardzo dziękuję

idek
27-07-2009, 11:42
Instalujesz ten szablon przez Panel Admina rozumiem tak? A spakowałes go do zip'a? (nazwaszablonu.zip)

i na Twoim miejscu Misiu z Krosna zrezygnowąłbym z używania polskich znaków i spacji w nazwach katalogów i plików (w Twoim wypadku instalator musi zalożyć katalog o nazwie "Miś Krosno")

<name>Miś Krosno</name>

curt
27-07-2009, 11:49
nie, instaluje go poprzez FTP

edit:

Ok, problem zdaje się być rozwiązany, po prostu uczyłem się chyba tworzyć szablony do starej joomli a nie do 1.5, teraz już wszystko jest ok, tylko mam problem, że nie czyta mi tego flasha w Joomla, dlaczego?


PS.

Gdzie mogę uzyskać listę stylów które są odpowiedzialne za wyświetlanie przykłądowo autora artykułu itp? Czyli typowe style dla Joomli?

idek
27-07-2009, 14:09
1. link do pliku swf powinien wygladać np. tak: templates/miskrosno/images/plik.swf

2. style w J!: http://joomlatp.com/joomla-css/joomla-1.5-default-CSS-classes-list.html

curt
27-07-2009, 14:29
No i super :) dzięki, a może jeszcze jesteś w stanie mi poradzić, czemu przy większej ilości tekstu strona się nie rozwija w dół? wiem, że to wina w xHTML, ale nie wiem co jest nie tak...



<div class="liniadol">
<div class="razem">
<div id="menu1">
<jdoc:include type="modules" name="left" />
</div>
<div id="kontener">
<div id="menu2"><jdoc:include type="modules" name="right" /></div>
<div id="podmenu2"></div>
<div id="podmenu3">MENU2B</div>
</div>
<div id="content">
<jdoc:include type="component" />



</div>
</div>

<div class="linia">

<div id="f1"></div>
<div id="f2"></div>
<div id="f3"></div>
<div id="f4"></div>

</div>

</div>

#menu1 {
width: 194px;
margin: 0px auto;
background: #f00 url("images/miskrosno_05.jpg") repeat-y;
height:325px;
padding:0px;
float:left;

}

#menu2 {
width: 209px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_06.jpg") no-repeat;
height:183px;
padding:0px;
float:left;


}
#podmenu2 {
width: 209px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_08.jpg") repeat-y;
height:26px;
padding:0px;
float:left;


#podmenu3 {
width: 209px;
margin: 0px auto;
background: #f1f1f1 url("images/miskrosno_09.jpg") no-repeat;
height:183px;
padding:0px;
float:left;


}

}
#kontener
{
float:left;
width:209px;
}
.razem{float:left;
width:1000px;}

#content {
width: 520px;
margin: 0px;
background: #f8f8f8 url("images/miskrosno_07.jpg") repeat-y;
height:325px;
padding:0px;
float:left;
}

idek
27-07-2009, 16:03
wytłuszczone:


#content {
width: 520px;
margin: 0px;
background: #f8f8f8 url("images/miskrosno_07.jpg") repeat-y;
height:325px; // tutaj tkwi problem - zadeklarowałeś konkretną wartość
padding:0px;
float:left;
}

curt
28-07-2009, 23:49
a możesz mi powiedzieć, gdzie są najprostsze style css do joomla? z tamtego Twojego linka niewiele wiem, a mi chodzi o takie najprostsze typu: zmiana koloru linków, zmiana wielkości czcionki w treści itp.

prince15
29-07-2009, 09:49
Powinno Cię naprowadzić: http://www.joomlaos.de/CSS_Guide.html