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

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, потом открыл для себя этот способ.

Ссылка на комментарий

Я использую уже готовый шаблон.

Внем фоновое изображение в формате .png, а мне нужно .gif.

Где нужно поменять расширение?

Ссылка на комментарий

Просто у гиф картинки сменил расширение на пнг.

если в ксс менять расширение, то все начинает глючить и не работает.

Ссылка на комментарий

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 пользователей онлайн

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