[Помогите] немного изменить Шаблон

Podmasteri · 25 янв 2013

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

Скрытый контент. Для просмотра Вы должны быть зарегистрированным участником.
Нажмите, чтобы раскрыть...

Zulus · 25 янв 2013

В файле template.css можете добавить код:
Спойлер
Код:
body {
	background-image: url('../images/ваше_изображение.jpg');
	background-repeat: no-repeat;
	background-position: top center;
  }
У вас надо это добавит примерно в 10 строке, после body {
"ваше_изображение.jpg" соответственно то изображение, что надо поместить в папку templates/Ваш_шаблон/images (не путать с папкой изображений в корне сайта)

Примерно так должно у вас быть:
Спойлер
Код:
body {
	background-image: url('../images/ваше_изображение.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	color: #000000;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	ну и то что у вас дальше идет
  }

Podmasteri · 25 янв 2013

блин выкладываю сам код , несооброжу чёт подтупливаю

Спойлер

/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: [email protected]
---------------------------------------------------------------*/

/*********************** DEFAULT JOOMLA STYLES ***********************/

/**registration, login**/

span.star, strong.red, .invalid {
color: #ff0000;
}

div.login fieldset {
border: none;
}

div.registration fieldset,
div.profile fieldset,
div.profile-edit fieldset,
div.remind fieldset,
div.reset fieldset,
div.login fieldset,
div.edit fieldset {
margin: 0 0 10px 0;
border: 1px solid #000;
padding: 10px;
}

div.registration fieldset legend,
div.profile fieldset legend,
div.profile-edit fieldset legend,
div.edit fieldset legend {
font-weight: bold;
}

div.registration form#member-registration fieldset dt,
div.profile form#member-profile fieldset dt,
div.profile fieldset#users-profile-core dt,
div.profile fieldset#users-profile-custom dt,
div.profile-edit form#member-profile fieldset dt,
div.remind fieldset dt,
div.reset fieldset dt {
float: left;
clear: both;
padding: 2px;
margin: 0;
min-width: 250px;
line-height: 26px;
}

div.registration form#member-registration fieldset dd,
div.profile form#member-profile fieldset dd,
div.profile fieldset#users-profile-core dd,
div.profile fieldset#users-profile-custom dd,
div.profile-edit form#member-profile fieldset dd,
div.remind fieldset dd, div.reset fieldset dd {
float: none;
padding: 2px;
margin: 0;
line-height: 26px;
}

.registration dl dt:first-child {
width: 100% !important;
}

div.formelm label,
div.formelm-area label {
display: inline-block;
min-width: 200px;
}

div.formelm img {
vertical-align: middle;
margin: 0 5px;
}

div.formelm-buttons {
padding: 10px 0;
}

div.login-fields {
padding: 5px 0;
}

fieldset.userdata {
border: none;
padding: 0;
margin: 0;
}

div.registration label {
display: inline-block;
min-width: 200px;
}

.login-fields label#password-lbl,
.login-fields label#username-lbl {
min-width: 100px;
display: inline-block;
}

/**buttons, inputs**/

input.button, button.validate, button {
border: none;
color: #fff;
font-size: 11px;
font-weight: normal;
margin: 0 0 0 5px;
padding: 3px 5px;
vertical-align: middle;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
cursor: pointer;
}

.inputbox, input.validate-password, input.validate-username, input.required {
border: 2px solid #c4c4c4;
font-size: 11px;
font-weight: normal;
color: #000;
margin: 3px 0;
padding: 2px 0 2px 2px;
vertical-align: middle;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #000;
}

input#modlgn-remember {
margin: 0 10px 0 0;
padding: 0;
border: 0;
background: none;
}

#form-login-username label,
#form-login-password label {
width: 100px;
display: inline-block;
}

.userdata input.button {
margin: 10px 0;
}

/**page navigation**/

ul.pagenav {
list-style-type: none;
padding: 0;
margin: 20px 0 0 0;
}

ul.pagenav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

ul.pagenav {
display: inline-block;
}

/* Hides from IE-mac \*/ * html ul.pagenav {
height: 1%;
}

ul.pagenav {
display: block !important;
}

ul.pagenav li {
display: inline;
padding: 0px;
margin: 0;
background: none;
}

ul.pagenav li a {
color: #fff;
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 1px 5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
cursor: pointer;
text-decoration: none;
display: block;
}

