Заокруглені кути модулів

Обговорення тем про дизайн та верстка нових шаблонів та редагування. Доопрацювання та модифікації клубних шаблонів.
Besedin
Команда підтримки
Команда підтримки
Повідомлень: 379
З нами з: 19 травня 2007, 15:29
Звідки: Київ - Дубно

Заокруглені кути модулів

Повідомлення Besedin » 12 грудня 2007, 16:34

Привіт усім!!

Дуже цікава тема. Думаю рано чи пізно хтось її та й відкриє, адже тема є актуальною в наш час.

В шаблоні хочу зробити модулі з заокругленими кутами. Знайшов на help.joom.ru як це робиться на дівах.

Використовую готовий шаблон і хочу його лише змінити. Після вищезгаданих інструкцій у мене модулі розтягнулись на весь екран і зовсім не схожі на модулі  :) З css я видалив всі стилі що були вказані для left. Не можу збагнути де мені щось заважає.

Буду вдячний за продовження цієї теми. ;)
Знайти спільну мову з людиною можна навіть не погоджуючись з нею

Besedin
Команда підтримки
Команда підтримки
Повідомлень: 379
З нами з: 19 травня 2007, 15:29
Звідки: Київ - Дубно

Re: Заокруглені кути модулів

Повідомлення Besedin » 25 грудня 2007, 13:50

Привіт усім!

Вищезгаданим способом не вдалось зробити модулі  :) і тому спробував інший.
В HTML шаблону прописав

Код: Виділити все

<?php if(mosCountModules("left")) { ?>
          <div id="left"><?php mosLoadModules("left",-3) ?></div>
<?php }?>
відповідно і для правого модулю.

в CSS додав таке

Код: Виділити все

div.module {
    width: 200px;
    background: url(../images/mod_mid.png) repeat-y;
  }

  div.module div {
    background: url(../images/mod_bot.png) bottom left no-repeat;
  }

  div.module div div {
    background: url(../images/mod_top.png) top left no-repeat;
    padding: 10px 10px 20px 10px;
  }

  div.module div div div {
    background: none;
    padding: 0;
    width: auto !important;
    width: 100%;
    margin: 0px 0px 0px 0px;
  }

  div.module div div div h3 {
  display: block;
  padding : 0px 0px 10px 0px;
  margin : 0;
  font-family      : Tahoma;
  font-size        : 14px;
  font-weight      : bold;
  color            : #F5F517;
  text-transform   : uppercase;
  text-align       : center;
  text-decoration  : underline;
  letter-spacing   : 1px;

  }
у всіх браузерах все працює на ура крім ІЕ7. У ньому верхні кути обрізаються :( (сайт)

Хтось знає як це поправити?

З повагою, Олександр
Знайти спільну мову з людиною можна навіть не погоджуючись з нею
Аватар користувача
Dutch
Адміністратор
Адміністратор
Повідомлень: 1161
З нами з: 28 жовтня 2006, 18:49
Звідки: Київ
Дякував (ла): 2 рази
Подякували: 11 рази
Контактна інформація:

Re: Заокруглені кути модулів

Повідомлення Dutch » 27 грудня 2007, 22:30

Заміни це:

Код: Виділити все

  div.module div div div {
    background: none;
    padding: 0;
    width: auto !important;
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
на це:

Код: Виділити все

  div.module div div div {
    background: none;
    padding: 0;
    width: 200px;
    margin: 0;
  }
Заміни це:

Код: Виділити все

div.module div {
    background: url(../images/mod_bot.png) bottom left no-repeat;
  }
на це:

Код: Виділити все

  div.module div {
    background-image: url(../images/mod_bot.png);
    background-position: bottom;
    background-repeat: no-repeat;
  }
і так двлі по цьому принципу.

Не всі браузери добре розуміють скорочені правила написання CSS, а також по різному сприймають деякі параметри.
Besedin
Команда підтримки
Команда підтримки
Повідомлень: 379
З нами з: 19 травня 2007, 15:29
Звідки: Київ - Дубно

Re: Заокруглені кути модулів

Повідомлення Besedin » 28 грудня 2007, 10:37

Дуже дякую за пораду! Все супер! Перший варіант трохи не запасував, але за 2 великий +  ;)
Знайти спільну мову з людиною можна навіть не погоджуючись з нею

shaman
Команда підтримки
Команда підтримки
Повідомлень: 287
З нами з: 07 травня 2007, 21:44
Звідки: Україна, Київ
Контактна інформація:

Re: Заокруглені кути модулів

Повідомлення shaman » 03 жовтня 2009, 00:39

Рекомендую [url=http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml]такий рецепт[/url=].
CSS та кросбраузерно

Повернутись до “Шаблони для Joomla — дизайн, верстка, модифікації”

Хто зараз онлайн

Зараз переглядають цей форум: 1 і 0 гість