Перейти к содержанию

Joomla! обсуждаем здесь


Рекомендуемые сообщения

Опубликовано
right:1500px;
???

у тебя что экран 26 дюймов? или больше? Картинка слева за пределами экрана появляеться, поэтому и не видишь её.

Кстати я в таких ситуациях прописываю не в индекc файле, а в модуле mod_custom (Произвольный HTML-код)

поскольку ты в индекс файле вставляеш, то и путь должен быть относительно индекса:

а я так понимаю картинка лежит у тебя в папке templates/название шаблона/images/dragon.gif ?

а в строчке, которую ты вставляше в индекс, там позиция фиксид почему то, надо ведь абсолют.

вобщем я предлагаю тебе сделать следующим образом:

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

тебе нужно обернуть это в див (хотя можно и самой картинке либо класс либо id прописать):


dragon.gif

можно конечно и id, просто я привык через класс, а существенной разницы в этом нету.

далее в таблице стилей:


.dragon img {
position:absolute;
top:100px;
right:150px;
width:591px;
height:827px;
}

размеры картинки можно не в стилях, а в модуле отрегулировать, это уже на твоё усмотрение.

Опубликовано

Зароботало все!!! Это просто наверное сервер тупил или браузер.А я мозги весь вечер напрягал))konst-ars все равно спасибо за развернутый ответ!!

Опубликовано

Да, помещение в div и приписка к нему стиля очень хорошо помогает расположить элемент на странице. Помнится вчера долго не мог выровнять кнопку Like от Facebook, потом открыл для себя этот способ.

Опубликовано

Обычно фоновое изображение задаётся через таблицу стилей, посмотри там, залезь в фаербаг, найди строчку и поменяй.

Опубликовано

body {
background-color: #000;
background-image: url("../images/Bottom_texture.jpg");
background-position: left top;
background-repeat: repeat;
}

первая строка - цвет фона

вторая картинка фона

третья - позиция картинки фона

четвёртая - повторение фона по вертикали и горизонтали

Опубликовано

Мне вот что охото узнать!!Я хочу загрузить картинку на фон(серый) сайта в конкретное место шаблона.Как это сделать? Если делать позиционированием то в разных браузерах отображается по разному, да и от разрешения экрана тоже зависит.А я хочу чтобы картинка была единым целым с шаблоном. Конечно еслиб я вник хоть немного как люди делают шаблоны, то вопрос бы отпал,но решил сначало здесь поинтересоваться.

1.gif

Добавлено спустя 18 минут 44 секунды:

konst-ars,а если и так ощий фон эта картинка?

Опубликовано

Не очень понимаю вопрос. Картинку фоновую можно в любое место загрузить, главное адрес к файлу верно указать.

Если фон только для конкретного места, то лучше обернуть его див, привязать класс и через стили настроить позицию, проще всего это сделать через модуль mod_costom. Если нормарный редактор то в самом модуле и стили прописать можно.

по поводу как позиционировать, это вопрос сложный всё зависит от конкретной ситуации. обычно это делается по тому же принципу что и сам шаблон, то есть если он позиционирован через % (в народе - резиновый) то и картинку надо настраивать %, а если в пикселях, то в пикселях. если был бы сайт на хостинге я б подсказал конкретнее.

последний вопрос вообще не понял. Цвет фона можно не задавать.

Опубликовано

konst-ars вот эта все понятно!

body {

background-color: #000;

background-image: url("../images/Bottom_texture.jpg");

background-position: left top;

background-repeat: repeat;

}

Просто фоном всего и так стоит картинка. А как быть если надо еще поместить картинку в конкреное место сайта(которое указал в спойлере)

Вот адрес сайта на хостинге korp-meb.ru

Опубликовано

Используй абсолютное позиционирование position:absolute;

В твоем случае можно в

"засунуть" картинку.

Получится так:

myPic.jpg

и добавь стилей

#header {position:relative;}

#mypic {position:absolute; left:-100px;}

Опубликовано
Используй абсолютное позиционирование position:absolute;

В твоем случае можно в

"засунуть" картинку.

Получится так:

myPic.jpg

и добавь стилей

#header {position:relative;}

#mypic {position:absolute; left:-100px;}

Можно просто:

#mypic {position:relative; left:-100px;}

Опубликовано
Используй абсолютное позиционирование position:absolute;

В твоем случае можно в

"засунуть" картинку.

Получится так:

myPic.jpg

и добавь стилей

#header {position:relative;}

#mypic {position:absolute; left:-100px;}

Можно просто:

#mypic {position:relative; left:-100px;}

Можно и так, но в примере с сайтом korp-meb.ru следует добавить #header {text-align: left;} т.к. в header-e выравнивание по центру стоит :)

  • 2 недели спустя...
Опубликовано

Друзья, скажите пожалуйста как на этом шаблоне - http://salon.mechtaika.ru/ модуль с меню уменьшить? Хочу его сделать уже, а блок с текстом шире. Никак не могу где это задается(

Опубликовано

В самом ХТМЛе у тебя

- style="width:100%" убрать надо, + в ксс layout.css 81 строка #ja-right .ja-r1 .ja-col { тут вместа 100% сделай 260px допустим}

Добавлено спустя 2 минуты 19 секунд:

а чтоб сделать текст шире а колонку правую уже

- увеличь проценты

- а тут уменьши

- это где то в ХТМЛе шаблона ищи

Добавлено спустя 2 минуты 6 секунд:

А лучше - возьми и переверстай шаблон заново. А то там все "нагорожено", проще надо быть ))

Опубликовано

Здравствуйте, создал на днях свой первый шаблон для Joomla 1.7, но сделать нормальные вкладки (tabs) не смог. На сайте есть главное горизонтальное меню, которое оформлено в виде вкладок. Каждая вкладка открывает новый раздел, в котором есть своё вертикальное меню.

Как сделать так, чтобы выбранная вкладка всегда показывала на определённый раздел?

На HTML-то это легко получается. Но на php всё одного цвета.

Novyiy_tochechnyiy_risunok.png

Была идея проверять в модуле наличие определённого меню на странице, но не знаю как это закодить.

Опубликовано

joomla1.PNG

Настоятельно рекомендую научиться пользоваться фаербагом :)

Из кода видно, что джумла дает понять нам, какой пункт меню в данный момент активен (li.active) - вот и применяйте к такому элементу стили для подсветки меню.

Опубликовано

ОК, баг фиксанул.

/* Характеристики активной вкладки */
.hor_menu .active a {
background: white !important;
}

Однако здесь ещё одна беда: на всей странице может быть активным (выбранным в данный момент) только один элемент списка, даже если меню несколько. Я ищу решение в направлении запрашивания у модуля информации о том, на какой странице он опубликован. Но знаний функций/методов Joomla и php катастрофически не хватает. Вернее сказать, они никакие.

Опубликовано

У меня вопрос)

http://servis-tr.ru/index.php?option=com_content&view=article&id=16&Itemid=17

Внизу форма - первая строка без отступа идет.

Просто я тегу P указал text-intend: 30px

А первая строка в форме без отступа... Компонент формы - CKforms

Опубликовано

Первая строка не в

находится ведь.

Посоветовал бы text-indent:0; сделать и не париться )

Или если сильно уж хочется делать text-indent - делать это следует не у всех

элементов а только у тех, которым это нужно. По логике отступы нужны на текстовых страничках.

Вот и сделай text-indent непосредственно у

.article p {text-indent:30px;}

Опубликовано

tumerbaatar, насколько я знаю, по умолчанию всегда активен только один пункт меню. Если хотите это как-то изменить, то нужно перегружать вывод ядра Джумлы в шаблоне или в модуле. тут конечно без знания движка, не говоря уже о языке программирования, не обойтись.

Пожалуйста, войдите, чтобы комментировать

Вы сможете оставить комментарий после входа в



Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...