LiveInternetMail.ru
Форум русской поддержки Joomla!® CMS
27.05.2012, 11:46:45 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 1.7 FAQ Joomla 1.5 FAQ Joomla 1.0 FAQ Правила форума Новости Joomla Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор Тема: Вопрос по стилям в шаблоне  (Прочитано 406 раз)
0 Пользователей и 2 Гостей смотрят эту тему.
ljosha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 125


« : 05.10.2011, 21:53:21 »

Коллеги, столкнулся со следующей проблемой. Я правил файл template.css и сделал рамку для картинок.
 
Код:
#content img {border: 1px solid #ccc; padding: 7px;margin:0 5px 5px 0 }
Но цель была та, чтобы обрамлялись рамкой лишь те картинки, которые находятся в новостях. А стали обрамляться еще и те которые в модулях. Как сделать так чтобы обрамлялись только картинки в материалах?

спасибо
Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #1 : 05.10.2011, 21:58:58 »

Видимо те картинки, что в модулях, в рамках DOM находятся внутри объекта с ID content
Решение - необходимо выделить содержимое определенного объекта либо исключить, если внутри content находятся объекты с явно выраженными классами.
Но цель была та, чтобы обрамлялись рамкой лишь те картинки, которые находятся в новостях.
Посмотрите внимательней исходный код, новости обрамляются отдельным дивом обычно
Записан
ljosha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 125


« Ответ #2 : 05.10.2011, 22:04:45 »

Видимо те картинки, что в модулях, в рамках DOM находятся внутри объекта с ID content
Решение - необходимо выделить содержимое определенного объекта либо исключить, если внутри content находятся объекты с явно выраженными классами.Посмотрите внимательней исходный код, новости обрамляются отдельным дивом обычно
Честно говоря, не все понял, что вы хотели мне объяснить. Вот код template.css
Код:
body {
background: #fff;
margin: 0;
}


/*text elements*/
a:link, a:hover, a:active, a:visited {
color: #3c5ea2;
}
h1 {
font-family: Calibri, arial;
color: #fff;
font-style: italic;
margin-left: 250px;
margin-top: 20px;
font-size: 27px;
}
h1 span {
color: #fff;
display: block;
font-size: 13px;
}
h2 {
font-family: Trebuchet MS;
}
p {
color: #000;
font-size: 12px;
}


/*позиции*/

.left {
float: left;
width: 230px;
}
.right {
float: right;
width: 260px;
display: block;
}

.user2 {
float: right;
width: 260px;
display: block;
margin: 30px 0 0 0;
}

.center60 {
margin: 0 270px 0 0;;
display: block;
}

.moduletable-crumb{

}

.center80 {
overflow:hidden;
padding-right:0px;
margin-right:20px;
}
.center100 {
float:left;
width:98%;
overflow:hidden;
padding-right:0px;
margin-left:1%;
}
.visible {
display: block !important;
}
.last {margin: 0 !important}



/*Поиск*/
#mod_search_searchword {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    opacity: 0.8;
border:0px;
width: 225px;
height: 23px;
padding-left: 10px;
}
.searchbut{
    position: absolute;
    right: 10px;
    top: 3px;
}


/*forms*/
form {
display: block;
margin-top: 0;
position: relative;
left: -2px;
}
input.i_text {
font-size: 13px;
color: #000;
}
/***PAGE***/
#content {
min-width: 950px;
margin: 0 auto;
padding: 0 30px;
}

.lenta li {background:transparent url(../images/star3.png) no-repeat; font-size: 12px; padding-left:13px}

.createdate {font-size:11px; color:#666}



#searchForm {
margin-left:230px;
}
/***HEADER***/
#header {
background: #8badf5 url("../i/header.jpg") no-repeat top right;
margin-bottom: 20px;
height:168px;
}
#header .indent {
padding: 20px 10px 10px 30px;
}

#header .logo {
width: 156px;
height: 109px;
background: url("../i/logo.png") no-repeat;
float: left;
}
#header .logo a {
display: block;
width: 156px;
height: 109px;
text-indent: -10000px;
}
#header .small_top_nav {
float: left;
clear: left;
width: 156px;
text-align: center;
margin-top: 10px;
padding:0;
}

#header .small_top_nav li {
        display: inline-block;
margin-right: 10px;
       

}
#header .small_top_nav li a {
display: block;
width: 12px;
height: 10px;
background: url('../i/icons.gif') no-repeat;
}
#header .small_top_nav li.home a {
background-position: 0 0;
}
#header .small_top_nav li.map a {
background-position: -16px 1px;
}
#header .small_top_nav li.mail a {
background-position: -35px 1px;
}

/*Поиск*/
#header .search{
    bottom: 0;
    display: block;
    float: right;
    position: relative;
}
/*оформление блока поиска*/
#user1 input {
background:url('../i/search.png') no-repeat;
font:11px Arial;
color:#000;
opacity: 0.8;
}


/*оформление главного меню с суффиксом -menu*/
.moduletable-menu {
width:200px;
margin-bottom:30px;

}
/*оформление заголовка меню */
.moduletable-menu h3{
font: bold 12px Arial, Helvetica, sans-serif;
padding:5px 0 5px 0;
border:5px solid #b2d1d7;
color:#fff;
background-color:#3b98b0;
}
/*оформление блока списка в меню */
.moduletable-menu ul li {
    background: none repeat scroll 0 0 #3C5EA2;
    color: #FFFFFF;
    font-family: Trebuchet MS;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px 13px;
}

/*оформление блока ссылки в меню*/
.moduletable-menu ul li a {
    color: #FFFFFF;
    font-family: Trebuchet MS;
    text-decoration: none;
}
/*конец оформления меню*/

/*баннеры*/
.left .adv_box {
width: 210px;
text-align: center;
}
.left .adv_box img {
display: inline-block;
margin-bottom: 20px;
}

/*Center*/


/*общие модули и компоненты*/
/*заголовки компонентов*/
.componentheading {
font:bold 22px Arial, Helvetica, sans-serif ;
color:#fff;
text-align:center;
background-color:#e64519;
border:3px double #fff;
margin-bottom:5px;
padding:3px;
margin-top:5px;
margin-left:225px;
display:none;
}

/*оформление кнопок в модулях*/
.button,input.button,button.validate  {
background:#e64519;
height:30px;
font-size:12px;
color:#fff;
margin:2px;
padding:2px 10px 2px 10px;
cursor:hand;
}

/*оформление  модулей*/
.moduletable,.moduletable_custom {
    margin: 0 0 25px 15px;
    width: 245px;
}

/* оформление заголовков модулей */
.moduletable h3,.moduletable_custom h3 {
    background: none repeat scroll 0 0 #3C5EA2;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
    padding: 5px 8px;
}

/*форматирование списков во всех модулях*/
.moduletable ul li, .moduletable_custom ul li, .moduletable_bot ul li   {
    margin: 0.5em;
  background: url('../images/img_red1.gif') no-repeat;
line-height: 1.5em;
list-style:none;
}

.moduletable ul, .moduletable_custom ul, .moduletable_bot ul{
  color: #000;
  margin:0.2em;
  padding: 0;
  font-size: 12px;
}

.moduletable li ul, .moduletable_custom li ul,.moduletable_bot li ul {
  margin: 0.5em;
  padding: 0;
}

/*оформление колонок материлов*/
.article_column{
padding-left:10px;
}


/*оформление текстов статей*/
.contentpaneopen {
background-color:#fff;
padding:0px;
line-height: 1.2;
text-align:justify;
margin-top:10px;
 }
 
table.contentpaneopen {

}

#content  p {margin-bottom:7px;line-height:1.0em !important}
#content img {border: 1px solid #ccc; padding: 7px;margin:0 5px 5px 0 }

/*оформление кнопки "читать далее"*/
.readon {margin-top:1px;display:block;float:left;font-style:oblique; color:#ABABAB;
font-weight:bold;margin-top:5px;line-height:14px;font-size:11px;text-decoration:none;border-bottom:dotted 1px #ABABAB;}
/*оформление списков в статьях*/
.contentpaneopen ul {
padding:10px 0 10px 20px;
list-style-image:url('../images/img_green1.gif');
}

/*оформление заголовка материала*/
.contentheading {
    color: #3C5EA2;
    font-size: 15px;
    margin-bottom: 10px;
font-weight: bold;
}
/*оформление текста заголовка материала*/
.contentheading a {
text-decoration:none;
font-family: Trebuchet MS;
}
 
.contentpaneopen li {
padding-bottom:10px;
}

.contentpaneopen ol {
margin:20px;
list-style-type:decimal;
}

/*правый баннер*/
img.pic_adv{
float: none;
margin-top: 10px;
margin-left: 15px;
display:block;
}

/***footer***/
#footer {
margin-top: 30px;
position: relative;
background: #3c5ea2;
}
#footer .indent {
padding: 30px 45px;
}
#footer p a {
color: #fff
}
#footer p.copyright {
font-size: 12px;
color: #fff;
line-height: 140%;
}

