Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Не работает модуль (работает не корректно)

Доброго времени суток!

Проблема в следующем...
На главном шаблоне модуль работает, но я сейчас делаю другой шаблон и в нем новые модули работают не правильно!
Модули которые были до создания шаблона работают!

Модуль формирует формы, текст, картинки, но CSS и JS не грузит вообще

Не подскажите в чем проблема?
Ответ:
Цитата Сообщение от Taatshi Посмотреть сообщение
Я очень надеюсь, что Вы это шаблон пишете исключительно для себя.
Не переживайте, этот шаблон я писал для себя!
Там где нужно будет вмешательство из все, я поставил модули, а ставить модуль для такого простого меню, я не стал)...

Не доверяю я им, зачем мне огромная конструкция, которую мне может вывести модуль, когда я могу написать сам и быть в этом уверен))

Просто PHP и JS еще не учил, по этому не могу нормально читать код, так что не ругайтесь на меня, в дальнейшем исправлюсь)

Спасибо за критику, это важно для меня!
Вопрос: Не работает jQuery на сайте с CMS Joomla

Здравствуйте.
Перед заданием этого вопроса перерыл инфу в инете, в том числе на этом форуме, но ответа на вопрос не нашел.
Есть сайт на Джумле. Для его создания использовался "левый" шаблон (то есть не сверстанный специально под сайт), поэтому как такового доступа к верстке нет.

Суть в чем: в самом шаблоне () работает стрелка Возврата наверх, а также кнопка More Stuff, после нажатия которой выдвигается поле для авторизации. Насколько я поковырялся в коде, понял, что эти элементы (кроме кнопки More Stuff) создаются динамически с помощью jQuery-скрипта. Поэтому на самом сайте (вот ссылка: ) этих элементов изначально нет. Тот скрипт, который есть в конце кода страницы и который должен создавать кнопку BackToTop, не работает. Для проверки я создавал скрипт типа
jQuery(document).ready(function() {
alert('test');
});
, и он не работает (хотя просто Алерт, без обертки документ.рэди, работает).
Из этого я сделал вывод, что на сайте попросту не работает jQuery.

Что мне предпринять? Вариант с jQuery.noConflict() не канает. Как видите, этот код на сайте есть, а скрипты все равно не выполняются.
Ответ: vettel,
тогда более ничем помочь не могу -- смотрите консоль там все ошибки -- причина: видимо устаревшие в шаблоне плагины и код не адаптированный под новый jQuery
Вопрос: Замена шаблона

Всем доброго времени суток.
Не спрашивайте как я сюда попал и прочее, я действительно полный ноль в программировании, потому и обращаюсь за помощью.
Есть сайт на Битриксе, есть дубликат этого сайта. Так вот на второй сайт очень хочется изменить шаблон. Нашёл кучу шаблоны на themeforest.net, но не могу понять можно ли один из этих шаблонов запилить на второй сайт. Если это возможно то прошу обьяснить какую категорию шаблонов лучше выбрать
Ответ: Просто абы какой шаблон не вставить, нужен шаблон именно под Битрикс и судя по всему на этом сайте таких нет
Причём не на каждый сайт в принципе можно шаблон найти, т.к. шаблоны работают только для стандартных компонент, а у вас могут быть нестандартные (или просто кастомизированые) которые дизайн не сменят
Вопрос: Тестирование адаптивных шаблонов

Здравствуйте!
Собираюсь изучать верстку адаптивных шаблонов. Возник насущных вопрос: каким образом и где лучше тестировать работу шаблона? Работать буду на локальном вебсервере под ubuntu. Знаю, что в браузерах имеется функционал для эмитации разного разрешения, но хотелось бы узнать, кто чем пользуется, так сказать, "в боевых условиях", в работе.

Спасибо всем, кто отзовется помочь.
Ответ: Fedor92, Благодарю Вас за помощь, Ваши конструктивные ответы и ссылку на литературу!
Вопрос: Как создать несколько html разметок в шаблоне и почему joomla не любит jquery

Ребят всем привет, занялся созданием шаблона, и сделал разметку в index.php шаблона, когда закончил
шаблон,
все вроде бы ничего ,но тут меня осенило что шаблон визуально статичен, то есть
файл с html разметкой всего один, это index.php и только он 1 подстраивается под
все переходы по ссылкам категориям и так далее на сайте ,но хотелось бы создать хотябы
парочку допустим 1 html файл отвечает за главную страницу, другой за остальные
,я бы хотел узнать как это реализовать.