ul.pagenav li.pagenav-prev {
float: left;
}

ul.pagenav li.pagenav-next {
float: right;
}

/**pagination**/

div.pagination {
margin: 10px 0;
padding: 10px 0;
text-align: center;
clear: both;
}

div.pagination ul {
list-style-type: none;
margin: 0;
padding: 0;
}

div.pagination li {
display: inline;
padding: 2px;
margin: 0 2px;
background: none;
}

.pagenav {
padding: 2px
}

div.pagination li.pagination-start,
div.pagination li.pagination-next,
div.pagination li.pagination-end,
div.pagination li.pagination-prev {
border: 0
}

div.pagination li.pagination-start,
div.pagination li.pagination-start span {
padding: 0
}

p.counter {
text-align: center;
}

/**search**/

fieldset.word,
fieldset.phrases,
fieldset.only {
padding: 10px;
margin: 0 0 10px 0;
border: 1px solid #000;
}

fieldset.phrases {
border: 1px solid #000;
}

fieldset.only {
border: 1px solid #000;
}

div.searchintro {
font-size: 12px;
}

fieldset.only legend,
fieldset.phrases legend {
font-weight: bold;
}

/****content****/

div.items-leading {
display: inline-block;
width: 100%;
}

div.items-row {
display: inline-block;
}

.row-separator {
}

.item-separator {
display: block;
width: 100%;
height: 1px;
margin: 10px 0;
background: none
}

.shownocolumns {}

.category-desc {}

/**blog featured single**/

div.blog-featured {}

div.blog {}

div.item-page {}

div.category-list {}

div.archive {}

div.contact-category {}

div.search {}

div.blog h2,
div.item-page h2,
div.blog-featured h2 {
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #000;
padding: 0 0 10px 0;
margin: 0;
text-align: left;
}

div.blog h1,
div.blog-featured h1,
div.item-page h1,
div.archive h1,
div.contact-category h2,
div.categories-list h1,
div.category-list h1,
div.search h1 {
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #000;
padding: 0 0 10px 0;
margin: 0;
text-align: left;
}

div.blog-featured h2 a:link,
div.blog-featured h2 a:visited,
div.blog h2 a:link,
div.blog h2 a:visited,
div.item-page h2 a:link,
div.item-page h2 a:visited {
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #000;
padding: 0 0 10px 0;
margin: 0;
text-align: left;
}

div.blog-featured h2 a:link,
div.blog-featured h2 a:visited,
div.blog h2 a:link,
div.blog h2 a:visited,
div.item-page h2 a:link,
div.item-page h2 a:visited {
text-decoration: none;
}

div.contact h2 span.contact-name {
font-weight: bold;
font-size: 16px;
line-height: 22px;
color: #000;
padding: 0 0 10px 0;
margin: 0;
text-align: left;
}

div.newsfeed {}

div.newsfeed h2.redirect-ltr {}

div.newsfeed h2.redirect-ltr a {}

/**blog layout**/

.item {
display: block;
}

.cols-1 {
display: block;
float: none !important;
margin: 0 !important;
}

.cols-2 .column-1 {
float: left;
width: 48%;
}

.cols-2 .column-2 {
float: right;
width: 48%;
}

.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 {
float: left;
width: 31%;
}

.cols-3 .column-2 {
padding: 0 3%;
}

.cols-4 .column-1,
.cols-4 .column-2,
.cols-4 .column-3,
.cols-4 .column-4 {
float: left;
width: 23%;
}

.cols-4 .column-2 {
padding: 0 1% 0 2%;
}

.cols-4 .column-3 {
padding: 0 2% 0 1%;
}

.items-more {
padding: 10px 0;
}

.items-more h3 {
font-weight: normal;
}

/**single article**/

ul.actions {
margin: 0 0 5px;
padding: 0;
text-align: right;
width: 100%;
}

ul.actions li {
display: inline;
background: none;
}

.actions img {
border: none;
}

.article-info {
margin: 0 0 10px 0;
font-size: 11px;
line-height: 15px;
}

.article-info-term {
font-weight: bold;
}

.archive .article-info dd,
.article-info dd {
margin: 0;
color: #a2a2a2;
}

/**article categories**/

.categories-list ul {
list-style: none;
margin: 0;
}

.categories-list h1 {}

dl.article-count dt,
dl.article-count dd {
display: inline;
margin: 0;
}

dl.article-count dt,
dl.article-count dd {
display: inline;
margin: 0;
}

