Новости Joomla

Astroid обновился до версии 3.3.7!

Astroid обновился до версии 3.3.7!

Astroid — это мощный фреймворк для дизайнеров и разработчиков, позволяющий создавать адаптивные, быстрые и надежные веб-сайты и шаблоны на базе Joomla.

Главное в новой версии:

-   Исправлена загрузка файлов макетов

В предыдущем крупном релизе Astroid 3.3.6 были сделаны важные улучшения:

Основные моменты:

  • Улучшенный UI/UX в ключевых областях конфигурации
  • Повышенная стабильность и согласованность в Layout Builder и Form Builder
  • Исправления ошибок на основе отзывов сообщества
  • Улучшенная обработка визуальных эффектов, границ и шрифтов

Улучшения:

  • Обновленный UX Layout Builder
  • Улучшенный эффект предзагрузчика
  • Улучшенный стиль границ
  • Улучшенный UI/UX вкладки «Layout» в Template Options

Исправления ошибок:

  • Решены проблемы с некорректными динамическими значениями
  • Исправлен Color Transform при прокрутке
  • Устранены проблемы с работой Form Builder в Article Layout и Module Layout Builder
  • Исправлена проблема с созданием ненужных временных файлов при обработке шрифтов

Скачать: https://github.com/templaza/astroid-framework/releases/tag/v3.3.7

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

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

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Доводка шаблона до ума
« : 23.04.2008, 17:41:28 »
Имеется шаблон для сайта. Я его пытаюсь довести до ума. В css я слабо разбираюсь, но чуствую, что после подгонки данного шаблона, буду понимать сие чудо.
www.sadinfo.net - это сайт с этим шаблоном.
Имется такой код
Код
module1{
position:absolute;
left:0px;
top:200px;
width:206px;
background:#FFFFFF;
}
h3,table.moduletable-module1 th {
font-size:16px;
color:#FFFFFF;
padding-top:10%;
background:url(/templates/land/images/module1.jpg);
background-position:left;
height:51px;
width:206px;
}
table.moduletable-module1 a {
line-height:30px;
padding-left:20px;
}
a.mainlevel-module1:link{

height:30px;
width:206px;
color:#333333;
}
a.mainlevel-module1{
color:#333333;
Это код модуля, который стоит слева и называеться СТАТЬИ.
В начале он не коректно отображался в IE, а в опере и фф очень даже хорошо. Слово СТАТЬИ было выше картинки.
Я нашел выход в изменении padding-top:10%; с 20 px до 10 %. И он стал отображаться нормально и в Опере и в IE. а вот в фф теперь плохо.
Подскажите как решить даную проблемку. Может каким-то образом прописать чтобы для разных браузеров, разное значение- padding-top.
« Последнее редактирование: 23.04.2008, 17:52:57 от alexIS »
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #1 : 23.04.2008, 18:24:35 »
alexIS - можно сделать специальный файл css стилей для IE (в котором будут только его хаки, не весь файл!), например iehacks.css и подгружать его в index.php

<!--[if lt IE 7]>
<link href="<?php echo $mosConfig_live_site;?>/templates/yourtemplatename/css/ie6hacks.css" rel="stylesheet" type="text/css" />
<![endif]-->
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #2 : 23.04.2008, 18:32:58 »
Спасибо, попробую так сделать. Отпишусь если че получится.
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #3 : 23.04.2008, 21:23:19 »
Что-то у меня ничего не получаеться. Подскажите я правельно прописал в index.php?
Код
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/land/css/template_css.css" rel="stylesheet" type="text/css"/>
<!--[if lt IE 7]><link href="<?php echo $mosConfig_live_site;?>/templates/land/css/ie6hacks.css" rel="stylesheet" type="text/css" /> <![endif]-->
</head>
« Последнее редактирование: 23.04.2008, 21:28:32 от alexIS »
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #4 : 23.04.2008, 21:49:40 »
Вроде как да. Теперь тебе надо сделать для FF & Opera корректно, а для IE6 потом подправишь отдельно, добавив нужное в этот файл.
Вот условия для IE:
http://www.quirksmode.org/css/condcom.html
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #5 : 23.04.2008, 23:39:39 »
Спасибо громное, получилось. Оказываеться все не так и сложно.
Только вот теперь ламаю голову, как изменить цвет текста в модулях расположеных в правой колонке.
Вот единственный код, где меняя цвет на белый, цвет изменяеться, только проблемма в том что одновременно меняеться и цвет кнопок навигации на главной странице. Подскажите пожалуйста, как разделить этих два цвета:

Код
#content{
padding-left:10px;
padding-right:10px;
}

