PDA

Zobacz pełną wersję : Szablon - poproszę o zakodowanie w Joomla!


riQ93
10-02-2012, 12:54
Witam. Przeprasza za wcześniejszy temat ale wrzuciłem nie tą grafike.. Chce żebyście mi ten szablon jakoś napisali..
5042Chcę zobaczyć jak to wszystko wygląda, bo sciągnałem z neta przykłądowe szablony ale jakoś nie umiem brać z nich przykładu. Żeby nie było ten szablon jest zrobiony przez mnie. pozdrawiam
a_m
10-02-2012, 13:02
Nie da rady, żebyśmy Ci ten szablon po koleżeńsku zakodowali; jesteśmy strasznie zajęci. I żeby nie było, że nie pomagamy na forum, po prostu za dużo byś chciał - jak na forumową pomoc.
riQ93
10-02-2012, 14:09
No tak, oczywiście, tylko że taki kurs kosztuje conajmniej 70 zł:) Chyba że macie jakieś darmowe.. na googlach szukałem i nic darmowego nie mogłem znaleźć. Pozdrawiam
zwiastun
10-02-2012, 14:36
Naprawdę nie mogłeś? http://wiki.joomla.pl/index.php/Kategoria:Szablony
nikszal
10-02-2012, 14:36
na googlach szukałem i nic darmowego nie mogłem znaleźć
To niezbyt długo szukałeś.
http://www.youtube.com/results?search_query=szablon+joomla&oq=szablon+joomla&aq=f&aqi=&aql=&gs_sm=3&gs_upl=0l0l1l37l0l0l0l0l0l0l0l0ll0l0

Darmowych kursów z podstaw html i css jest sporo.
http://www.google.pl/search?q=kurs+html&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:pl:official&client=firefox-a
http://www.google.pl/search?q=kurs+css&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:pl:official&client=firefox-a
riQ93
10-02-2012, 17:13
No ok, zrobiłem jeden szablon na podstawie filmiku na youtube. Jak teraz sprawdzić że szablon działa? I czy wszystko jest to co powinno?
W folderze znajduje się:
-template_thumbnail.png
-template_preview.png
-favicon.ico
-index.php
-templateDetails.xml

Zawartość w index.php

<?php
defined('_jexec') or die;
&app=JFactory::getApplication();
>?

<!DOCTYPE HTML>
<html>
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/system/css/system.css" type="tekst/css" />
<link rel="stylesheet"href="templates/system/css/general.css" type=text/css" />
<link rel ="stylesheet" href="templates/<?php echo &this->template ?>/css/template.css" type="text/css" />
</head>

<body>

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

<div id="stopka">
<jdoc:include type="modules"name="stopka+style="xhtml"/>
</div>



Zawartość w templateDetails.xml:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC"-//Joomla! 1.7//DTD template 1.0//EN" "httpjoomla.org/xml/dtd/1.7/template-install/dtd">

<extension version="1.7" type=template" client="site">

<name>Szablon Joomla Power</name>
<creationDate>10-02-2012</creationDate>
<author>Piotr Kiedos</author>
<authorEmail>piotrek.kiedos8@interia.pl</authorEmail>
<authorUrl>http://Kiedos.pl</authorUrl>
<Copyright>(C) Joomla Power- 2012</copyright>
<license>Free</license>
<version>1.0.0</version>
<description>Szablon na potrzeby kursu Joomla Power</description>

<files>
<folder>css</folder>
<folder>grafika</folder>
<filename>index.php</filename>
<filename>templateDetails.xml<filename>
<filename<template_preview.png</filename>
<filename>template_thumbnail.png</filename>
<filename>Favicon.ico</filename>
<files>

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

</extension>
nikszal
10-02-2012, 17:17
A gdzie jest plik template.css ?
riQ93
10-02-2012, 17:48
Dziwne.. w poradniku nie było żadnego template.css
Ale zawartość template.css to może byc to, tak? Wziąłem to z przykładowego szablony, i to trzeba dostosowywać do tego mojego?

html{
background: #444;
color: #888;
}
body{
background: #544;
width: 850px;
margin: 20px auto;
}
a:link, a:visited {
text-decoration: none;
font-weight: normal;
color: #6ff;
}
a:hover {
text-decoration: underline;
font-weight: normal;
}
#header {
height: 150px;
background: url(../images/header.jpg) top center no-repeat;
margin: 0px;
padding: 0px;
}
#logo {
font-weight: bold;
font: 15px;
color: red;
padding: 30px;
}
#user3 {
background: #333;
border: 1px dashed white;
}
#content{
width: 800px;
margin: 10px auto;
background: #888;
padding: 5px;
}
#leftcolumn{
width: 30%;
background: #666;
float:left;
min-height:500px;
}
#maincolumn{
width: 70%;
background: #343;
float:left;
min-height:500px;
}
#user1, #bottom{
border: 3px solid yellow;
background: green;
padding: 5px;
}
#footer{
text-align:center;
background:#000;
color: #fff;
margin: 10px 50px 20px 50px;
padding: 15px 5px 10px 5px;
}
#thanks{
text-align:right;
margin: 0px 40px 0px 0px;
color:#000;
}
#thanks a {
color:#000;
}
#thanks a:hover{
color:#464;
}
.clr{
clear:both;
}
#leftcolumn #current{ border: 1px dashed red;}
#user3 #current a{ color: #f60;}
#user3 ul {
margin: 5px;
padding: 0px;
list-style: none;
height: 30px;
}
#user3 li{
float: left;
padding: 0px 10px 0px 10px;
border-right: 1px solid #777;
text-align:center;
}
.contentheading{ /*article title*/
color:white;
font-weight:bold;
font-variant: small-caps;
font-size: 14pt;
text-align:center;
}

.contentpaneopen .small, .createdate, .modifydate{
font-size:10px;
color: #555;
}

.createdate{
padding-bottom: 20px;
}
.modifydate{
text-align: right;
}
body{
background: #343;
color: #e0e0e0;
}

.important{
color: yellow;
fotn-weight:bold;
}
ul .important, ol .important{
color: red;
}

.plany{
color:violet;
}

.wspomnienia{
color: green;
}

.rady{
background: lightblue;
color:black;
}
ul, ol{
background: black;
}

h3{
color: lightgrey;
text-decoration: underline;
}
zwiastun
10-02-2012, 18:46
Wybacz, ale forum to nie jest miejsce na indywidualny interakcyjny kurs projektowania szablonów.