Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 15 Ответов
  • 3432 Просмотров
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Шаблон с фоном
« : 14.08.2012, 23:02:35 »
Здравствуйте, господа!
Подскажите чайнику ! есть ли шаблон, где можно установить подложкой картинку в png, размером 800 на 600, а остальное залить фоном под цвет картинки, или как сделать такой шаблон. Я понятно спросил?
*

Marques

  • Завсегдатай
  • 1410
  • 190 / 9
  • Ctrl+F5
Re: Шаблон с фоном
« Ответ #1 : 15.08.2012, 00:02:11 »
Выбирайте любой, как выберите - пишите что за шаблон, если известен многим, то подскажут быстро.
В каждом шаблоне это сделать можно, но к каждом это делается по разному.
Вот к примеру неплохой шаблон - демо - http://cloudbase2demo17.cloudaccess.net/
Скачать здесь - http://www.cloudaccess.net/component/sobipro/?task=download.file&fid=70.71&sid=40&Itemid=0
Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru
*

v-idea

  • Захожу иногда
  • 210
  • 35 / 0
Re: Шаблон с фоном
« Ответ #2 : 15.08.2012, 02:28:43 »
Добрый!
Вообще это сделать очень просто! Для этого понадобится минимальное знание CSS. Коль совсем с этим туго, тут действительно могут быстро подсказать!
Например в приведённом примере в шаблоне Cloudbase это реализовано так:
в CSS прописан стиль для основного тега body