h1,.componentheading {
font-size:16px;
font-weight:bold;
}
h2,.contentheading,a.contentheading:link,a.contentheading:visited,
b.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {
font-size:16px;
font-weight:bold;
color:#009900;
}
a{
padding-left:10px;
color:#009900;
text-decoration:none;
}
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #7 : 24.04.2008, 10:24:05 »
Да совершенно верно. Только нужно ихменить цвет ссылок в правых модулях, которые на зеленом фоне. А во всех остальных случаях, ссылки должны оставться белыми. Как это сделать при помощи кода?
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #9 : 24.04.2008, 11:43:54 »
Спасибо Вы и так мне много помогли. Может кто другой подскажет. Пожалуйста, очень надо.
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #10 : 24.04.2008, 11:50:11 »
alexIS ну решение есть (временное), например добавить ещё 2 класса:

a.latestnews-my_right77 {color: вашцвет;}
a.mostread-my_right {color: вашцвет;}

Но это решения конкренто для этих модулей, в будущем, при добавлении новых, оно не сработает. Вот я не  смог разобратся, как для всех правых модулей это назначить :(

Re: Доводка шаблона до ума
« Ответ #11 : 24.04.2008, 11:53:48 »
Спасибо громное, получилось. Оказываеться все не так и сложно.
Только вот теперь ламаю голову, как изменить цвет текста в модулях расположеных в правой колонке.
Вот единственный код, где меняя цвет на белый, цвет изменяеться, только проблемма в том что одновременно меняеться и цвет кнопок навигации на главной странице. Подскажите пожалуйста, как разделить этих два цвета:

Код
#content{
padding-left:10px;
padding-right:10px;
}

h1,.componentheading {
font-size:16px;
font-weight:bold;
}
h2,.contentheading,a.contentheading:link,a.contentheading:visited,
b.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {
font-size:16px;
font-weight:bold;
color:#009900;
}
a{
padding-left:10px;
color:#009900;
text-decoration:none;
}
по идее надо разбить на две части этот кусок
h2,.contentheading,a.contentheading:link,a.contentheading:visited,
b.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #12 : 24.04.2008, 11:55:33 »
senokosov ты неправ. Они не отвечают за вывод ссылок в модуле.

Re: Доводка шаблона до ума
« Ответ #13 : 24.04.2008, 12:10:51 »
короче надо по порядку сначала посмотреть на шаблон! пощупать его! исправить
1-кнопка Объявления, при наведении на которую вылезает кривая картинка(по крайней мере в опере)
2-исправить верхнее меню, оно по длине короче, модуля который справа
3-исправить картинку внизу,тоже что и пункт два, оба пункта можно подправить сместив правый модуль к центру
это для начала!
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #14 : 24.04.2008, 13:25:21 »
alexIS ну решение есть (временное), например добавить ещё 2 класса:

a.latestnews-my_right77 {color: вашцвет;}
a.mostread-my_right {color: вашцвет;}

Но это решения конкренто для этих модулей, в будущем, при добавлении новых, оно не сработает. Вот я не  смог разобратся, как для всех правых модулей это назначить :(

Спасибо большое. Этот код мне помог.
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #15 : 24.04.2008, 13:30:30 »
короче надо по порядку сначала посмотреть на шаблон! пощупать его! исправить
1-кнопка Объявления, при наведении на которую вылезает кривая картинка(по крайней мере в опере)
2-исправить верхнее меню, оно по длине короче, модуля который справа
3-исправить картинку внизу,тоже что и пункт два, оба пункта можно подправить сместив правый модуль к центру
это для начала!

Да спасибо за советы. Следующим этапом и хочу исправить эти баги.
1. Даже не знаю где смотреть.
2.3. Вот выкладываю кусок файла index.php. Я пытался поставить right перед майнбоди, но это ничего не дало. А больше мне ничего и в голову не приходит. Может посмотрите мой код професиональным глазом?

Код
!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">
<head>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/land/css/template_css.css" rel="stylesheet" type="text/css"/>
<!--[if IE 7]>
<link href="<?php echo $mosConfig_live_site;?>/templates/land/css/ie6hacks.css" rel="stylesheet" type="text/css"/>
<![endif]-->
</head>
<body>
<div id="all">
<div id="header"><div id="logo2"></div><div id="logo"></div></div>
<div id="my_menu"><?php mosLoadModules ( 'user1',-1); ?></div>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top"><div id="module1"><?php mosLoadModules ( 'left'); ?></div><div id="module2"><?php mosLoadModules ( 'user2'); ?></div><div id="module3"><?php mosLoadModules ( 'user3'); ?></div></td>
    <td width="100%" valign="top"><div id="content"><div align="center"><br /><?php mosLoadModules ( 'banner'); ?></div><br />  <?php mosLoadModules ( "user6", -1 ); ?>

<?php mosMainBody(); ?></div><br /><div align="center"><?php mosLoadModules ( 'ads',2); ?></div></div><br />
    <td valign="top"><div id="my_right"><?php mosLoadModules ( 'right'); ?></div>
  </tr>
</table>

<div id="footer"></div>
</body>
</html>

А вот на всякий случай и css

Код
body{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding:0 0 0 0px;
margin:0 0 0 0px;
background: #f6f7f7;
height:100%;
width:100%;
background:#FFFFFF;
}
#footer{
height:64px;
width:100%;
background:url(../images/footer_image.jpg);
background-position:center;
background-position:bottom;
}
#header{
background:#FFFFFF;
height:169px;
width:100%;
}
#logo{
height:169px;
width:352px;
position:absolute;
left:0px;
top:0px;
background:url(/templates/land/images/logo.jpg);
}
#logo2{
width:922px;
height:169px;
position:absolute;
right:0px;
top:0px;
background:url(/templates/land/images/logo2.jpg);
}
#my_menu{
text-align:center;
background:url(/templates/land/images/menu1.jpg);
height:28px;
width:100%;
}
/* ФОРМАТИРОВАНИЕ НАВИГАЦИИ/МЕНЮ (MENU) */

