Форум Joomla! Україна
  • Головна
  • Пошук
  • Користувачі
  • Команда форуму
  • Реєстрація
  • Увійти
    Увійти
    Ім’я користувача
    Пароль:
    Забули пароль?
     
  • Реєстрація
  • Увійти
Форум Joomla! Україна Шаблони та дизайн, сайти на Joomla Шаблони для Joomla — дизайн, верстка, модифікації v
« Попереднє 1 … 5 6 7 8 9 10 Наступне »
Заокруглені кути модулів


 
  • 0 голос(ів) - 0 у середньому
Заокруглені кути модулів
Besedin
Не в мережі

Модератор

Дописів: 372
Тем: 15
Приєднався: 19.05.2007, 01:29 PM
Репутація: 0
#1
12.12.2007, 03:34 PM
Привіт усім!!

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

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

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

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

Модератор

Дописів: 372
Тем: 15
Приєднався: 19.05.2007, 01:29 PM
Репутація: 0
#2
25.12.2007, 12:50 PM
Привіт усім!

Вищезгаданим способом не вдалось зробити модулі  Smile і тому спробував інший.
В 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. У ньому верхні кути обрізаються Sad (сайт)

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

З повагою, Олександр
Знайти спільну мову з людиною можна навіть не погоджуючись з нею
Dutch
Не в мережі

Адміністратор

Дописів: 1,190
Тем: 59
Приєднався: 28.10.2006, 04:49 PM
Репутація: 4
#3
27.12.2007, 09:19 PM
спробуй:
http://www.joomla-ua.org/content/view/76/20/
Хостинг для Joomla
Dutch
Не в мережі

Адміністратор

Дописів: 1,190
Тем: 59
Приєднався: 28.10.2006, 04:49 PM
Репутація: 4
#4
27.12.2007, 09:30 PM
Заміни це:

Код:
  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;
  }

і так двлі по цьому принципу.

Не всі браузери добре розуміють скорочені правила написання цсс, а також по різному сприймають деякі параметри.
Хостинг для Joomla
Besedin
Не в мережі

Модератор

Дописів: 372
Тем: 15
Приєднався: 19.05.2007, 01:29 PM
Репутація: 0
#5
28.12.2007, 09:37 AM
Дуже дякую за пораду! Все супер! Перший варіант трохи не запасував, але за 2 великий +  Wink
Знайти спільну мову з людиною можна навіть не погоджуючись з нею
shaman
Не в мережі

Модератор

Дописів: 287
Тем: 44
Приєднався: 07.05.2007, 07:44 PM
Репутація: 0
#6
02.10.2009, 10:39 PM
Рекомендую [url=http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml]такий рецепт[/url=].
CSS та кросбраузерно
BitsyBay - Магазин авторських розширень за BitCoin | OpenCart - Україна | Fork me on Github
« Попередня | Наступна »

Переглядають цю тему: Гості: 1



Можливо схожі теми...
Тема Автор Відповіді Перегляди Останній допис
  Заокруглені края для виводу контента Flex0 5 5,653 09.02.2010, 04:44 PM
Останній допис: Flex0
  Прозорий текст заголовків модулів Besedin 2 3,176 07.12.2009, 02:18 PM
Останній допис: Besedin
  Позиції модулів Kai 2 9,225 23.07.2009, 10:13 AM
Останній допис: Svyat

  • Версію для друку
  • Підписатися на цю тему
Швидкий перехід:

  • Команда форуму
  • Зв’яжіться з нами
  • Joomla! Україна
  • Повернутись на початок
  • Легкий режим
  • Позначити всі форуми прочитаними
  • RSS канал
Лінійний режим
Каскадний режим