Код: css
body { background: url("/templates/ca_cloudbase2_j25/images/patterns/pattern_1.png") repeat scroll left top #0E96CF; }

где

url("/templates/ca_cloudbase2_j25/images/patterns/pattern_1.png") - это путь к картинке фона (в зависимости где лежит изображение) относительно корневой директории т.к. данный стиль прописан динамически в файле index.php шаблона (/templates/ca_cloudbase2_j25/index.php). Но обычно указывается относительно CSS файла. Т.е. если стиль будет прописан в /templates/ca_cloudbase2_j25/css/template.css, то путь уже указывается так:  url("../images/patterns/pattern_1.png"). Подробнее тут.

repeat - повторять картинку (использовать заливку), идёт по умолчанию т.е. можно не прописывать.  Также есть no-repeat - не повторять, repeat-x - повторять по горизонтали и соответственно  repeat-y - повторять по вертикали. Подробнее тут.

scroll - прокручивать вместе со страницей (идёт также по умолчанию) или можно зафиксировать указав fixed. Подробнее тут.

left top - положение картинки относительно окна браузера. В данном случае изображение будет прижато к левой и верхней стороне. Также идёт по умолчанию можно не прописывать. Соответственно также допустимые значения: center, right, bottom. Подробнее тут.

#0E96CF - это цвет заливки. По умолчанию идёт просто без цвета (прозрачный). Подробнее тут. Выбрать цвет можно здесь.

И если ещё что-то не понятно, то посмотреть тут.

Надеюсь теперь всё понятно даже новичку!
Удачи!
Русифицированный компонент Widgetkit v1.0.2_27.02 Joomla! | Классический шаблон Rhuk Milkyway Ext 25 для Joomla 1.6/1.7/2.5/3.0
*

Marques

  • Завсегдатай
  • 1410
  • 190 / 9
  • Ctrl+F5
Re: Шаблон с фоном
« Ответ #3 : 15.08.2012, 02:37:42 »
Добавлю, что в панели управления можно менять прописанный pattern_1.png на несколько других (можно прописать и свои) и если в папку /images/patterns/ положить свои фоны, сохранив оригинальные названия, то можно легко их менять через адмнику шаблона. Так же в админке этого шаблона можно менять и фон, который там прописан шестнадцатеричным числом вида #123456

По поводу общего принципа для всех шаблонов v-idea просто отлично все вам объяснил.
Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Re: Шаблон с фоном
« Ответ #4 : 15.08.2012, 11:55:47 »
Спасибо! вот операционку и все прооги на новый комп поставлю и обязательно попробую *DRINK*
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Re: Шаблон с фоном
« Ответ #5 : 19.08.2012, 16:01:17 »
А где в шаблоне ca_cloude искать этот CSS?  Вот template.css по адресу сайт/templates/ca_cloudbase2_j25/css/ начинается с
/* CloudBase 2.0 overrides for Gantry Framework */

/* Basic styles */
body {color: #333;}
#rt-header, #rt-bottom {color: #333333;}
.rt-container {background: #fff;}
.rt-article a{text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
#rt-footer, #rt-copyright, #rt-copyright a {color: #333333;}
#rt-sidebar-a {background-color: transparent;}
#rt-sidebar-b {background-color: transparent;}
#rt-sidebar-c {background-color: transparent;}
#gantry-viewswitcher {margin: 0 auto 1em;position: relative;}
#rt-accessibility .button{
   padding: 0px;
}
сюда вставлять  изменения или я что-то путаю?
*

v-idea

  • Захожу иногда
  • 210
  • 35 / 0
Re: Шаблон с фоном
« Ответ #6 : 20.08.2012, 04:27:31 »
Уважаемый golfstream!

Если Вы используете шаблон Cloudbase, то Вам же Marques написал:

Цитировать
Добавлю, что в панели управления можно менять прописанный pattern_1.png на несколько других (можно прописать и свои) и если в папку /images/patterns/ положить свои фоны, сохранив оригинальные названия, то можно легко их менять через адмнику шаблона. Так же в админке этого шаблона можно менять и фон, который там прописан шестнадцатеричным числом вида #123456

и соответственно уже нет необходимости лезть css-файлы. Фон спокойно можно поменять через настройки шаблона!

А я Вам объяснил как это делается в стандартных шаблонах.
А так в принципе Вы правильно нашли стиль body {} в файле сайт/templates/ca_cloudbase2_j25/css/template.css. Но только выше написанное мной тут вам не поможет, ибо повторюсь, что фон прописывается динамически через настройки шаблона. Товарищ, Вам туда!) А именно в "Админка - Панель управления" -> "Расширения" -> "Менеджер шаблонов" -> "ca_cloudbase2_j25"
Русифицированный компонент Widgetkit v1.0.2_27.02 Joomla! | Классический шаблон Rhuk Milkyway Ext 25 для Joomla 1.6/1.7/2.5/3.0
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Re: Шаблон с фоном
« Ответ #7 : 20.08.2012, 11:12:23 »
Спасибо за ответы. Всем спасибо. Но всё таки можно ли залить чем-то своим области 1 и 2 см. вложенный рисунок[imghttp://][/img]

[вложение удалено Администратором]
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Re: Шаблон с фоном
« Ответ #8 : 20.08.2012, 16:42:28 »
ВОт поменял я pattern_1, а не то получается. Я хочу эту пони в середину, в центральное окошко, а не фоном, который с маленького разрешения и не видно вовсе
 
*

Marques

  • Завсегдатай
  • 1410
  • 190 / 9
  • Ctrl+F5
Re: Шаблон с фоном
« Ответ #9 : 20.08.2012, 16:51:08 »
Вот центральный фон.

ваш_сайт/templates/ca_cloudbase2_j25/images/background/content-background.png

Учите CSS и HTML, иначе на все вопросы вам не ответят. Firebag+Firefox+http://htmlbook.ru/ вам в помощь.
Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Re: Шаблон с фоном
« Ответ #10 : 20.08.2012, 17:08:47 »
Поменял я content- background а его все нету, извините за назойливость.
*

Marques

  • Завсегдатай
  • 1410
  • 190 / 9
  • Ctrl+F5
Re: Шаблон с фоном
« Ответ #11 : 20.08.2012, 17:14:54 »
Очистка кеша браузера (Ctrl+F5) и кеша Joomla поможет вам, если же конечно правильно поменяли...
Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Re: Шаблон с фоном
« Ответ #12 : 20.08.2012, 19:03:04 »
Ваша правда - кэш везде почистил - и налнаписаноадилось! Конь там есть. А вот прозрачным сделать то центральное окошко, где home написано.
*

Marques

  • Завсегдатай
  • 1410
  • 190 / 9
  • Ctrl+F5
Re: Шаблон с фоном
« Ответ #13 : 20.08.2012, 19:08:07 »
Орешек знаний твёрд, но всё же
мы не привыкли отступать!
Нам расколоть его поможет
киножурнал «Хочу всё знать!»
(© Игорь Раздорский)

Firebag+Firefox+http://htmlbook.ru/

;)
Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru
*

golfstream

  • Захожу иногда
  • 139
  • 0 / 0
Re: Шаблон с фоном
« Ответ #14 : 20.08.2012, 19:18:55 »
Чудный стих, но искать-то где? Заменять какой-то пинг или убирать какой-то цвет в настройках шаблона?
*

v-idea

  • Захожу иногда
  • 210
  • 35 / 0
Re: Шаблон с фоном
« Ответ #15 : 21.08.2012, 16:28:19 »
Спасибо за ответы. Всем спасибо. Но всё таки можно ли залить чем-то своим области 1 и 2 см. вложенный рисунок

Про №2 по аналогии с моим постом, только Вам надо прописать свойство background: в сайт/templates/ca_cloudbase2_j25/css/template.css строка 51
Код: css
#rt-mainbody .component-content
{
    background: url("../images/my_images.jpg");     
    border: 1px solid #DCDCDC;
    overflow: hidden;
    padding: 15px;
}

соответственно предварительно положим своё изображение в папку сайт/images/my_images.jpg
Русифицированный компонент Widgetkit v1.0.2_27.02 Joomla! | Классический шаблон Rhuk Milkyway Ext 25 для Joomla 1.6/1.7/2.5/3.0
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать свой шаблон quickstart?

Автор saiskyi

Ответов: 3
Просмотров: 6781
Последний ответ 19.02.2020, 19:29:01
от Bozhkov2
Как настроить шаблон?

Автор tromba

Ответов: 2
Просмотров: 4203
Последний ответ 15.08.2018, 15:29:56
от tromba
Как загрузить шаблон, и сделать его только для одной страницы?

Автор Ирина Поехали

Ответов: 5
Просмотров: 2182
Последний ответ 05.06.2017, 21:15:42
от effrit
Как вставить рекламу в мобильный шаблон ja_edenite?

Автор gorbi_U

Ответов: 3
Просмотров: 1962
Последний ответ 02.06.2017, 08:43:26
от gorbi_U
Шаблон JA_Edenite joomla2.5

Автор askvrk2

Ответов: 6
Просмотров: 3106
Последний ответ 29.05.2017, 09:29:08
от gorbi_U