a.mainlevel{
height:28px;
color:#FFFFFF;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:20px;
padding-right:20px;
text-decoration:none;
} /* форматирование ГЛАВНЫХ(main, не вложенных) элементов меню */
a.mainlevel:link {color:#FFFFFF;
font-size:16px;
height:28px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}
a.mainlevel:visited {}
a.mainlevel:hover {
background:url(../images/menu2.jpg);
color:#333333;
}

#active_menu {} /* форматирование для элемента меню, когда оно активно, даже в позиции main/sub*/

ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}

a.sublevel{} /* форматирование вложенных элементов меню (имеющих родителей) */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}
#content{}
module1{
position:absolute;
left:0px;
top:200px;
width:206px;
background:#FFFFFF;
}
h3,table.moduletable-module1 th {
font-size:16px;
color:#FFFFFF;
padding-top:20px;
background:url(/templates/land/images/module1.jpg);
background-position:left;
height:51px;
width:206px;
}
table.moduletable-module1 a {
line-height:30px;
padding-left:20px;
}
a.mainlevel-module1:link{

height:30px;
width:206px;
color:#333333;
}
a.mainlevel-module1{
color:#333333;
}
a.mainlevel-module1:hover {
font-weight:bold;
}
table.moduletable-module1 tr{
background:url(/templates/land/images/menu3.jpg) #FFFFFF;
background-repeat:no-repeat;
}
h3,table.moduletable-module2 th {
font-size:16px;
color:#FFFFFF;
padding-top:13px;
background:url(/templates/land/images/module2.jpg);
background-repeat:no-repeat;
background-position:left;
height:51px;
width:206px;
}
module2{

}
table.moduletable-module2{
background:url(../images/module3.jpg);
background-position:bottom;
background-repeat:no-repeat;
height:267px;
width:202px;
}
table.moduletable-module2 td{
line-height:17px;
padding-left:20px;
}
table.moduletable-module2 a{
color:#009900;
}
#my_right{
width:215px;
text-align: center;
color:#FFFFFF;
}
h3,table.moduletable-my_right th {
font-size:16px;
color:#FFFFFF;
padding-top:16px;
background:url(/templates/land/images/module4.jpg);
background-repeat:no-repeat;
background-position: right;
height:51px;
width:206px;
text-align: center;
}
table.moduletable-my_right{
background:url(../images/module5.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom: 50px;
text-align: left;
color:#FFFFFF;
}
table.moduletable-my_right th{
}

#my_right77{
width:215px;
text-align: center;
color:#FFFFFF;
}
h3,table.moduletable-my_right77 th {
font-size:16px;
color:#FFFFFF;
padding-top:16px;
background:url(/templates/land/images/module4.jpg);
background-repeat:no-repeat;
background-position: right;
height:51px;
width:206px;
text-align: center;
}
table.moduletable-my_right77{
background:url(../images/module5.jpg);
background-position:top;
background-repeat:no-repeat;
padding-bottom: 10px;
text-align: left;
color:#FFFFFF;
}
table.moduletable-my_right77 th{
}