/**web category list**/

.weblink-category {}

/**profile**/

.profile dd {
font-style: italic;
}

.formelm input, .formelm select, .profile-edit select {
border: 2px solid #c4c4c4;
font-size: 11px;
line-height: 11px;
font-weight: normal;
color: #000;
margin: 3px 0;
padding: 2px 0 2px 2px;
vertical-align: middle;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: #ffffff;
}

.calendar, .calendar table {
margin: 0 5px;
vertical-align: middle;
}

/**archive**/

fieldset.filters {
padding: 10px;
margin: 0 0 20px 0;
border: 1px solid #000;
}

fieldset.filters legend {
font-weight: bold;
}

ul#archive-items .row0,
ul#archive-items .row1 {
background: none;
}

ul#archive-items h2 a:link,
ul#archive-items h2 a:visited {
text-decoration: none;
}

/**contact, article category list**/

table.category {
width: 100%;
margin: 10px 0;
}

table.category th {
font-weight: bold;
padding: 8px;
color: #fff;
border: none;
}

table.category th a,
table.category td a {
color: #fff;
text-decoration: none;
}

table.category .cat-list-row0 td {
padding: 8px;
border: none;
background: #b2b2b2;
color: #fff;
}

table.category .cat-list-row1 td {
padding: 8px;
border: none;
background: #c4c4c4;
color: #fff;
}

.cat-children h3 {}

/**single contact slider**/

div.contact-slider {}

div.panel {}

div.panel h3.title {
border-bottom: 1px solid #fff;
padding: 8px;
font-size: 12px;
margin: 0;
}

div.panel h3.title a:link,
div.panel h3.title a:visited {
text-decoration: none;
color: #fff;
font-family: Arial;
}

div.panel h3.pane-toggler-down {}

div.pane-slider {}

div.pane-down {
padding: 10px !important;
}

form#contact-form fieldset {
border: none;
padding: 0;
margin: 0;
}

form#contact-form dt,
form#contact-form dd,
form#contact-form button.button {
margin: 0;
}

form#contact-form textarea {
border: 2px solid #c4c4c4;
}

/**details**/

.tip {
background: #FFFFFF;
border: 1px solid #CFCCCC;
padding: 10px;
}

.img_caption {
font-size: 10px;
background: none;
margin: 0px;
padding: 0px;
border-top: none;
}

p.readmore {
text-align: right;
}

p.readmore a:link, p.readmore a:visited {
line-height: 12px;
padding: 0;
margin: 0;
font-weight: bold;
}

p.readmore a:hover {
text-decoration: none;
}

/************************ plugin page break ******************/

hr.system-pagebreak {
display: block;
width: 100%;
height: 1px;
margin: 15px 0px;
clear: both;
height: 1px;
border: none;
background: #DADADA;
}

/************************ Presentation Style: pages ******************/

div#article-index {
padding: 10px 5px;
border: 1px solid #DADADA;
}

div#article-index {
float: right;
margin: 0 0 0 10px;
padding: 10px;
width: 140px;
background: none;
}

div.pagenavcounter {
clear: both;
float: right;
margin: 0 0 10px 10px;
padding: 5px 10px;
text-align: center;
width: 140px;
background: #DADADA;
border: 1px solid #DADADA;
}

div#article-index h3 {
font-size: 12px;
font-weight: bold;
text-align: center;
}

/************************ Presentation Style: sliders ******************/

div#sliders.pane-sliders {}

div#sliders div.panel {
margin: 0 0 1px 0;
border: 1px solid #DADADA;
}

div#sliders .panel h3#basic-details.title {
font-size: 12px;
line-height: 18px;
text-align: center;
padding: 8px;
margin: 0;
border: 1px solid #DADADA;
background: #DADADA;
cursor: pointer;
}

div#sliders .panel h3#basic-details.title a:link,
div#sliders .panel h3#basic-details.title a:visited {
text-decoration: none;
font-weight: normal;
color: #000;
}

div#sliders .panel h3#basic-details.title.pane-toggler-down a:link,
div#sliders .panel h3#basic-details.title.pane-toggler-down a:visited {
font-weight: bold;
}

div#sliders .panel h3#basic-details.title a:hover {
font-weight: bold;
}

div#sliders .panel div.pane-slider {
padding: 5px;
}

/************************ Presentation Style: tabs ******************/

dl#tabs.tabs {
float: none;
display: inline-block;
padding: 10px 0 0;
}

dl.tabs {
margin: 0;
}

.tabs dt.tabs {
float: left;
padding: 5px 10px 6px 10px;
margin: 0 5px -1px 0;
background: #f5f5f5;
border-right: solid 1px #DADADA;
border-left: solid 1px #DADADA;
border-top: solid 1px #DADADA;
border-bottom: none;
}

.tabs dt.tabs.closed {
background: #DADADA;
padding: 5px 10px;
border: solid 1px #DADADA;
}

.tabs dt.tabs.basic-details h3 {
font-size: 12px;
margin: 0;
}

.tabs dt.tabs.basic-details.open h3 a:link,
.tabs dt.tabs.basic-details.open h3 a:visited {
color: #000;
}

.tabs dt.tabs.basic-details h3 a:link,
.tabs dt.tabs.basic-details h3 a:visited {
text-decoration: none;
color: #3b3b3b;
}

.tabs dt.tabs.basic-details h3 a:hover {
color: #000;
}

dd.tabs {
clear:both;
background: #f5f5f5;
margin: 0;
padding: 10px;
border: solid 1px #DADADA;
}

/* Unpublished */

.system-unpublished {
background: url(../images/info.gif) no-repeat 20px 10px #fdf6e4;
border-top: 2px solid #e48049;
border-bottom: 2px solid #e48049;
}

/* System Messages */

#system-message {
margin-bottom: 10px;
padding: 0;
}

#system-message dt {
font-weight: bold;
}

#system-message dd {
margin: 0;
font-weight: bold;
text-indent: 0px;
}

#system-message dd ul {
color: #e4804a;
margin-bottom: 10px;
list-style: none;
padding: 10px;
background: url(../images/info.gif) no-repeat 20px 10px #fdf6e4;
border-top: 2px solid #e48049;
border-bottom: 2px solid #e48049;
}

/* System Standard Messages */

#system-message dt.message {
display: none;
}

#system-message dd.message {
}

#system-message dd.message ul {
color: #63a5ff;
background: url(../images/notice.gif) no-repeat 20px 10px #ecf2fe;
border-top: 2px solid #63a5ff;
border-bottom: 2px solid #63a5ff;
}

/* System Error Messages */

#system-message dt.error {
display: none;
}

#system-message dd.error {
}

#system-message dd.error ul {
color: #cd3301;
background: url(../images/error.gif) no-repeat 20px 10px #fae8e8;
border-top: 2px solid #cd3301;
border-bottom: 2px solid #cd3301;
margin: 0
}

/* System Notice Messages */

#system-message dt.notice {
display: none;
}

#system-message dd.notice {
}

#system-message dd.notice ul {
color: #63a5ff;
background: url(../images/notice.gif) no-repeat 20px 10px #ecf2fe;
border-top: 2px solid #63a5ff;
border-bottom: 2px solid #63a5ff;
}

#system-message ul li {
background: none;
margin-left: 30px;
}

Zulus · 25 янв 2013

Посмотри в этом файле layout.css (вот полный путь к нему твой_сайт/templates/jm-business-marketing/css/layout.css
Не посмотрел сразу, что у тебя есть отдельный файл со стилями. Все что писал выше надо проделать с ним.
--- добавлено: Jan 25, 2013 2:08 PM ---
Если не получится, напишешь. Постараюсь помочь, но позже, сейчас уезжаю.

Podmasteri · 26 янв 2013

Zulus сказал(а): ↑

Посмотри в этом файле layout.css (вот полный путь к нему твой_сайт/templates/jm-business-marketing/css/layout.css
Не посмотрел сразу, что у тебя есть отдельный файл со стилями. Все что писал выше надо проделать с ним.
--- добавлено: Jan 25, 2013 2:08 PM ---
Если не получится, напишешь. Постараюсь помочь, но позже, сейчас уезжаю.
Нажмите, чтобы раскрыть...

Всё получилось, хотел ещё спросить , как поменять фон с белого на серый допустим, понемаю , что сдесь же, но боюсь напортачить так как сайт немой, а опыта нет в таких делах

завтро попробую поискать сам, но на всякий случай спросил.

Zulus · 26 янв 2013

Добавь строчку background-color: #твой_цвет;
Возьми на вооружение Firefox + Firebag, очень удобно менять дизайн.

Podmasteri · 26 янв 2013

Zulus сказал(а): ↑

Добавь строчку background-color: #твой_цвет;
Возьми на вооружение Firefox + Firebag, очень удобно менять дизайн.
Нажмите, чтобы раскрыть...

У меня раньше он работал и всё правил и сразу отоброжал результат, щас незнаю почему непринемает исправления а точнее вообще немогу нечего исправить тупо не пишит,
Включаю инструмент и захожу в стили хочу исправить не испровляет а следовательно сверху визуально всё так же, обновлял переустонавливал, всё тоже самое нехочет правитьь

Zulus · 26 янв 2013

Ну здесь скорее всего с системой что-то не так, была у меня такая же проблема и с оперой была проблема - не отображалось мегаменю в некоторых шаблонах. Как ни обновлял, не помогало, переустановил систему и все заработало.
Мое мнение: -для верстки и работы с сайтом лучше использовать отдельный комп, ничем не захламленный и с минимум программ нужных для работы.

Podmasteri · 26 янв 2013

Так и использую отдельный ноут, но правдо в последнее евремя захламлён он, скоро почищу и норм будет, попробую ещё раз переустоновить
--- добавлено: Jan 26, 2013 3:26 PM ---

ul.menu li a:visited {
font-size: 13px;
font-weight: normal;
display: block;
text-align: left;
padding: 10px 10px 12px;
margin: 0;
color: #000;
line-height: 18px;
text-decoration: none;
background: url(../images/menu_sep.png) no-repeat bottom center;
outline: none;
}
Нашол менюшку, как увеличеть текст разобрался, а вот как его жирным сделать не пойму, надо конечно учиться, чем и займусь в ближайшее время

Zulus · 26 янв 2013

Multimen сказал(а): ↑

Так и использую отдельный ноут, но правдо в последнее евремя захламлён он, скоро почищу и норм будет, попробую ещё раз переустоновить
--- добавлено: Jan 26, 2013 3:26 PM ---

Спойлер

ul.menu li a:visited {
font-size: 13px;
font-weight: normal;
display: block;
text-align: left;
padding: 10px 10px 12px;
margin: 0;
color: #000;
line-height: 18px;
text-decoration: none;
background: url(../images/menu_sep.png) no-repeat bottom center;
outline: none;
}

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

Это точно, лучше начать учиться. Не в обиду сказано, но это элементарные вопросы и знать что-то из html и php надо обязательно.
Выделил где поменять надо. Жирный - Bold
p.s. Советую не экспериментировать на рабочем сайте. Сделай бекап сайта с базой, загрузи на локалку и меняй как хочешь, и когда все будет готово загрузи обратно на сервер. Зачем видеть клиентам твоих друзей все твои эксперименты, как то он "стремно" сейчас выглядит.

Podmasteri · 27 янв 2013

да мне тоже неочень нравиться, но это она попросила сама так я говорил своё мнение
--- добавлено: Jan 26, 2013 8:44 PM ---
хы сначало я сделал обводку text-shadow: 0 2px 0 #fff; тем самым увеличил обьём , но потом соответственно прочёл твоё сообщение и сделал как надо.

мне тут посоветывали курсы центра специалист, что скажите ?

Zulus · 27 янв 2013

честно, ни чего не могу сказать.
Попробуй в поисковике набрать "видеокурс по html", так же посмотри по торрентам и скачай какой-нибудь справочник по html. В интернете много всего есть по html, по css и много в свободном доступе. Удобно когда вся информация под рукой. Не обязательно все знать, главное что-бы все было под рукой и уметь найти нужную информацию.
--- добавлено: 27 янв 2013 в 08:14 ---
Кстати, на будущее, если возникнут простые вопросы, то пиши лучше в личку, постараюсь помочь. Думаю не стоит засорять форум "простенькими" проблемами.

Антоныч · 1 фев 2013

А ты полностью шаблон хочешь изменить?

Podmasteri · 1 фев 2013

да

Антоныч сказал(а): ↑

А ты полностью шаблон хочешь изменить?
Нажмите, чтобы раскрыть...

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

Войти или зарегистрироваться

[Помогите] немного изменить Шаблон

Podmasteri

Zulus Команда форума

Podmasteri

Zulus Команда форума

Podmasteri

Zulus Команда форума

Podmasteri

Zulus Команда форума

Podmasteri

Zulus Команда форума

Podmasteri

Zulus Команда форума

Антоныч

Podmasteri