Плюс создал меню на html css js
в чем фишка меню , в том что при наведении на элемент списка меню, начинает
светится блок под элементом меню ,каким образом работает код:

$(".beetwen__position__li1").hover(function(e)

{

$("#block1").css("background", "#7CC900");



});


класс меню <li> это .beetwen__position__li1 ,и на него наводится курсор, и срабатывает функция на блок
с идентификатором #block1, и у него меняется цвет фона.

Теперь зачем же я сделал у списка класс, а у блока идентификатор ,потому что просто на html css js,
js подхватывает и с классом и с идентификатором элементы без проблем.
Но как известно joomla списки меню создает сама, и только с классом, id прописать нельзя.
Так вот вставляю рабочий код html css js в index.php шаблона ,а там скрипт не работает
Куда копать?
Ответ:
все вроде бы ничего ,но тут меня осенило что шаблон визуально статичен, то есть
файл с html разметкой всего один, это index.php и только он 1 подстраивается под
Не чего не мешает сделать сколько угодно разных вёрсток в одном шаблоне, в привязке к тем или иным страницам. Для этого в index.php шаблона, скажем делаем только всё что не внутри body тегов, так как это стандартно для всех страниц, плюс добавляем категорию, скажем - "layouts", и в неё кидаем файлы вёрстки страниц, скажем - "home, contact, portfolio, default". А дальше уже идёт логика обработки запросов, её в том же индексном файле, или в отдельный и подключить в индексный. Определять какая страница можно по разным факторам, в основном это:
Код
JFactory::getApplication() ->input->getCmd('option', '');
JFactory::getApplication() ->input->getCmd('view', '');
JFactory::getApplication() ->input->getCmd('layout', '');
JFactory::getApplication() ->input->getCmd('task', '');
JFactory::getApplication() ->input->getCmd('Itemid', '');
Ну и другие функции классов джумлы.
Советую для старта глянуть на это чистый шаблон, в его классе уже есть многое необходимое для этого, можно от туда взять что нужно, или его использовать за основу.

В остальном, советую познакомиться с "переопределением" шаблонов расширений, поможет решить кучу вопросов. Тоже стандартное меню переопределением можно переделать как нужно, не затрагивая оф.расширение, и не делая своё новое.
По скриптам, они могут не работать из за конфликтов, скажем порядка следования скрипта, или схожих функций и переменных перебиваемых другими. Тут тоже поможет функционал J!Blank, он позволяет отключить те или иные скрипты и стили, и вывести свои в том порядке котором нужно, в замен родному методу вывода.
Вопрос: Как перенести логику работы с шаблонами из Django?

Я пытаюсь перенести логику работы с шаблонами из Django в Angular, чтобы использовать роутинг ангуляра, а Django будет работать только с api. 

Если у меня есть 

 - базовый шаблон, в котором подключаются базовые скрипты, т.е. общие
   для всех,
 - есть некий index.html - расширение базового шаблона, в котором
   подключается скрипт с роутингом ангуляра и его контроллерами для
   каждой страницы,      
 - и есть два шаблона, которые должны открываться на основе правил
   роутинга ангуляра.

Какая структура должна быть у этих шаблонов, если изначально они являлись расширениями index.html, т.е. использовали его скрипты и т.д., и, соответственно, скрипты базового шаблона.

Т.е. base.html:

Код

    {% load staticfiles %}
    <!DOCTYPE html>
    ...
    подключение общих скриптов, таблиц стилей
    </html>


index.html (страница, которую отдает `Django` как домашнюю, через `urls.py`):
Код


    {% extends 'base.html' %}
    {% load staticfiles %}

    подключение скриптов, в частности, с контроллерами ангуляра, таблиц стилей, скрипт с роутингом ангуляра

template1.html (подключается через роутинг ангуляра):
Код


    {% extends 'index.html' %}
    <div ng-app="myApp">
    ...
    </div>

Ответ:
Я пытаюсь перенести логику работы с шаблонами из Django в Angular, чтобы использовать роутинг ангуляра, а Django будет работать только с api. 

Если у меня есть 

 - базовый шаблон, в котором подключаются базовые скрипты, т.е. общие
   для всех,
 - есть некий index.html - расширение базового шаблона, в котором
   подключается скрипт с роутингом ангуляра и его контроллерами для
   каждой страницы,      
 - и есть два шаблона, которые должны открываться на основе правил
   роутинга ангуляра.

Какая структура должна быть у этих шаблонов, если изначально они являлись расширениями index.html, т.е. использовали его скрипты и т.д., и, соответственно, скрипты базового шаблона.

Т.е. base.html:

Код

    {% load staticfiles %}
    <!DOCTYPE html>
    ...
    подключение общих скриптов, таблиц стилей
    </html>


index.html (страница, которую отдает `Django` как домашнюю, через `urls.py`):
Код


    {% extends 'base.html' %}
    {% load staticfiles %}

    подключение скриптов, в частности, с контроллерами ангуляра, таблиц стилей, скрипт с роутингом ангуляра

template1.html (подключается через роутинг ангуляра):
Код


    {% extends 'index.html' %}
    <div ng-app="myApp">
    ...
    </div>

Вопрос: Разные шаблоны для внутренних страниц Joomla 2.5

Есть самописанный шаблон
Дополнительно подключил подобный по структуре, но со своим оформлением 2-ой шаблон.
Поставил галочки во втором шаблоне "Привязка к пунктам меню" к нужным пунктам меню.
Меню сделано стандартным модулем меню

Однако ничего не работает. Вернее работает 1-ый шаблон, который назначен по умолчанию.

Как сделать что бы для определенных внутренних страниц использовался 2-ой шаблон.

Заранее спасибо.

Добавлено через 10 часов 53 минуты
Может какие-нить еще сведения нужны? Могу предоставить если необходимо
Ответ: нет не отключал, сейчас посмотрю где это

Добавлено через 5 минут
установил в конкретном пункте меню 2ой шаблон

У остальных пунктов меню выбран шаблон по умолчанию.
Вот во 2ом шаблоне привязал к меню

Все равно, при клике в меню на "контакты" подгружается шаблон по умолчанию
Вопрос: При установке шаблона Wordpress не видит файла стилей в загружаемом шаблоне и не устанавливает шаблон

Уважаемые специалисты, добрый день.

Подскажите, пожалуйста, почему при установке шаблона Wordpress не видит файла стилей в загружаемом шаблоне (а точнее даже в нескольких, официально полученных бесплатных с themefisher), хотя я сам вижу в папке css файлы css. Итог слепоты - неудачна установка шаблона темы.

Картинку прилагаю. На ней - окна моего проводника с демонстрацией в 5 окошечках содержимого всех папок распакованного zip-архива одного из шаблонов. Видно, какие папки и файлы там есть.

Вот что пишет WP для ряда тем, полученных от сервиса:

Извлечение файлов…
Установка темы…
Архив не удалось установить. В теме отсутствует таблица стилей style.css.
Установка темы не удалась.


Я читал, что, если не удается загрузить шаблон через админку WP, то надо попытаться сделать это через консоль хостинга. Но, с одной стороны, и так что-то не сработало, а, с другой, по-моему, это не очень нормально в принципе. Должно работать, как задумано, все. А почему не работает, непонятно что-то.

Большое спасибо.
Ответ: Уважаемые специалисты, большое спасибо.

Моя ошибка мне теперь понятна: я пытался использовать шаблон, в принципе не предназначенный для WP.

Вывод: надо быть внимательнее. )
Вопрос: Не работает Суффикс CSS-класса модуля. Joomla 3

Как я только не пробовал!

И Так:
Суффикс CSS-класса модуля:

_schedule

template.css шаблона:

CSS
1
2
3
.div.moduletable_schedule{
    width: 10px !important;
}
И Так:
Суффикс CSS-класса модуля:

schedule

template.css шаблона:

CSS
1
2
3
.schedule{
    width: 10px !important;
}
И Так:
Суффикс CSS-класса модуля:

_schedule

template.css шаблона:

CSS
1
2
3
.div.moduletable_schedule{
    width: 10px !important;
}
И Так:
Суффикс CSS-класса модуля:

_schedule

template.css шаблона:

CSS
1
2
3
.moduletable_schedule{
    width: 10px !important;
}

И Так:
Суффикс CSS-класса модуля:

_schedule

template.css шаблона:

CSS
1
2
3
moduletable_schedule{
    width: 10px !important;
}
Не работает!

