Новости Joomla

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!

Quantum Manager нужен сообществу, а автору нужна ваша поддержка!Файловый менеджер Quantum — одно...

Файловый менеджер Quantum — одно из самых популярных решений для Joomla, созданное разработчиком из сообщества Joomla, Дмитрием Цымбалом (@tsymbalmitia). Он делает Quantum удобным, безопасным и современным, обновляет его, исправляет уязвимости и отвечает пользователям — всё это в свободное от основной работы время.

Теперь настал момент для следующего шага: развитие проекта требует больше времени и ресурсов.

Русский язык для плагина N3T Cookie consent

Вставка VK VIDEO v.1.2.4 - плагин для Joomla

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

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

  • Глобальный модератор
  • 7287
  • 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

  • Глобальный модератор
  • 7287
  • 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

  • Глобальный модератор
  • 7287
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #6 : 24.04.2008, 09:19:38 »
Цвет ссылок я так понимаю?
Записан
*

alexIS

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

b2z

  • Глобальный модератор
  • 7287
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #8 : 24.04.2008, 11:41:45 »
Честно - больная тема... Может кто-то ещё подскажет?
Записан
*

alexIS

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

b2z

  • Глобальный модератор
  • 7287
  • 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 »
Цитата: alexIS от 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;
}
по идее надо разбить на две части этот кусок
h2,.contentheading,a.contentheading:link,a.contentheading:visited,
b.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited
Записан
*

b2z

  • Глобальный модератор
  • 7287
  • 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 »
Цитата: bzzik от 24.04.2008, 11:50:11
alexIS ну решение есть (временное), например добавить ещё 2 класса:

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

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

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

alexIS

  • Осваиваюсь на форуме
  • 33
  • 0 / 0
Re: Доводка шаблона до ума
« Ответ #15 : 24.04.2008, 13:30:30 »
Цитата: senokosov от 24.04.2008, 12:10:51
короче надо по порядку сначала посмотреть на шаблон! пощупать его! исправить
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

  • Глобальный модератор
  • 7287
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #16 : 24.04.2008, 13:40:17 »
А чего хочется достичь?
Записан
*

alexIS

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

b2z

  • Глобальный модератор
  • 7287
  • 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

  • Глобальный модератор
  • 7287
  • 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

  • Глобальный модератор
  • 7287
  • 778 / 0
  • Разраблю понемногу
Re: Доводка шаблона до ума
« Ответ #23 : 25.04.2008, 18:27:13 »
Вот и замечательно ;)
Записан
*

Серенький

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

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

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

Автор AlexP750

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

Автор Lemonez

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

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

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

Автор Dwad

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

Автор qromen

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