Joomla 1.0 Помогите засунуть шаблон в макетную таблицу

то что сделано сейчас: http://iv-okprofobr.ru/
То что нужно сделать:


1) Сделать тень от сайта (соответственно мактная таблица) 3 столбца в среднем сайт в боковых тень в png формате
2) Добавить логотип в шапке СКС рядом с логотипом сайта и сделать ссылку на другой сайт. И что бы при наведении на него курсора он становился ярче и появлялся цвет.

Ребят ну кто нито помогите! Пожалуста =) не заржавеет за мной. ПЛИИИЗ!

 

Привет. подсказать могу что делать, а именно:
пару div-ов выше wrappera
один див - левый градиент
второй див - правый градиент

в которых градиент это бекраунд (background: transparent url('../images/bg-l.png') repeat-y) горизонтальной полоской в 1 пиксель растянутый по оси y (repeat-y)

+ первый два дива шириной сделать равной: ширина текущего wrapper-а(950px) + ширина левого градиента + ширина правого градиента + 2 отступа по примерно 4 пикселя слева и справа

т.е. получается примерно следующее:

css:

Код (PHP):

1. #grad_left{
2. width: 1000px;
3. background: transparent url('../images/grad_l.png') repeat-y left top;
4. margin:0 auto;
5. }
6.  
7. #grad_right {
8. width: 1000px;
9. background: transparent url('../images/grad_r.png') repeat-y right top;
10. padding: 0 25px 0 25px;
11. }
12.  
13. #ja-wrapper {
14. margin: 0px;
15. }

а html:

Код (PHP):

1. <div id="grad_left"><div id="grad_right">
2. <div id="ja-wrapper">
3. ... остальное содержимое шаблона
4. </div>
5. </div></div>

 

А насчет лого:
нужно див размерный вставить или img в шаблоне после тега h1 с классом "logo"

 

Примерно понял о чем ты. Но вопрос. если центр не помещать таблицу то будет косяк если сменить фон. Т.к. в голове фон как бы прозрачный...

 

поэтому наверное нада ещё один столбец. как бы 3 столбца. 2 тени а по центр белую полоску под само тело сайта.

 

progmist, сделал так как Вы сказали. Ничего не наблюдаю... Все так как было. Градиенты залил в images/. Прописал их в TemplateDetals..


www.iv-okprofobr.ru/templates/ja_edenite/css/template.css
www.iv-okprofobr.ru/templates/ja_edenite/index.php

 

поэтому нужно делать картинки png c прозрачностью

 

я посмотрел на сайт. файлы градиентов нашел в корневой images а нужно чтобы они лежали в templates/ja_edenite/images

 

и еще поправьте сss:

#grad_right {
width: 950px;
background: transparent url('../images/grad_r.png') repeat-y right top;
padding: 0 25px 0 25px;
}

 

Заработало! Как мне Вас отблагодарить?
Осталось 2 вопроса:

Если сменить фон то выше меню фон то же сменится. а ниже останется белый. Как исправить это?
Как сделать картинку ещё одну в шапке? Для того что бы она становилась ярче и цветной при наведении наверное лучше сделать ее во flash? или можно JAVA скрипт?

Заранее благодарю!

 

лучше конечно благодарить на webmoney R836932748651

ну или хотя бы плюсик к форуму, а если есть акк на фрилансе, то можно туда отзыв оставить, моя страница http://free-lance.ru/users/progmist )))

картинку при наведении не обязательно делать flash можно использовать две разных картинки:
одна серая (logo_1.jpg) - другая яркая (logo_2.jpg) - при наведении использовать возможности css

т.е.
например так:
.logo {
background: transparent url('../images/logo_1.jpg') no-repeat;
width: 100px; /* здесь необходимо поставить ширину изображения */
height: 100px; /* здесь необходимо поставить высоту изображения */
}

.logo:hover {
background: transparent url('../images/logo_2.jpg') no-repeat;
width: 100px; /* здесь необходимо поставить ширину изображения */
height: 100px; /* здесь необходимо поставить высоту изображения */
}


по первому вопросу я так понял вы про футер -

в css измените

#ja-footer {
border-top:1px solid #E7E8E6;
color:#626A69;
height:114px; /* вот это я добавил */
padding:20px 0 0;
position:relative;
text-align:center;
}

 

Хорошо. А сколько отправить на вебмани?

 

да сколько не жалко (спасибо )

 

Вам спасибо. На днях доберусь до платежного автомата =)

 

Вопрос по поводу шапки так и не понял. Вот кусок кода из CSS и из PHP

css:

Код (PHP):

1. #ja-header a {
2. }
3.  
4. h1.logo, h1.logo-text {
5.     margin: 0;
6.     padding: 0;
7.     font-size: 200%;
8. }
9.  
10. h1.logo a {
11.     width: 435px;
12.     display: block;
13.     background: url(../images/logo.gif) no-repeat;
14.     position: absolute;
15.     height: 42px;
16.     bottom: 15px;
17.     left: 0;
18. }
19.  
20. >>>>Вот это добавил я. но что дальше я не представляю.>>>>
21.     h1.logo1 a {
22.     width: 64px;
23.     display: block;
24.     background: url(../images/logo_SKS.gif) no-repeat;
25.     position: absolute;
26.     height: 42px;
27.     bottom: 15px;
28.     left: 0;
29. }
30. h1.logo a span {
31.     position: absolute;
32.     top: -1000px;
33. }
34.  
35. h1.logo-text a {
36.     text-decoration: none;
37.     outline: none;
38.     position: absolute;
39.     bottom: 35px;
40.     left: 15px;
41. }
42.  
43. p.site-slogan {
44.     margin: 0;
45.     padding: 0;
46.     color: #858783;
47.     position: absolute;
48.     bottom: 20px;
49.     left: 15px;
50. }

php:

Код (PHP):

1. <!-- BEGIN: HEADER -->
2. <div id="ja-header" class="clearfix">
3.  
4.     <?php
5.         $siteName = $tmpTools->sitename();
6.         if ($tmpTools->getParam('logoType')=='image') { ?>
7.         <h1 class="logo">
8.             <a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
9.         </h1>
10.     <?php } else {
11.         $logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
12.         $sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText');  ?>
13.         <h1 class="logo-text">
14.             <a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a> 
15.         </h1>
16.         <p class="site-slogan"><?php echo $sloganText;?></p>
17.     <?php } ?>
18.     <?php if (mosCountModules('top')) { ?>
19.     <div id="ja-login">
20.         <?php mosLoadModules('top', 0); ?>
21.     </div>
22.     <?php } ?>
23.    
24. </div>
25. <!-- END: HEADER -->