Где ошибка? Куда копать?
Спасибо.
Ответ: morda77, если часть становится невидимой, значить не весь блок скрывается, скрывается только сам модуль, но не сам блок в котором он находится.
Смотрите вёрстку шаблона, тот блок, где данный модуль выводится, и ему присваивайте display: none;, тогда, не чего перекрывать не будет.

ПС. Правдо я не понимаю всего этого, что вы там пытаетесь сделать. Если скрывать блок модуля через стили, то не проще ли его отключить в админке. Если нужно его скрывать по событию, то это нужно делать по другому, к примеру если на определённых страницах его не нужно показывать, то есть вариант полностью его прятать по условию:
PHP
1
2
3
<?php if ($this->countModules('position-xxx')) : ?>
... блок модуля ...
<?php endif; ?>
В других случаях для условия, используются скажем ид и другие параметры активной страницы, что бы скрыть или показать весь блок или отдельный модуль. Как такое сделать, можно подсмотреть в дефолтном шаблоне protostar.
Вопрос: Адаптировать HTML шаблон под Joomla

Доброго времени суток! HTML, CSS изучил среднее. Думал на движок надо будет всего лишь загрузить что бы заработал код, но нет. Структуру Joomla понял как выглядит как загрузить. На 3.4.8 не смог загрузить а вот на 2.5 - да. Так проблема в том что я загрузил шаблон на 2.5. Шаблон был загружен но вот там нету ни одного кода на position.
Можете помочь юному-чайнику?!)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
    <head>
 
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <meta charset="utf-8" />
        <title>wesgcg</title>
        <link href="style/style.css" rel="stylesheet" type="text/css">
 
    </head>
    <body>
 
    <header class="header">
 
            <nav class="topMenuRight">
                <ul>
                    <li><a href="#">Заголовок 1</a></li>
                    <li><a href="#">Заголовок 2</a></li>
                    <li><a href="#">Заголовок 3/a></li>
                    <li><a href="#">Заголовок 4</a></li>
                    <li><a href="#">Заголовок 5</a></li>
                </ul>
            </nav>
 
                    <div class="share-new">
                        <a class="icon-twitter" href="#" title="Следить в Twitter!" target="_blank"></a>
                        <a class="icon-rss" href="#" title="Подписаться на rss" target="_blank"></a>
                        <a class="icon-mail" href="#" title="Подписаться по e-mail" target="_blank"></a>
                    </div>
        
 
    </header>
 
            <section id="wrapper">
                <div id="middle">
                    <div id="content">
                        <div id="colLeft">
                            <article class="postBox">
 
                                <div class="postThumb"><a href="#"><img width="630" height="198" src="image/urok1.png"/></a></div>
 
                                <h2><a href="#">Статься 1</a></h2>
 
                                <div class="info">
                                    laketych // <a href="#">метка к первой статьи</a> // 29 февраля 2016 // Комментариев: <a href="#">21</a>
                                </div>
 
                                <div class="textPreview">
                                    <p>В качестве среды разработки под Windows автор советует использовать Visual Studio 2008 (800 Мб), если у вас Windows XP, Visual Studio 2013 (6.5 Гб) для Windows 7 и выше, или Dev C++ 5 (41 Мб) для тех, у кого слишком медленный интернет для загрузки Visual Studio. Пользователям Unix-подобных систем, потребуется компилятор GCC и любой текстовый редактор, например Vim.После того, как вы установили все необходимое, приступим к написанию первой программы.</p>
                                </div>
 
                                <div class="more-link"><a href="#">Читать далее</a></div>
                            </article>
 
                            <article class="postBox">
 
                                <div class="postThumb"><a href="#"><img width="630" height="399" src="image/intelpascal2016.png"/></a></div>
 
                                <h2><a href="#">Статья Вторая</a></h2>
 
                                <div class="info">
                                    laketych // <a href="#">метка под вторую статью</a> // 29 февраля 2016 // Комментариев: <a href="#">7</a>
                                </div>
 
                                <div class="textPreview">
                                    <p>Nvidia (NASDAQ: NVIDIA) генеральный директор Джен Хуанг дал миру еще один взгляд на GPU преемника Максвелла на ее GPU Technology Conference Конференции (GTC 2015) в Сан-Хосе во вторник.
                                    Паскаль впервые было объявлено как тайна GPU между Максвеллом и Вольта на GTC в прошлом году. объявление во вторник дает нам первые конкретные детали Паскаль.</p>
                                </div>
 
                                <div class="more-link"><a href="#">Читать далее</a></div>
                            </article>
                    </div>
 
 
                <aside id="colRight">
                    <form method="get" action="/search" target="_blank">
                        <input name="q" id="form-query" value="" placeholder="Поиск...">
                        <input id="form-querysub" type=submit value="">
                    </form>
 
 
 
                    <div class="rightBox">
                        <h2>Категории</h2>  
                            <ul>
<li><a href="#" title="Программы">Программы</a></li>
<li><a href="#" title="Программы">Программы</a></li>
<li><a href="#" title="Программы">Программы</a></li>
<li><a href="#" title="Программы">Программы</a></li>
<li><a href="#" title="Программы">Программы</a></li>
<li><a href="#" title="Программы">Программы</a></li>
<li><a href="#" title="Программы">Программы</a></li>
                            </ul>
 
                        <h2>C# с нуля</h2>  
                            <ul>
<li><a href="#" title="Введение.">Урок 1</a></li>
<li><a href="#" title="Урок 2.">Урок 2</a></li>
<li><a href="#" title="Урок 3.">Урок 3</a></li>
<li><a href="#" title="Урок 4.">Урок 4</a></li>
                            </ul>
 
 
                            <h2>Программы</h2>  
                            <ul>
<li><a href="#" title="Программы">Программы</a></li>
<li><a href="#" title="Программы">Программы</a></li>
                            </ul>
                    </div>
 
 
 
                </aside>
 
                </div>
            </section>
 
            <footer id="footer">
                <div id="footerInner">
                    <div id="footerlogo">
                    </div>
                        <nav class="footernav">
                            <ul>
                                <li><a href="#">Контакты</a></li>
                                <li><a href="#">Правила</a></li>
                            </ul>
 
                        </nav>
                </div>
            </footer>
 
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
* {
    margin: 0;
    padding: 0;
}
 
body {
    width: 100%;
    height: 100%;
    color:#333;
    background: #;
    font-family: "Segoe UI", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:0.94em;
    line-height:135%;
 
}
 
aside, nav, footer, header, section { display: block; }
 
ul {
 list-style:none;
}
 
a {
 text-decoration:none;
}
 
a:hover {
 text-decoration: none;
}
 
#wrapper {
    margin-top:40px;
    width: 980px;
    margin: 0 auto;
    height: auto !important;
 }
 
.header{
    width:100%;
    background: #fa6900;
    height:57px;
    z-index: 4;
 }
 
#headerInner {
    position:relative;
    width:1200px;
    height:250px;
    margin:0 auto;
    margin-top:0px;
 }
 
.share-new {
    z-index: 1;
    position:absolute;
    right:0px;
    top:14px;
 }
 .share-new a { display:inline-block; width: 19px; height: 19px; margin: 2px 0px 2px 0; }
 
 .share-new .icon-twitter {
    background: url(../image/t.png) 0 center no-repeat;
    padding:4px 0px 0px 5px;
    font-size:17px;
    margin-right: 3px;
}
 
.share-new .icon-rss {
    background: url(../image/r.png) 0 center no-repeat;
    padding:4px 0px 0px 5px;
    font-size:17px;
    margin-right: 0px;
 
}
 
.share-new .icon-mail {
 background: url(../image/vk.png) 0 center no-repeat;
 padding:4px 0px 0px 5px;
 font-size:17px;
 margin-right: 0px;
 
}
 
.topMenuRight {
    height:57px;
    position:absolute;
    left:630px;
    top:0px;
 }
 
.topMenuRight ul li {
 background: url(../image/line.png) 0px 0px no-repeat;
 float:left;
 height: 57px;
 }
 
.topMenuRight ul {
 padding-left:0px;
 }
 
.topMenuRight ul li a{
    margin-top:0px;
    font-weight:100;
    border-right:0px solid #adadad;
    display:block;
    color:#fff;
    text-decoration:none;
    line-height:20px;
    font-size:18px;
    padding:16px 20px 21px 20px;
 }
 
.topMenuRight ul li a:hover{
    background: #fff;
    color:#555;
 }
 
#content {
    margin-top:30px;
}
 
.postBox {
    background: #e9e9e9;
    width: 630px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 50px;
 }
 
.postBox h2 a {
    font-family: "Segoe UI Semilight", "Segoe UI", Tahoma, Helvetica, Sans-Serif;
    color: #000;
    font-style: normal;
    font-weight: 100;
    font-size: 33px;
    line-height: 35px;
 -moz-transition: all 0.3s 0.01s ease;
 -o-transition: all 0.3s 0.01s ease;
 -webkit-transition: all 0.3s 0.01s ease;
 }
 
.postBox h2 a:hover {
 color: #fa6900;
 }
 
.postBox .textPreview {
    margin-left: 10px;
    width:620px;
    margin-bottom: 30px;
    position: center
}
 
.postBox .textPreview p{
 margin-top: 0;
 }
 
.postBox .postThumb{
 margin: 0px 0px 10px 0;
 }
 
.postBox .postMeta {
    padding-bottom:15px;
    clear:left;
    overflow:hidden;
}
 
.more-link a {
    border-radius: 3px;
    background: #f38630;
    margin-top: 111px;
    font-weight: 600;
    color: #fff;
    font-size:15px;
    padding:6px 25px 9px 25px;
 -moz-transition: all 0.3s 0.01s ease;
 -o-transition: all 0.3s 0.01s ease;
 -webkit-transition: all 0.3s 0.01s ease;
 margin-left: 450px;
 }
 
.more-link a:hover {
    background: #fa6900;
    color: #e0e4cc;
 }
 
#content #colLeft {
    background: #fff;
    float:left;
    width:630px;
    margin-right:0px;
 }
 
#content #colRight {
    margin-left:30px;
    float:left;
    width:300px;
    position:relative;
}
 
#form-query {
 position:relative;
 background:#eeeeee;
 border:0px solid #e4e4e4;
 width:300px;
 height:31px;
 padding:8px 10px 7px;
 font-weight:100;
 font-size:18px;
 color:#000;
 margin-bottom: 30px;
}
 
#form-querysub {
 position:absolute;
 right:15px;
 top:15px;
 width:17px;
 height:17px;
 background:url(../image/search.png) 0px 0px no-repeat;
 border:0px dashed #333;
 }
 
#form-querysub:hover {
 cursor: pointer;
}
 
.rightBox {
    margin-top:0px;
    margin-left:0px;
    width:300px;
    margin-bottom:30px;
 }
 
.rightBox h2 {
    width:300px;
    background:#f7f7f7 url(images/h2img.png) 320px 14px no-repeat;
    font-size:18px;
    font-family: "Segoe UI Semibold", Tahoma, Helvetica, Sans-Serif;
    color:#333;
    display:block;
    padding:10px 0 15px 20px;
}
 
.rightBox ul li{
    width:300px;
    padding:10px 0px;
    border-bottom:1px solid #f6f6f6;
    font-size:14px;
    line-height: 16px;
 }
 
.rightBox a {
 color:#333;
 }
 
.rightBox a:hover {
 color: #fa6900;
 }
 
#middle:after {
    content: '.';
     display: block;
    clear: both;
     visibility: hidden;
 height: 0;
}
 
#footer {
 margin-top:50px;
 height:100px;
 width:100%px;
 background: #f38630;
 }
 
#footerInner {
 position:relative;
 border:0px solid #000;
 width:1200px;
 margin:0 auto;
 height:100px;
 }
 
#footerlogo {
 position:absolute;
 left:0px;
 top:25px;
 }
 
.footernav {
 position:absolute;
 right:0px;
 top:35px;
 }
 
.footernav ul li {
 float:left;
 }
 
.footernav ul li a{
 margin-top:0px;
 font-weight:100;
 border-right:0px solid #adadad;
 display:block;
 color:#fff;
 text-decoration:none;
 line-height:20px;
 font-size:18px;
 padding:0px 0px 0px 25px;
 }
 
.footernav ul li a:hover{
 color:#333;
 }
СПАСИБО!
Ответ: Во первых, шаблон джумлы, это не чисто шаблон хтмл + позиции, что бы позиции работали, их нужно в файле templateDetails.xml прописать.
Во вторых, до 3-й ветки, шаблоны можно было не устанавливать, а просто кинуть в папку шаблонов, и использовать, а теперь так не прокатит, кинуть просто можно, но нужно будет всё равно зайти в установку расширений, сделать поиск, и установить шаблон, что бы он появился в шаблонах на выбор.

Ну и, все тонкости, что и как делать, можно подсмотреть в дефолтных beez3 и protostar, и если не понятно будет, то в сети полно статей и видео по вёрстке шаблонов с нуля, под джумлу.