Новости Joomla

Совет по Joomla: использовать выключенное состояние для кнопок в списках элементов админки

Онлайн-трансляции Joomla-разработки Игоря Бердичевского

20 лет Joomla: Ринат Кажетов

20 лет Joomla: Ринат Кажетов.В 2025 году Joomla исполнилось 20 лет

В 2025 году Joomla исполнилось 20 лет. Вокруг неё сложилось большое интернациональное русскоязычное сообщество. На сайте нашего сообщества и на Хабре к юбилею были собраны интервью с его видными представителями. Сегодня мы читаем интервью с Ринатом Кажетовым (@rkazhet). Ринат - один из администраторов чата русскоязычного Joomla-сообщества, из Казахстана. Это человек, который всегда знает или найдёт нужную ссылку, пристально следит за новостями в мире Joomla, многое узнаёт первым и просто очень отзывчивый человек. Интервью с Ринатом взял Евгений Сивоконь.

Читать интервью

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

c_zurab

  • Захожу иногда
  • 78
  • 0 / 0
Замучил CSS ((
« : 14.12.2011, 23:25:12 »
делаю сайт онлайн фильмов. как и всем наверное, хочеться чтоб выглядел более менее красиво и стильно
на данный момент сайт выглядет так:


как видите модули (поиск например) выглядет более менее красиво чем сами фильмы
в CSS модуля используеться рамка из 8ми крохотных картин


очень хочеться чтоб рамку прицепил и к фильмам, вот так примерно:


ямучаюсь и не могу разобраться (
если собрать рамку, сохронить в png и задним фоном (background) прицепить к материалу, то все выглядет так как надо. но при изменение размера браузера все рущиться (

сайт строиться на сск zoo

вот отрезок CSS который выводит фильмы:

#yoo-zoo .items div.teaser-item {
    border: 1px solid white;
    color: #BBBBBB;
    display: block;
    float: left;
    font-size: 12px;
    height: 314px;
    margin: 10px;
    overflow: hidden;
    padding: 0 7px;
    position: relative;
    text-align: center;
    width: 160px;

что посоветуйте сделать?
просьба помочь
« Последнее редактирование: 14.12.2011, 23:34:00 от c_zurab »
Записан
*

GDV

  • Завсегдатай
  • 1898
  • 201 / 5
Re: Замучил CSS ((
« Ответ #1 : 14.12.2011, 23:30:47 »
а в чем вопрос?
Записан
Убедительная просьба не писать в ЛС. Для решения Ваших проблем есть форум.
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Замучил CSS ((
« Ответ #2 : 15.12.2011, 09:30:12 »
Ссылку на сайт можете дать? Боюсь, что без "пощупать" Вашу проблему решить довольно сложно.

Скорее всего, Вам нужно будет переписать шаблон вывода тизеров в файле zoo - добавить туда дивы для рамочки либо задать им стиль вывода rounded - тогда дивы выведутся автоматически. И прописать уже картинки для каждого нового дива.
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

c_zurab

  • Захожу иногда
  • 78
  • 0 / 0
Re: Замучил CSS ((
« Ответ #3 : 15.12.2011, 14:46:58 »
http://webdisain.net76.net/
если надо будет доступ к админ или фтп тоже дам
я там сделал рамку и просто сделал background
и если посмотрите прошу сказать еше какие проблемы в шаблоне. мне каджеться что его надо дорабатывать, при изменение размера экрана сами увидете что там все летит
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Замучил CSS ((
« Ответ #4 : 15.12.2011, 14:54:50 »
Может, так?

http://webdisain.net76.net/media/zoo/applications/movie/templates/default/assets/css/category.css  строка 201

height: 350px;

Если не поможет - прикрепите скрин, где "все рушится" - что имеете ввиду?
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

c_zurab

  • Захожу иногда
  • 78
  • 0 / 0
Re: Замучил CSS ((
« Ответ #5 : 15.12.2011, 15:05:11 »
щас прикреплю
а 350 думаю не плохо
если разрешение экрана 800-600:

если разрешения больше 1024-768:
« Последнее редактирование: 15.12.2011, 15:08:44 от c_zurab »
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Замучил CSS ((
« Ответ #6 : 15.12.2011, 17:59:53 »
ааа... ну, это потому, что он у Вас слишком резиновый)) Надо ограничить максимальную и минимальную ширину шаблона.

max-width: 1500px;
min-width: 1024px;

это нужно прописать диву, в котором весь сайт вложен. Если такого нет - сделать. С цифирками поиграть.
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

c_zurab

  • Захожу иногда
  • 78
  • 0 / 0
Re: Замучил CSS ((
« Ответ #7 : 15.12.2011, 18:13:17 »
извиняюсь, а где посмотреть этот див?
или как его прописать?
может где есть литература или обьяснение?
извините если оч загружаю вас
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Замучил CSS ((
« Ответ #8 : 15.12.2011, 18:36:31 »
блин... сайт недоступен. как шаблон называется или index.php выложите сюда под спойлер
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

c_zurab

  • Захожу иногда
  • 78
  • 0 / 0
Re: Замучил CSS ((
« Ответ #9 : 15.12.2011, 18:41:44 »
шаблон называеться nld 053 1.5, в Google найдете
а index шаблона выглядет так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<?php
// no direct access
defined('_JEXEC') or die('Restricted access');
JHTML::_('behavior.mootools');
?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template_<?php echo $this->params->get('color'); ?>.css" type="text/css" />
</head>
<body >
<div id="top_bottom">
   <div id="top_inner_bottom">
      <div id="welle_left_center_bottom">
         <div id="welle_left_bottom"></div>
         <div id="welle_center_bottom">
            <div id="zumenu">
               <div id="zutext">
                  <?php echo $this->params->get('willkommen'); ?>
               </div>
            </div>
            <div id="user3">
               <jdoc:include type="modules" name="user3" />
            </div>
         </div>
      </div>
      <div id="welle_right_bottom"></div>
   </div>
</div>
<div id="content">
   <div class="left">
      <jdoc:include type="modules" name="left" style="nldmod_left" />
   </div>
   <div class="component">
      <div class="component_content">
         <div class="moduletable_top">
            <div class="moduletable_left_round">
               <div class="moduletable_right_round"></div>   
            </div>
         </div>
         <div class="moduletable_center">
            <div class="moduletable_center_left">
               <div class="moduletable_center_right">
                  <div class="moduletable_content_outer">
                     <div class="moduletable_content"><jdoc:include type="component" /></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="moduletable_bottom">
            <div class="moduletable_bottom_left"></div>
            <div class="moduletable_bottom_right"></div>
         </div>
      </div>
   </div>   
   <div class="right">
      <jdoc:include type="modules" name="right" style="nldmod_left" />
   </div>
</div>
<div id="bottom">
   <div id="copy">
<!-- RESPEKTIEREN SIE DIE ARBEIT VON DEM DESIGNER -->   
<!-- RESPECT THE WORK FROM THE DESIGNER -->   
<!-- VOLLVERSION 9,90 Ђ IN UNSEREM SHOP  -->   
<!-- CC - Attribution-Share Alike 3.0 Unported - Do not remove Designlink!Den Designlink nicht entfernen!Euro 9,90 via PayPal contact@next-level-design.de - CC - Attribution-Share Alike 3.0 Unported -->   

<!-- CC - Attribution-Share Alike 3.0 Unported - Do not remove Designlink!Den Designlink nicht entfernen!Euro 9,90 via PayPal contact@next-level-design.de - CC - Attribution-Share Alike 3.0 Unported -->   
<!-- RESPEKTIEREN SIE DIE ARBEIT VON DEM DESIGNER -->   
<!-- RESPECT THE WORK FROM THE DESIGNER -->
   </div>
</div>
<div>
<jdoc:include type="module" name="debug" style="-1" />
</div>
</body>
</html>
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Замучил CSS ((
« Ответ #10 : 15.12.2011, 19:10:19 »
замените index.php на вот это

Спойлер
[свернуть]

и в файле стилей CSS допишите

#all {
margin:0 auto;
max-width:1500px;
min-width:1024px;
}

с цифирками поиграться - подобрать что понравится, но min-width:1024px; меньше вряд ли пойдет, как бы не больше надо было..

ну, и отписаться что получилось.

не забываем делать бэкап файла на всякий пожарный))
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

c_zurab

  • Захожу иногда
  • 78
  • 0 / 0
Re: Замучил CSS ((
« Ответ #11 : 15.12.2011, 19:38:40 »
спосибо большое, что помогли. только вот одна проблемка всеже осталась но это думаю изночально не было в вопросе

думаю, я сделаю как вы сказали но CSS min-width: сделаю 100%

а проблема то что летит, а именно не уменщаеться размер изоброжения, это наверное не в шаблоне. при уменшение размера окна, фотографии перекрывают друг друга как и их рамки (background)
они не уменшаються
просто фото из сск zoo и высота и ширина задаеться там. а функций чтобы она уменшалось и увеличивалось при изменение разрешения экрана нет. думаю это будет сложно сделать.

всеже спасибо за помошь и сторание
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Замучил CSS ((
« Ответ #12 : 15.12.2011, 20:22:01 »
min-width нельзя делать сто процентов - это значит вообще ничего не делать. Сделайте как сказала - там должна быть цифра. поставьте 1024 или 1200
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
*

SemiLex

  • Захожу иногда
  • 85
  • 5 / 0
Re: Замучил CSS ((
« Ответ #13 : 16.12.2011, 11:02:28 »
Есть такая хорошая штука, как border-image: http://www.w3schools.com/cssref/css3_pr_border-image.asp
Правда юзеры ИЕ идут лесом (собственно, там этим юзерам и место, ИМХО)
Записан
*

Taatshi

  • Гуру
  • 5258
  • 481 / 2
  • Верстаем и кодим. Обращайтесь ;)
Re: Замучил CSS ((
« Ответ #14 : 16.12.2011, 11:10:04 »
Цитата: SemiLex от 16.12.2011, 11:02:28
Есть такая хорошая штука, как border-image: http://www.w3schools.com/cssref/css3_pr_border-image.asp
Правда юзеры ИЕ идут лесом (собственно, там этим юзерам и место, ИМХО)

хотите послать лесом 20-38% своих посетителей? Щедро.
Записан
ВЕРСТКА, САЙТЫ ПОД КЛЮЧ, УДАЛЕНИЕ ВИРУСОВ, МИГРАЦИЯ НА JOOMLA 3, ОБНОВЛЕНИЕ  |  ОТЗЫВЫ 
Связь: telegram - Taatshi, почта - Taatshi на яндексе, Skype - Taatshi
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться