Фильтр по:
  

Здравствуйте. помогите пожалуйста разобраться, шаблон на JA

Вопросы/ответы на тему верстки

  • Страница 1 из 1
  • 1
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему верстки » Здравствуйте. помогите пожалуйста разобраться, шаблон на JA (Здравствуйте. помогите пожалуйста разобраться, шаблон на JA)
Здравствуйте. помогите пожалуйста разобраться, шаблон на JA
Дата: Воскресенье, 29.08.2010, 19:50 |
Рядовой
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте. помогите пожалуйста разобраться, шаблон на JA Purity у картинки не могу добиться нормального положения.

Изначально делал на расширении монитора 1280- 1024 и всё в норме вот

Но если расширение меньше, то картинка съезжает так

Если больше тоже пример

http://loc.kz/

Оригиналы картинок:
http://img825.imageshack.us/img825/2065/norma.jpg
http://img841.imageshack.us/img841/862/kosyk1.jpg
http://img203.imageshack.us/img203/4292/kosyk2.jpg

Прикрепления: 4286416.jpg (99.0 Kb) · 4741466.jpg (92.4 Kb) · 9428375.jpg (80.9 Kb)

Сообщение отредактировал likbezz - Воскресенье, 29.08.2010, 20:36
 
Дата: Воскресенье, 29.08.2010, 20:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 arnish,
Добрый ...
Quote (arnish)
шаблон на JA Purity у картинки не могу добиться нормального положения.

- то есть вам нужно при любом мониторе - по центру? - я правильно понял? ....
Вот так, что ли?
☑ Клик ....
Quote (CSS)
#ja-header{background: url(http://loc.kz/templates/ja_purity/images/header/header1.jpg) no-repeat center top;}

... Ух-ты, вы mootools юзаете ... И как? ...
...
Блин, красивый код ... ヅ...


Flesh
Прикрепления: loc-kz.html (37.8 Kb)

 
Дата: Воскресенье, 29.08.2010, 21:38 |
Рядовой
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Статус: Offline


 Да вы совершенно правы, при любом расширении мониторе - по центру
«Ух-ты, вы mootools юзаете ... И как? ...» мозги кипят последние 3-и дня, бьюсь, как рыба об лёд не чего не выходит. Помогите пожалуйста.

Добавлено (29.08.2010, 21:38)
---------------------------------------------
Я тут штудировал форум и если всё правильно понял, то можно сделать с помощью вашего скрипта

Code

<script type="text/javascript">  
document.write('<style>');  
if (x <= 1000) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/800x600.jpg);width:'+x+'px; height:'+y+'px;}');}  
if (x >= 1000 && x < 1200) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1024x768.jpg);width:'+x+'px; height:'+y+'px;; }');}  
if (x >= 1200 && x < 1480) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1440x900.jpg);width:'+x+'px; height:'+y+'px;}');}  
if (x >= 1441) {document.write('#clientWidth{background:url(http://denis-osadchiy.at.ua/Fon/1/1600x1200.jpg);width:'+x+'px; height:'+y+'px;}');}  
document.write('<\/style>');

Илии я ошибаюсь?

 
Дата: Понедельник, 30.08.2010, 02:17 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 arnish,
Quote (arnish)
Да вы совершенно правы, при любом расширении мониторе - по центру

- И? ... пример смотрели?
...
Quote (arnish)
Я тут штудировал форум и если всё правильно понял, то можно сделать с помощью вашего скрипта

ヅ - не самый хороший вариант ... А что вы хотите сделать? ... Конкретно. Зачем вам менять картинку при разрешении - можно просто её сделать пошире, если не закрывает фон. Тем более этот скрипт вообще сырой.



Flesh

 
Дата: Понедельник, 30.08.2010, 08:57 |
Рядовой
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Статус: Offline


 Да спасибо пример посмотрел

Редактировал HTML Дописал

Code

<!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="ru-ru" lang="ru-ru">

<head>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <meta name="robots" content="index, follow" />
   <meta name="keywords" content="joomla, Joomla" />
   <meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
   <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
   <title>Главная страница</title>
   <link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
   <link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
   <link href="/templates/ja_purity/favicon.ico" rel="shortcut icon" type="image/x-icon" />
   <script type="text/javascript" src="/media/system/js/mootools.js"></script>
   <script type="text/javascript" src="/media/system/js/caption.js"></script>

<link rel="stylesheet" href="http://loc.kz/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="http://loc.kz/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="http://loc.kz/templates/ja_purity/css/template.css" type="text/css" />

<script language="javascript" type="text/javascript" src="http://loc.kz/templates/ja_purity/js/ja.script.js"></script>

<script language="javascript" type="text/javascript">
var rightCollapseDefault='show';
var excludeModules='38';
</script>
<script language="javascript" type="text/javascript" src="http://loc.kz/templates/ja_purity/js/ja.rightcol.js"></script>

<link rel="stylesheet" href="http://loc.kz/templates/ja_purity/css/menu.css" type="text/css" />

<!--[if IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->

<style type="text/css">
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: 100%;margin: 0 auto;}
#ja-wrapper {min-width: 100%;}
</style>
</head>

И в template.css

Code
#ja-header{background: url(http://loc.kz/templates/ja_purity/images/header/header1.jpg) no-repeat center top;}

Но изменений нет, к сожалению.
Может я , что не так делаю?

 
Дата: Понедельник, 30.08.2010, 14:40 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 arnish,
Quote (arnish)
Может я , что не так делаю?

... Да... а чё у вас с картинкой шапки случилось? - чё такая растянутая? ...
Вот ... моя версия ...
☑ Клик .... (с нормальной шапкой) ...

Вот CSS - template.css

Quote (CSS)
/*Start(StilesByLikbezz)*/
#ja-wrapper {min-width: 100%;}
#ja-headerwrap{background: #001e4d;color: #CCCCCC;line-height: normal;height: 182px;} /* «182» своё значение = высоте шапки */
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer{width:100%;margin:0 auto;}
#ja-header{background: url(http://likbezz.ucoz.ru/_example/sites/loc-kz/mHeader_v2.jpg) no-repeat center top;position:relative;height:182px;}
/*End(StilesByLikbezz)*/

- Найдите у себя и поправьте.
Мои стили прокоментированны. (/*Start(StilesByLikbezz)*/)
...
И шапку поправьте - не смотрится .... ヅ


Flesh
Прикрепления: loc-kz_v2.html (37.7 Kb)

 
Дата: Вторник, 31.08.2010, 13:38 |
Рядовой
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Статус: Offline


 Здравствуйте
в файле template.css добавил
Code
/* HEADER
--------------------------------------------------------- */
/*Start(StilesByLikbezz)*/
#ja-wrapper {min-width: 100%;}
#ja-headerwrap{background: #001e4d;color: #CCCCCC;line-height: normal;height: 150px;}
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer{width:100%;margin:0 auto;}
#ja-header{background: url(../images/header/header1.jpg) no-repeat center top;position:relative;height:150px;}
/*End(StilesByLikbezz)*/

/.ja-headermask {
  width: 602px;
  display: block;
  background: url(../images/header-mask.png) no-repeat top right;
  height: 80px;
  position: absolute;
  top: 0;
  right: -1px;
}/

#ja-header a {
  color: #CCCCCC;
}

h1.logo, h1.logo-text {
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 180%;
  text-transform: uppercase

кроме как в файле template.css , ещё где не будь менять что то надо?

Добавлено (31.08.2010, 13:33)
---------------------------------------------
Единственное, уменьшил картинку на 150

Добавлено (31.08.2010, 13:38)
---------------------------------------------
Но всё равно всё съезжает sad

 
Дата: Среда, 01.09.2010, 09:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 arnish,
Ну из кода-то удалите ... - Из шаблона ... Вот это:

Quote (HTML)
<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
<div id="ja-header" class="clearfix" style="background: url(http://loc.kz/templates/ja_purity/images/header/header1.jpg) no-repeat top right;">


Flesh

 
Дата: Среда, 01.09.2010, 11:20 |
Рядовой
Группа: Пользователи
Сообщений: 5
Награды: 0
Репутация: 0
Статус: Offline


 Огромное спасибо, что ткнули носом biggrin
Я уже не чего не вижу, всё получилось
holiday

 
Дата: Среда, 01.09.2010, 14:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 arnish,
Quote (arnish)
всё получилось

... И не сомневался ... ヅ

Quote (arnish)
спасибо, что ткнули носом

- Обращайтесь ... biggrin Я спец по “тыканью носом” ... biggrin


Flesh

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Вопросы/ответы на тему верстки » Здравствуйте. помогите пожалуйста разобраться, шаблон на JA (Здравствуйте. помогите пожалуйста разобраться, шаблон на JA)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия