Новости Joomla

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1

👩‍💻 Joomla 6 нуждается в вашей помощи с тестированием.Вышел недавно релиз Joomla 6 alpha1. Это релиз, в который включены уже проверенные изменения, но ещё очень многие исправления и улучшения ждут своей очереди. Joomla следит за качеством и безопасностью своего кода и каждое изменение должно быть успешно протестировано как минимум ещё двумя участниками сообщества. Разработка Joomla ведётся на платформе GitHub.Филипп Уолтон (Philip Walton) - один из разработчиков, кто активно вносит свой вклад в ядро Joomla. Он уже несколько месяцев посвящает свои послеполуденные часы пятницы работе с Joomla и предлагает присоединиться к нему. 📆 Пятница, 30 мая 2025, с 15:00 до 17:00 по UTC (Лондон) - с 18:00 до 20:00 по Москве.В чате Google Meet Филипп готов помочь с тестированием тем, кто будет делать это в первый раз. А так же он подготовил список лёгких Pull Request, которые можно протестировать довольно быстро. Чем больше тестов будет проведено сейчас, тем меньше ошибок вылезет потом. На данный момент 148 (уже 147 на момент написания заметки) PR на GitHub Joomla ждут тестирования.👩‍💻 Open to all. All together.Также вам поможет сделать первые шаги это видео.GitHub JoomlaДа, это вечер пятницы. Но тестирование занимает порой минут 15, а доброе дело сделано. Просто убедитесь, что разработчик чего-то не пропустил и всё работает как ожидается.#joomla #joomla6 #community

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

Kovryga

  • Захожу иногда
  • 99
  • 1 / 0
приветствую!
 
  необходимо в шаблоне, чтобы в зависимости от ширины экрана менялся фон в шапке сайта.
 
  поделитесь опытом как такое лучше реализовать?
  сам пока остановился на проверке JS разрешения экрана и подгрузки необходимого стиля  в элемент.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Да, без js тут никак не получится.
Чем же расширение определять?
Правда есть такой момент:
Получается, что посетитель будет лишний трафик гнать себе из-за того, что браузер расширил или закрыл/открыл панель избранного?
Думаю, что не очень хороший подход.
*

css-wizard

  • Осваиваюсь на форуме
  • 14
  • 2 / 0
странное вообще пожелание, картинку можно либо обрезать, либо растягивать, покажите что ли изображения, интересно стало:)
*

Kovryga

  • Захожу иногда
  • 99
  • 1 / 0
а как происходит обрезание картинки?
желательно с примером
*

Full_crazy

  • Захожу иногда
  • 264
  • 48 / 0
  • Иногда думаю ...
а как происходит обрезание картинки?
желательно с примером
в банальном варианте берем картинку шириной , скажем, в 2000 пикселей. и пихаем ее в нужный слой, например - в header
Код
#header{
width:100%;
height:250px; /* высота фоновой картинки*/
background:url(../images/image.gif top right no-repeat;
}
Наша фоновая картинка прилипнет к правому краю хедера, лишнее обрежется. При увеличении окна браузера она будет постепенно "выплывать" слева.
  Такая реализация иногда очень красиво получается  ;)
Joomla! = невозможного почти нет!
*

Kovryga

  • Захожу иногда
  • 99
  • 1 / 0
ну да...только такая реализация хороша, когда используется какая-нибудь картинка с фоном...
а у меня текст (надпись) должен "проявиться" при увеличении разрешения...
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
а у меня текст (надпись) должен "проявиться" при увеличении разрешения...
Не очень понятно какого эффекты хотите добиться.
Опишите подробней.
*

Kovryga

  • Захожу иногда
  • 99
  • 1 / 0
Тогда проще на примере покажу:
www.nvpoint.ru

верх, где логотип и "бегущий человек"....
заказчик хочет, чтобы при большом разрешении "белое" пространство между логотипом и "человечком" заполнялось надписью по середине - "сеть канцелярских магазинов"...

вот и думаю, как же лучше это сделать.
может не там рою?

*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Ну тут двойственная ситуация.
Что имеет ввиду заказчик под понятием «большое расширение»?
Если, к примеру, смотреть сайт на широкоформатном мониторе (а это порядка 1660px видимой области в ширину, может быть и больше у больше), то пространство между логотипом и человечком оказывается на столько большой пустотой, что туда можно поместить несколько таких надписей.
Поэтому, вставка туда одной надписи, общую картину не изменит. И что еще что хуже, что она будет видна только тем, у кого мониторы «получше». Т.е. посетители со старыми мониторами и маленькими расширениями не будет браться в расчет.

Что предлагаю сделать.
Думаю, что тут надо пересмотреть компоновку шапки.
Какие элементы сейчас имеются в шапке: логотип, человек с цветными квадратиками и блок корзины с пиктограммами сверху.
Как их предлагаю разбить, добавив требуемую надпись: логотип, надпись, человек с цветными квадратиками, блок корзины с пиктограммами.
При этом, человек с цветными квадратиками будет являться «плавающим» фоновым изображением шапки, который будет немного смещаться при изменении размера окна браузера.
Остальные элементы — это блоки.
Таким образом шапка будет выглядеть полноценной на любом расширении.

Как пример:
Шапка при ширине 1000рх


Шапка при ширине 1664рх


p.s.
Думаю, что стоит подумать о смене изображения корзины.
Сейчас она больше напоминает мусорную, а не товарную.
*

Kovryga

  • Захожу иногда
  • 99
  • 1 / 0
огромное спасибо за ПОЛНЫЙ ответ :)

в том и дело, что всю шапку клиент не хочет переделывать, а только "надпись" интересует....
так, само-собой мне было бы проще сделать...вариант с кубиками ему тоже предлагался
но попробую убедить...
буду тоды думать, как лучше обтяпать это дело

зы.
по-поводу корзины - знаю, но заказчику запала именно она из разных предложенных вариантов ....тележка классическая тоже не устроила...у него почему то слово корзина, аасоицируется именно с ТАКОЙ корзиной

как в шапку вставить логотип
*

pacan74

  • Новичок
  • 4
  • 0 / 0
Здраствуйте хотелось бы поднять эту тему.

нужно сделать хедер который при увиличение монитора раздвигался бы как на этом сайте "http://www.npo.lit.ru/production/uf-lampi"

я как понял, он делится на 3 блока, и центральный как то уменьшается в зависимости от размера монитора а правый и левый фиксированы

ПОжалуйста подскажите как это реализовать!
*

imsprice

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
  • http://www.imsprice.ru
Я тоже хочу спросить - как добавить в шаблон шапку сайта если изначально она там не предусмотрена - помогите изменить CSS шаблона чтобы можно было создать полноценную  шапку сайта
Код
п»ї@charset "utf-8";
/*---------------------------------------------------
Desidgned by Juergen Koller
Designers Home: http://www.LernVid.com
---------------------------------------------------*/

html {
height : 101%;
}
body {
margin:0;
padding:0;
font-family: verdana,sans-serif;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
color: #3659ce;
background-color: #e3eefb;
background-image:url('../images/bg.gif');
background-position: center top;
background-repeat:repeat-y;
}
#bg_up {
background-image:url('../images/bg_up.jpg');
background-position: center top;
background-repeat: no-repeat;
}
#wrapper {
width: 998px;
margin: 0 auto;
background-color:#f2f6fb;
}
#masthead_container {
margin:0;
padding:0;
    height: 200px;
    width: 100%;
}
#masthead {
margin:0 auto;
padding:0;
width: 998px;
    height: 175px;
margin:auto;
background-image:url('../images/header.jpg');
background-position: center top;
background-repeat:no-repeat;
}
#topbox {
margin:0 auto;
padding:0;
width: 998px;
    height: 20px;
background-image: url(../images/topbox.gif);
background-repeat: no-repeat;
}
#search {
float: right;
width: 120px;
height: 15px;
margin: 2px 0 0 0;
}
#search_inner {
margin: 0;
}
#search_inner input,
#search_inner .inputbox {
font-size: 11px;
float: left;
margin: 0;
border: none;
padding: 0 0 0 5px;
color: #9bafde;
background-color: transparent;
}
#search_inner .inputbox:hover {
background-color: transparent;
color: #5a5fa1;
}
#sitetitle {
height: 80px;
line-height: 80px;
width: 400px;
float: left;
font-size: 24px;
text-align: left;
margin: 55px 0 0 0;
padding: 0 0 0 30px;
background-image:url('../images/sitetitle.gif');
background-position:left top;
background-repeat: no-repeat;
color: #a3c9f8;
}
#top_outer {
width: 520px;
height: 150px;
float:right;
background-image:url('../images/top_outer.gif');
background-position: center top;
margin: 15px 10px 0 10px;
overflow: hidden;
}
#top {
margin: 7px 7px 7px 7px;
width: 525px;
height: 170px;
overflow: hidden;
}
#top div.moduletable {
margin: 0;
padding: 0;
}
#top div.moduletable div {
height: 90px;
margin: 3px 7px 3px 7px;
}
#top div.moduletable h3 {
background-image : none;
text-align : left;
padding:0;
margin :0;
overflow : hidden;
font-weight: bold;
border:none;
font-size : 12px;
font-variant:normal;
text-decoration: none;
color:#333;
padding-left:10px;
height: 30px;
line-height:30px;
}
/* Im Container stellt man die Breite ein */
#container {
text-align:left;
padding: 0;
margin:auto;
}
#container2 {
text-align:left;
background-color: transparent;
margin:auto;
}
/* Navigation oben quer */
#navigation {
background-image:url('../images/navigation.gif');
overflow: hidden;
height: 30px;
    margin:auto;
text-align:center;
padding:0;
margin: 0;
}
#user_modules1 {
width: 99.9%;
float:left;
height: auto;
border:none;
padding:0 0 2px;
margin: 5px 0 5px 0;
background-image:url('../images/user_modules.gif');
background-repeat:repeat-x;
}
#user5 .moduletable, #user6 .moduletable, #user7 .moduletable {
margin:0;
background-image:url('../images/user_modules_inner.gif');
background-repeat:repeat-x;
}
#user5 .moduletable div, #user6 .moduletable div, #user7 .moduletable div {
margin: 3px 7px 3px 7px;
}

#user5_outer {
float:left;
width: 31.3%;
padding: 0 1% 0 1%;
overflow:hidden;
}
#user6_outer {
float:left;
width: 31.3%;
padding: 0 1% 0 1%;
overflow:hidden;
}
#user7_outer {
float:left;
width: 31.3%;
padding: 0 1% 0 1%;
overflow:hidden;
}
#user_modules3 {
width: 99.9%;
float:left;
height: auto;
background-color: transparent;
border:none;
padding:0 0 2px;
margin: 5px 0 5px 0;
background-image:url('../images/user_modules.gif');
background-repeat:repeat-x;
}
#user8 .moduletable, #user9 .moduletable, #user10 .moduletable {
margin:0;
background-image:url('../images/user_modules_inner.gif');
background-repeat:repeat-x;
}
#user8 .moduletable div, #user9 .moduletable div, #user10 .moduletable div {
margin: 3px 7px 3px 7px;
}
#user8_outer {
float:left;
width: 31.3%;
padding: 0 1% 0 1%;
overflow:hidden;
}
#user9_outer {
float:left;
width: 31.3%;
padding: 0 1% 0 1%;
overflow:hidden;
}
#user10_outer {
float:left;
width: 31.3%;
padding: 0 1% 0 1%;
overflow:hidden;
}
#user_modules2 {
width: 100%;
float:left;
margin: 10px 0 10px 0;
padding:0;
height: auto;
background-color: transparent;
border:none;
background-image:url('../images/user_modules.gif');
background-repeat:repeat-x;
}
#user1 {
width: 45%;
float:left;
min-height: 100px;
overflow:hidden;
margin: 0 10px 0 10px;
}
#user2 {
width: 45%;
float:right;
min-height: 100px;
overflow:hidden;
margin: 0 10px 0 10px;
}
#page_content {
padding: 0px;
margin: 3px 0 0 0;
width: 100%;
}

#left_outer {
float : left;
width : 160px;
margin : 0;
padding : 0;
}
#left_top {
background-image : url(../images/left_top.gif);
background-repeat : no-repeat;
float : left;
width : 160px;
height : 25px;
padding : 0;
margin : 0;
}
#left_inner {
float : none;
padding: 2px 8px 2px 2px;
width : 150px;
}
#left_inner_float {
width : 160px;
float : left;
background-image : url(../images/left.gif);
background-repeat : repeat-y;
background-position:right top;
}
#left_bottom {
background-image : url(../images/left_bottom.gif);
background-repeat : no-repeat;
float : left;
width : 160px;
height : 25px;
}
#right_outer {
float : right;
width : 160px;
padding : 0;
margin : 0;
}
#right_top {
background-image : url(../images/right_top.gif);
background-repeat : no-repeat;
float : left;
width : 160px;
height : 25px;
}
#right_inner {
float : none;
padding: 2px 2px 2px 8px;
width : 150px;
}
#right_inner_float {
width : 160px;
float : left;
background-image : url(../images/right.gif);
background-repeat : repeat-y;
}
#right_bottom {
background-image : url(../images/right_bottom.gif);
background-repeat : no-repeat;
float : left;
width : 160px;
height : 25px;
}
#content_outer {
float:left;
width: 100%;
margin-bottom: 10px;
}
#content_inner {
width: 100%;
height:auto;
float:left;
}
/* content_outleft + content_outleft + content_outleft steuern das margin left und right via phpscript in der index.php */
#content_outleft {
margin: 0 5px 0 170px;
}
#content_outmiddle {
margin: 0 170px;
}
#content_outright {
margin: 0 170px 0 0;
}
#content {
float:left;
padding: 0 10px 10px 10px;
min-height: 400px;
width: 98%;
}
#content_up {
width: 100%;
height: 25px;
padding:0;
margin:0;
}
#content_up_left {
float: left;
background-color: transparent;
background-image:url('../images/content_up_left.gif');
background-position:center top;
background-repeat: repeat-x;
width: 100%;
height: 25px;
padding:0;
margin:0;
}
#content_up_right {
background-color: transparent;
float:right;
width: 200px;
height: 25px;
padding:0;
margin:0;
}
#content_down {
width: 100%;
height: 25px;
margin:0;
padding:0;
}
#content_down_left {
float: left;
background-color: transparent;
background-image:url('../images/content_down_left.gif');
background-position:center top;
background-repeat: repeat-x;
width: 100%;
height: 25px;
padding:0;
margin:0;
}
#content_down_right {
background-color: transparent;
float:right;
width: 100px;
height: 25px;
padding:0;
margin:0;
}

#breadcrumbs {
font-size: 10px;
float:left;
height: 25px;
line-height:25px;
width: auto;
max-width: 500px;
overflow : hidden;
font-weight : normal;
margin: 0 0 0 10px;
padding-left: 24px;
color: #8cbcf7;
background-image:url('../images/breadcrumbs.jpg');
background-position:left top;
background-repeat:no-repeat;
}
#breadcrumbs span {
padding:0;
}

#breadcrumbs a {
color: #8cbcf7;
text-decoration : none;
}
#breadcrumbs a:hover {
text-decoration : none;
}

.clr {
clear:both;
}
#footer {
clear: both;
width: 100%;
min-height: 100px;
overflow: hidden;
padding: 0;
margin: 10px 0 0 0;
text-align:center;
overflow:hidden;
background-image:url('../images/footer.jpg');
background-position: center top;
background-repeat:no-repeat;
}
#footer p {
font-size: x-small;
}
#footer a {
border:none;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}
#copyright_info {
clear: both;
font-size: 10px;
padding:0;
margin:0;
text-align:center;
overflow:hidden;
}
#copyright_info p {
font-size: 10px;
padding: 15px 20px 5px 20px;
margin:0;
text-align:center;
}
#designed_by {
color: #a3c9f8;
clear: both;
padding:0;
margin:10px 0 0 0;
text-align:center;
}
#designed_by p {
font-size: 9px;
margin:0;
text-align:center;
}
#designed_by a {
color: #a3c9f8;
text-decoration:none;
}
#designed_by a:hover {
color: #a3c9f8;
text-decoration:underline;
}
#date {
margin: 2px 0 0 0;
text-align: left;
float:left;
width: auto;
height: 15px;
overflow:hidden;
}
#date p {
color: #e3eefb;
font-size:11px;
margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
font-family: Arial, Helvetica, Sans-Serif;
}
ul, ol, li {
margin : 0;
padding : 0;
}
ul, ol {
margin : 10px 0;
padding-left : 10px;
}
ol li {
list-style-type : decimal;
line-height : 14px;
}
ul {
margin : 5px;
padding : 2px;
list-style : none;
}
li {
line-height : 14px;
padding-left : 18px;
background-image : url(../images/list.png);
background-repeat : no-repeat;
background-position : 0 4px;
list-style-type : none;
}
li:hover {
line-height : 14px;
padding-left : 18px;
background-position : 0 4px;
background-image : url(../images/list_hover.png);
background-repeat : no-repeat;
}
td {
text-align : left;
margin : 0;
padding : 0;
}
a, a:link, a:visited, a:active, a:focus {
color: #003399;
outline : none;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
table.contentpaneopen {
width : 98%;
}
table.contentpane {
width : 98%;
padding : 6px;
margin : 6px;
}
table.searchinto {
width : 100%;
}
table.moduletable {
width : 100%;
margin : 0;
padding : 0;
}
/* sitetitle, menu_oben, top, rechts menГј */
div.moduletable {
margin-bottom10px;
padding-bottom : 10px;
overflow: hidden;
}
div.moduletable div, div.moduletable_text div {
padding-left: 5px;
}
div.moduletable_text {
margin-bottom10px;
padding-bottom : 10px;
overflow: hidden;
}
#left_inner div.moduletable_text, #left_inner div.moduletable, #right_inner div.moduletable_text, #right_inner div.moduletable {
margin-bottom10px;
padding-bottom : 10px;
overflow: hidden;
background-image : url(../images/module_bg.gif);
background-repeat:no-repeat;
background-position:center bottom;
}
div.banneritem_text {
padding: 0 3px 0 3px;
margin: 0;
overflow: hidden;
}
.style_bold {
font-weight: bold;
}
.style_italic {
font-style: italic;
}
#user1 div.moduletable h3, #user2 div.moduletable h3,
#user5 div.moduletable h3, #user6 div.moduletable h3, #user7 div.moduletable h3,
#user8 div.moduletable h3, #user9 div.moduletable h3, #user10 div.moduletable h3 {
background-image : none;
text-align : left;
height : 30px;
line-height : 40px;
padding:0;
margin :0 0 10px 0;
overflow : hidden;
font-weight: bold;
border:none;
font-size : 12px;
font-variant:normal;
text-decoration: none;
color:#333;
padding-left:10px;
}
/* z.b. modul werbung*/
table.moduletable th, .moduletable_text h3 {
height: 30px;
line-height: 30px;
text-align : left;
font-weight: bold;
font-size : 13px;
margin :0;
overflow : hidden;
padding:0;
margin-bottom: 10px;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
padding-left: 12px;
color:#003399;
}
div.moduletable h3 {
height: 30px;
line-height: 30px;
text-align : left;
font-weight: bold;
font-size : 13px;
padding:0;
margin :0;
margin-bottom: 10px;
overflow : hidden;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
padding-left: 12px;
color:#003399;
}
/* z.b. modul umfrage, template chooser, wer ist online..*/
#left_inner div.moduletable h3, #right_inner div.moduletable h3 {
height: 30px;
line-height: 30px;
text-align : left;
font-weight: bold;
font-size : 13px;
padding:0;
margin :0;
margin-bottom: 10px;
overflow : hidden;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
padding-left: 12px;
color:#003399;
}
/* breite des hauptmenГјs h3 */
.moduletable_menu h3 {
height: 30px;
line-height: 30px;
text-align : left;
font-weight: bold;
font-size : 13px;
padding:0;
margin :0;
overflow : hidden;
text-decoration: none;
background-image : url(../images/module_h3.gif);
background-repeat:no-repeat;
padding-left: 12px;
color:#003399;
}

/* breite des hauptmenГјs */
.moduletable_menu {
overflow:hidden;
margin-bottom: 10px;
background-image : url(../images/module_bg.gif);
background-repeat:no-repeat;
background-position:center bottom;
padding-bottom : 10px;
}
.moduletable_menu ul.menu {
list-style : none;
background : none;
margin: 0;
}
.moduletable_menu ul.menu li {
margin : 0;
padding : 0;
list-style : none;
background : none;
}
.moduletable_menu ul.menu li a {
display : block;
vertical-align : middle;
text-align : left;
height : 22px;
line-height : 22px;
text-decoration : none;
padding:0;
margin: 0;
background-image : url(../images/menu.jpg);
background-repeat : no-repeat;
padding-left: 15px;
}
.moduletable_menu ul.menu li a span {
background : none;
}
.moduletable_menu ul.menu li a:hover, .moduletable_menu ul.menu li a:active, .moduletable_menu ul.menu li a:focus {
text-decoration : none;
text-align : left;
background-image : url(../images/menu_hover.jpg);
background-repeat : no-repeat;
color: #8cbcf7;
}
.moduletable_menu ul.menu li.active a {
background-image : url(../images/menu_hover.jpg);
background-repeat : no-repeat;
text-decoration : none;
text-align : left;
color: #5ea2f4;
}
.moduletable_menu ul.menu li.active a:hover {
text-decoration: none;
color: #5ea2f4;
}
.moduletable_menu ul.menu li.active a span {
}
.moduletable_menu ul.menu li li a span {
list-style : none;
}
.moduletable_menu ul.menu li ul {
margin : 0;
padding : 0;
list-style : none;
}
.moduletable_menu ul.menu li li {
list-style : none;
}
.moduletable_menu ul.menu li li a {
list-style : none;
vertical-align : middle;
text-align : left;
text-decoration : none;
height : 22px;
padding-left: 28px;
overflow:hidden;
}
.moduletable_menu ul.menu li li a:hover, .moduletable_menu ul.menu li li a:active, .moduletable_menu ul.menu li li a:focus {
list-style : none;
background : none;
text-decoration : none;
}
.moduletable_menu ul.menu li li.active a {
list-style : none;
background : none;
text-decoration : none;
}
.moduletable_menu ul.menu li li a span {
list-style : none;
background : none;
}
.moduletable_menu ul.menu li li li a span {
padding-left: 10px;
}
.componentheading {
overflow: hidden;
font-size : 13px;
text-transform:uppercase;
font-weight:normal;
text-align:center;
height: 30px;
line-height: 30px;
}
.contentheading {
font-size : 13px;
height : 16px;
line-height : 16px;
background-image : url(../images/contentheading.jpg);
background-repeat: no-repeat;
background-position:left top;
font-weight: bold;
padding: 0 0 0 16px;
}
.contentheading a {
color: #3659ce;
font-size : 13px;
height : 16px;
line-height : 16px;
font-weight: bold;
}
.pagenav {
font-size: 9px;
text-transform:uppercase;
text-align : center;
padding : 3px 5px 2px 5px;
margin : 5px 1px 5px 1px;
color: #000;
border : 1px solid #a4c0dc;
background-image : url(../images/button_bg.gif);
background-repeat:repeat-x;
background-position:center top;
background-color: #e3eefb;
}
a.pagenav {
color: #000;
}
.pagenav a:hover {
color: #ff0000;
text-decoration : none;
}
.pagenav_next {
text-decoration : none;
}
.pagenav_next a:hover {
color: #b5d72b;
text-decoration : none;
}
.pagenav_prev {
text-decoration : none;
}
.pagenav_prev a:hover {
color: #b5d72b;
text-decoration : none;
}
.blog {
width : 100%;
}
.blog_more {
margin : 10px 5px 20px 5px;
}
.blog_more strong {
margin : 2px;
display : block;
font-weight : bold;
text-decoration:underline;
padding-left: 3px;
text-transform:uppercase;
}
.blog_more ul {
margin : 5px;
padding : 0;
}
.blog_more ul li {
text-align : left;
line-height : 14px;
padding-left : 18px;
}
.article_separator {
clear : both;
display : block;
height : 10px;
margin-bottom : 30px;
background-image : url(../images/sep.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
.article_column {
padding : 10px;
margin : 5px;
}
.article_column column_separator {
padding : 10px;
margin : 5px;
}
.article-tools {
width : 100%;
float : left;
clear : both;
margin-bottom : 15px;
display : block;
background-color: #fbfcf8;
}
.article-meta {
padding : 5px;
width : 80%;
float : left;
}
.button {
font-size: 9px;
color: #000;
background-image : url(../images/button_bg.gif);
background-position:center top;
text-align : center;
border : 1px solid #a4c0dc;
padding : 2px 3px 2px 3px;
margin : 2px 3px 2px 3px;
background-color: #e3eefb;
}
.button:hover {
color#003399;
border : 1px solid #a4c0dc;
}
.validate {
height: 20px;
line-height: 22px;
color: #000;
background-image : url(../images/button_bg.gif);
background-position:center top;
text-align : center;
border : 1px solid #a4c0dc;
}
.validate:hover {
color#003399;
border : 1px solid  #a4c0dc;
}
.invalid {
border-color: #a4c0dc;
}
label.invalid {
color: #ff0000;
text-decoration:blink;
}
.back_button {
font-size: 9px;
height: 22px;
line-height: 22px;
background-image : url(../images/button_bg.gif);
background-position:center top;
text-align : center;
color: #000;
border : 1px solid #a4c0dc;
}
.back_button:hover {
color#003399;
border : 1px solid #a4c0dc;
}
.back_button a:link {
text-decoration : none;
}
.back_button a:visited {
text-decoration : none;
}
.back_button a:hover {
text-decoration : none;
}
#form-login .input {
padding : 2px;
margin : 2px;
background : none;
border : none;
}
form {
margin : 0;
padding : 0;
border : none;
}
#form-login {
border : none;
padding: 5px;
}
#form-login ul {
padding : 0;
margin : 0;
list-style : none;
}
#form-login li {
margin : 0;
padding:0;
background : none;
list-style : none;
}
#form-login .input {
margin:0;
padding:0;
}
.inputbox {
color: #000;
border: 1px solid #ddd;
border-top: 1px solid #bbb;
background-color: #fff;
}
.inputbox:hover {
border : 1px solid #ddd;
border-top: 1px solid #999;
background-color: #efefef;
}
input {
border : 1px solid #cbf8a6;
}
input:hover {
border : 1px solid #333;
}
.sectiontableheader {
border: 1px solid #f7f7f7;
background-color: #fff;
text-align : left;
text-transform : none;
margin : 0;
padding : 2px;
height : 30px;
}
.sectiontablefooter {
padding : 2px;
margin : 0;
text-align : left;
text-transform : none;
background-color: #fff;
}
.sectiontableentry0 {
border-bottom : 1px solid #444;
background-color: #fff;
text-align : left;
}
.sectiontableentry1 {
border-bottom : 1px solid #fff;
background-color: #e3eefb;
text-align : left;
}
.sectiontableentry2 {
border-bottom : 1px solid #fff;
background-color: #fff;
text-align : left;
}
.sectiontableentry1 td {
padding : 2px 5px 2px 5px;
margin : 1px;
}
.sectiontableentry2 td {
padding : 2px 5px 2px 5px;
margin : 1px;
}
.sectiontableentry0 td {
padding : 2px 5px 2px 5px;
margin : 1px;
}
h1 {
font-weight : bold;
font-size : 24px;
line-height : 26px;
font-weight : normal;
}
h2 {
font-size : 20px;
line-height : 22px;
font-weight : normal;
}
h3 {
font-size : 18px;
line-height : 20px;
font-weight : normal;
}
h4 {
font-size : 16px;
line-height : 18px;
font-weight : bold;
}
h5 {
font-size : 14px;
line-height : 16px;
font-weight : bold;
}
h6 {
font-size : 12px;
line-height : 14px;
font-weight : bold;
}
.contact_email {
padding : 5px;
margin : 5px;
}
#component-contact {
margin-top : 10px;
}
.hasTip {
margin: 5px;
background-color: transparent;
border: none;
}
.tool-tip {
float : left;
background : #202020;
padding : 5px;
max-width : 200px;
}
.tool-title {
padding : 0;
margin : 0;
font-size : 100%;
font-weight : bold;
margin-top : -15px;
padding-top : 15px;
padding-bottom : 5px;
background-repeat : no-repeat;
}
.tool-text {
font-size : 100%;
margin : 0;
}
table.paramlist {
margin-top : 5px;
}
table.paramlist td.paramlist_key {
width : 128px;
text-align : left;
height : 30px;
}
div.message {
font-weight : bold;
font-size : 14px;
text-align : center;
width : auto;
background-color: #202020;
margin : 3px 0 10px;
padding : 3px 20px;
}
.pagination span {
padding : 2px;
}
.pagination a {
padding : 2px;
}
img {
border : none;
padding: 2px 5px 2px 5px;
}
div.mosimage {
border : 2px solid #fff;
background-color: #cdab71;
}
.mosimage {
margin : 0;
background-color: #cdab71;
}
.mosimage_caption {
margin-top : 0;
background-color: #cdab71;
padding : 0;
font-size : 10px;
}
a img.calendar {
width: 16px;
height: 16px;
margin-left: 3px;
cursor: pointer;
vertical-align: middle;
}
.error {
font-style : italic;
text-transform : uppercase;
padding : 5px;
color: #ff0000;
}
#system-message {
margin : 10px;
}
#system-message dd.message ul {
border-top : 2px solid #fff;
border-bottom : 2px solid #fff;
margin : 5px;
padding-left : 40px;
text-indent : 0;
}
#system-message dd.error ul {
border-top : 2px solid #fff;
border-bottom : 2px solid #fff;
margin : 5px;
padding-left : 40px;
text-indent : 0;
}
#system-message dd.notice ul {
border-top : 2px solid #fff;
border-bottom : 2px solid #fff;
margin : 5px;
padding-left : 40px;
text-indent : 0;
}
.small {
font-family : Arial, Helvetica, sans-serif;
color: #a4c0dc;
font-size : 9px;
}
.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
color: #a4c0dc;
}
.modifydate {
font-family : Arial, Helvetica, sans-serif;
color: #a4c0dc;
font-size : 9px;
}
.highlight {
background-color: #cbf8a6;
color: #ff0000;
padding : 0;
}
.code {
background-color: #a4c0dc;
border : 1px solid #bbb;
}
fieldset {
margin : 10px;
padding : 10px;
border : 1px solid #fff;
}
/* Formatvorlagen fГјr die Navigation-Oben */
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0 auto;
}
ul#mainlevel-nav li {
    text-align:center;
background-image:none;
font-weight : bold;
float:left;
margin : 0 auto;
padding : 0;
height : 30px;
line-height : 30px;
white-space : nowrap;
background-color: transparent;
}
ul#mainlevel-nav li a {
text-align : center;
font-weight:normal;
display : block;
padding-left : 15px;
padding-right : 15px;
margin-right: 2px;
text-decoration:none;
background-color: transparent;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
text-decoration:none;
background-image : url(../images/nav_hover.gif);
background-position:center top;
background-repeat: no-repeat;
background-color: transparent;
color: #8cbcf7;
}
ul#mainlevel-nav li a#active_menu-nav {
background-image : url(../images/nav_hover.gif);
background-position:center top;
background-repeat:no-repeat;
color: #8cbcf7;
}
table.poll {
font-size: 10px;
padding : 0;
width : 100%;
border-collapse : collapse;
}
table.pollstableborder {
padding : 0;
width : 98%;
border 1px solid #a4c0dc;
text-align : left;
}
table.pollstableborder img {
vertical-align : baseline;
padding-left : 10px;
}
table.pollstableborder td {
padding : 2px;
border-collapse : collapse;
border-spacing : 0;
}
table.pollstableborder tr.sectiontableentry1 td {
margin : 1px;
padding : 2px 5px 2px 5px;
}
table.pollstableborder tr.sectiontableentry2 td {
margin : 1px;
padding : 2px 5px 2px 5px;
}
table.pollstableborder tr.sectiontableentry0 td {
margin : 1px;
padding : 2px 5px 2px 5px;
}
object {
outline:none;
}
.button2-left {
float:left;
padding: 10px;
}
hr {
background-image : url(../images/sep.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Некорректное отображение сайта на смартфоне

Автор Bazilio_69

Ответов: 0
Просмотров: 866
Последний ответ 04.09.2024, 20:36:06
от Bazilio_69
Изменить заголовок в шапке сайта

Автор kunsaid

Ответов: 0
Просмотров: 2315
Последний ответ 03.12.2022, 18:34:32
от kunsaid
Адаптивное меню для сайта на CSS

Автор YuliaOks

Ответов: 1
Просмотров: 1257
Последний ответ 02.06.2019, 19:31:23
от Taatshi
Появление свободного пространства внизу сайта

Автор Андрей Нестеров

Ответов: 13
Просмотров: 1568
Последний ответ 23.11.2018, 09:16:36
от Support
Где убрать часть меню с сайта

Автор mihsmol

Ответов: 1
Просмотров: 1246
Последний ответ 02.06.2018, 06:33:52
от effrit