#content{
padding-left:10px;
padding-right:10px;
}
h1,.componentheading {
font-size:16px;
font-weight:bold;
}
h2,.contentheading,a.contentheading:link,a.contentheading:visited,
.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {
font-size:16px;
font-weight:bold;
}
a{
padding-left:10px;
color:#009900;
text-decoration:none;
}
a.latestnews-my_right77 {color: #FFFFFF;}
a.mostread-my_right  {color: #FFFFFF;}
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #17 : 24.04.2008, 15:50:16 »
Хочется, чтобы правый блок сдвигался вместе с лого и верхним меню. А не так как сейчас, лого уходит влево, а правый блок стоит на месте. Я понимаю что его не пускает фиксированой ширины блок рекламы, но надо и чтобы меню и лого тоже стояли наместе.
Насколько я понимаю надо както прописать чтобы правый блок был привязан к лого. Но вот как этого сделать я не знаю. Пару раз пытался его менять местами, но все без толку.
Проблему с наведением решил, просто увеличил размер картинки наведения, и все стало на место.
« Последнее редактирование: 24.04.2008, 16:12:38 от alexIS »
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #18 : 24.04.2008, 16:24:43 »
Я совсем запутался... Нарисуй может быть в пейнте и приложи, как ты хочешь это видеть...
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #19 : 24.04.2008, 16:36:31 »
Вот смотри: когда начинаешь уменшать ширину окна: правый блок стоит на месте а лого и верхнее меню уходит влево. Вот как это исправить?

И еще: Вот этот код мне помог a.latestnews-my_right77 {color: вашцвет;}, но стояло мне заменить модуль вывода сообщений их форума SMF на форум FB, и все пропало.
Я так понял что слово latestnews это класс модуля, но вот где его брать и какой класс у модуля mod_fblatest я так и не нашел. Помогите плиииииз.
« Последнее редактирование: 24.04.2008, 21:14:25 от alexIS »
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #20 : 24.04.2008, 21:25:57 »
Я же говорил, что с цветом ссылки временное решение... А у fireboard_latest просто класс `a`. :( По поводу сдвигания - тебе реклама мешает, она слишком широкая.

Кстати, если ты пользуешся firefox, то для него есть замечательная и незаменимая вещь - Web developer:
https://addons.mozilla.org/en-US/firefox/addon/60
Сможешь посмотреть любую инфу о типе элемента страницы.
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #21 : 24.04.2008, 22:15:36 »
Спасибо конечно большое за внимание, но подскажи мне такому непонимающему, как это правельно прописать.
}
a-my_right77 {color: #FFFFFF;}  так не проходит.
}
*

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #22 : 25.04.2008, 18:09:18 »
Все, вопрос снимаю, разобрался.
Надо было написать так:
table.moduletable-my_right77 a{
color:#FFFFFF;      (может кому пригодится)
Всем спасибо за непосильную помощь, особенно bzzik. И действительно Web developer очень полезная вещь.
Все теперь шаблон на что-то похож.
*

b2z

  • Глобальный модератор
  • 7288
  • 778 / 0
  • Разраблю понемногу
*

Серенький

  • Осваиваюсь на форуме
  • 20
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #24 : 07.03.2012, 17:16:39 »
Подскажите пожалуйста может кто знает, такая проблема появилась, сайт работает во всех браузерах отлично, ну мелочи не считаются, а вот в IE как всегда чудеса, на сей раз везде фон такой как задан в CSS а в IE он идет бело-черным градиентом, я уже чего только не делал никакой реакции, может кто знает как исправить эту корректную работу IE ;D

вот на всякий случай сайт: nakopilka.ua
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Запретить наследование из шаблона на странице SP Page Build

Автор AlexP750

Ответов: 15
Просмотров: 2277
Последний ответ 17.08.2021, 12:30:51
от AlexP750
Как вставить свой CSS в общий файл CSS шаблона Yootheme?

Автор Lemonez

Ответов: 16
Просмотров: 1565
Последний ответ 21.01.2021, 05:11:58
от Lemonez
Как убрать боковые отступы в мобильной версии шаблона?

Автор Евгений1980

Ответов: 2
Просмотров: 1715
Последний ответ 18.01.2021, 18:24:53
от arma
Как убрать мобильную версию шаблона?

Автор Dwad

Ответов: 3
Просмотров: 1232
Последний ответ 23.01.2018, 08:53:18
от MaxTs
Как изменить ширину шаблона?

Автор qromen

Ответов: 32
Просмотров: 35115
Последний ответ 09.10.2017, 16:10:09
от AntonShilov