/***footer***/

/*оформление модулей newsflash*/
/*модуль преподаватели*/
.nfimages{
padding-right:8px;
float:left;
}
.nftitle{
   
    font-size: 14px;
    font-weight: bold;
   
}
.nftitle a{
    color: #4E4E4E;
   
   
    text-decoration: none;
}
.nfcontent{
}
/*модуль анонсы datenews*/
.date{
color: #4E4E4E;
font-weight:bold;
font-size: 11px;
}

.latestnews a{
color: #4E4E4E;
font-size: 11px;
line-height: 1.1;

}


/***fix boxes***/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
}


* HTML .clearfix {
    height: 1%;
}

Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #3 : 05.10.2011, 22:10:22 »

Нет, дайте адрес страницы с указанием картинок, которые должны по другому обрамляться, нежели те что в модулях
Записан
ljosha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 125


« Ответ #4 : 05.10.2011, 22:11:42 »

Нет, дайте адрес страницы с указанием картинок, которые должны по другому обрамляться, нежели те что в модулях
http://n.eurocollege.ru
обрамляться должны исключительно те, которые находятся в материалах, а не все которые есть на странице (в модулях)
Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #5 : 05.10.2011, 22:14:50 »

Ну конечно, content - это почти вся оболочка сайта
Попробуйте вот так
Код
.blog img {border: 1px solid #ccc; padding: 7px;margin:0 5px 5px 0 }
Записан
ljosha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 125


« Ответ #6 : 05.10.2011, 22:19:23 »

Ну конечно, content - это почти вся оболочка сайта
Попробуйте вот так
Код
.blog img {border: 1px solid #ccc; padding: 7px;margin:0 5px 5px 0 }

Супер, все получилось. Но когда открываешь сам материал, рамки пропадают, а хочется чтобы они присутствовали и внутри статей!
Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #7 : 05.10.2011, 22:27:05 »

Супер, все получилось. Но когда открываешь сам материал, рамки пропадают, а хочется чтобы они присутствовали и внутри статей!
Тогда замените код на следующий
Код
.contentpaneopen img {border: 1px solid #ccc; padding: 7px;margin:0 5px 5px 0 }

P.S. Mozilla и FireBug + неделя на изучение хтмл и наследования стилей вложенными элементами избавят вас от миллиона вопросов
Записан
ljosha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 125


« Ответ #8 : 05.10.2011, 22:33:09 »

Тогда замените код на следующий
Код
.contentpaneopen img {border: 1px solid #ccc; padding: 7px;margin:0 5px 5px 0 }

P.S. Mozilla и FireBug + неделя на изучение хтмл и наследования стилей вложенными элементами избавят вас от миллиона вопросов

Спасибо огромное, получилось. Если бы не диплом, сел бы прямо сейчас. И последний вопрос, если будет возможность тоже помогите с кодом
Я сделал отступы между абзацами этим кодом:
Код:
#content  p {margin-bottom:7px;line-height:1.0em !important}
и опять же он применялся по всей странице втч в модулях, а как сделать чтобы он применялся так же как и рамка к картинкам (т.е только к материалам)
Записан
beliyadm
Профи
********

Репутация: +1438/-61
Offline Offline

Пол: Мужской
Сообщений: 8893


Севастополь==Россия


« Ответ #9 : 05.10.2011, 22:35:17 »

Я сделал отступы между абзацами этим кодом:
Код:
#content  p {margin-bottom:7px;line-height:1.0em !important}
и опять же он применялся по всей странице втч в модулях, а как сделать чтобы он применялся так же как и рамка к картинкам (т.е только к материалам)
Аналогично
Код
.contentpaneopen p {margin-bottom:7px;line-height:1.0em !important}
Записан
ljosha
Осваиваюсь на форуме
***

Репутация: +0/-0
Offline Offline

Сообщений: 125


« Ответ #10 : 05.10.2011, 22:37:37 »

Аналогично
Код
.contentpaneopen p {margin-bottom:7px;line-height:1.0em !important}

Вы гений, спасибо огромное еще раз! Плюсанул)
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Рейтинг@Mail.ru Rambler Top100 Powered by SMF 1.1.16 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet