Доброго времени суток всем, подскажите пожалуйста как изменить внешний вид отображения модуля "Последние новости"? но есть задать им другой цвет ссылок, шрифт, границы.. Пыталась изменять в template_css.css .mostread ul { font:9px verdana, sans-serif;} /*Format fьr die "Beliebtesten Beitrдge" Liste, default ist "Beliebteste Beitrдge" user2-Modul*/ .mostread li { font:9px verdana, sans-serif; color:#6E7045; border-left:0px solid #6E7045; padding:5px 0px 0px 5px;} Но это никак не отобразилось на внешнем виде новостей на сайте(( Может нужно где-то еще прописать изменения?
Ирина Ревин, дайте ссылку на сайт. У меня под рукой нет этого модуля На вскидку, чтобы изменить внешний вид всего модуля, нужно в настройках модуля присвоить ему css-суффикс, скажем -read Затем добавить в css: table.modultable-read{ пишем тут что хотим } table.modultable-read a{ стиль для ссылок } table.modultable-read ul li{ стиль списка }
туда вставляй -read а в своей таблице стилей в templates/тво_шаблон/CSS/template_css.css пропиши Код (CODE): table.modultable-read{ пишем тут что хотим } table.modultable-read a{ стиль для ссылок } table.modultable-read ul li{ стиль списка } где по русски там свои значения выставишь
А в какое место именно прописывать данные значения? Или не имеет значения? Вот код моего template_css Код (CODE): html {background: url(../images/bg.gif);} body { color:black; padding:206px 25px 0px 26px; margin:0; font:13px verdana, sans-serif; background: repeat-y center top; background: url(../images/bg-top.gif) repeat-x; } html>body { font:13px verdana, sans-serif; padding:206px 29px 0px 26px; } /* Allgemeine Einstellugen fьr das ganze Template*/ #menulinks { width:120px; border-left: 1px solid #A69D95; background: url(../images/bg-navi.gif) repeat-x; padding:8px 88px 0 10px; float:left; } html>body div#menulinks { padding:8px 88px 0 10px; width:120px;} #menurechts { float:right; width:120px; border-right: 1px solid #A69D95;} #top_menue { border-top:1px solid #FFFFFF; background: #DCD7D4 url(../images/bg-topmenu.gif) repeat-x;} .div_topmenue { padding-top:12px; padding-left:12px; vertical-align:left; text-align:left; width:570px; height:30px; border-left:1px solid #A69D95; border-right:1px solid #A69D95;} html>body .div_topmenue { height:30px; padding-top:10px;} #content { color:black; background:#ededed; margin:0 157px 0 219px; border-left: 1px solid #A69D95; border-right: 1px solid #A69D95; padding:0px 0px 0px 0px;} #content h2 { margin:0 0 10px 0; padding:2px 0 2px 5px; font:bold 16px verdana, sans-serif; border-left:10px solid #bcbcbc; border-bottom:1px solid #bcbcbc;} #content h3 { margin:25px 0 10px 0; padding:2px 0 2px 5px; font:bold 14px verdana, sans-serif; border-left:8px solid #bcbcbc; border-bottom:1px solid #bcbcbc;} #content h4 { margin:25px 0 10px 0; padding:2px 0 2px 5px; font:bold 12px verdana, sans-serif; border-left:6px solid #bcbcbc; border-bottom:1px solid #bcbcbc;} #menurechts { float:right; width:120px; border-right: 1px solid #A69D95;} #menurechts ul { margin:0px; padding:30px 0 0 0px; list-style:none;} #menurechts li { padding:0 0 5px 0; margin:0;} #menurechts a { color:black; background:#e1e1e1; padding:2px 20px 2px 20px; border:1px solid black; font:bold 12px verdana, sans-serif; text-decoration:none; text-align:center;} #menurechts a:hover { color:white;background:#9a9a9a;} .div_newsflash { height:150px; width:140px; margin:auto; padding-top:5px; padding-bottom:5px; padding-right:5px; text-align:left; font:11px arial, trebuchet mssans-serif; font-weight:normal;} html>body .div_newsflash { margin-left:-27px;} .div_newsflash h3 { color:#123456; margin:0; padding:0; line-height:100%; font:11px arial, trebuchet mssans-serif; font-weight:normal;} a:link {font-family:arial, trebuchet ms; font-size:11px; color:#497EA8; text-decoration:none; font-weight:bold;} /* Link-Styl fьr das ganze Template*/ a:visited {font-family:arial, trebuchet ms; font-size:11px; color:#497EA8; text-decoration:none; font-weight:bold;} /* Besuchter Link-Styl fьr das ganze Template*/ a:active {font-family:arial, trebuchet ms; font-size:11px; color:#497EA8; text-decoration:none; font-weight:bold;} /* Aktiver Link-Styl fьr das ganze Template*/ a:hover {font-family:arial, trebuchet ms; font-size:11px; color:#B20000; text-decoration:none; font-weight:bold; border-bottom-width:1px; border-bottom-style:solid;} /* Angewдhlter Link-Styl fьr das ganze Template*/ /* FORMULAR EINSTELLUGEN */ .button {font-family:arial, trebuchet ms; font-size:12px; color:#497EA8; text-decoration:none; font-weight:bold;} .inputbox {font-family:arial, trebuchet ms; font-size:10px; color:#497EA8; text-decoration:none; font-weight:bold;} .search {font-family:arial, trebuchet ms; font-size:12px; color:#B90000; text-decoration:none; font-weight:bold;} ul#mainlevel-nav { margin:0; margin-left:-10px; padding:0;} ul#mainlevel-nav li { list-style: none; display:inline; background:url(../images/top_menue_trennbalken.gif) right no-repeat; padding:0px 10px 0px 10px;} ul#mainlevel-nav li a { color:#FFFFFF; font-weight:bold;} #mainlevel-nav a:hover {font-family:arial, trebuchet ms; font-size:10px; color:#C6E400;} a.sublevel {font-family:arial, trebuchet ms; font-size:10px; color:#C6E400;} /* Einstellungen fьr Elemente im Hauptmenь, die ein ьbergeordnetes Element haben */ a.readon:link { font:10px verdana, sans-serif; color:#B60000; border-left:1px solid #B60000; padding:5px 0px 0px 5px;} /*Fromat fьr den "Read More" Link*/ a.readon:hover { font:10px verdana, sans-serif; color:#B60000; border-left:1px solid #B60000; padding:5px 0px 0px 5px;} a.readon:visited { font:10px verdana, sans-serif; color:#B60000; border-left:1px solid #B60000; padding:5px 0px 0px 5px;} .latestnews ul { font:10px verdana, sans-serif; color:#CFD383; border-left:1px solid #CFD383; padding:5px 0px 0px 5px;} /*Format fьr die "Letzte Beitrдge" Liste, default ist "Letzte Beitrдge" user1-Modul*/ .latestnews li { font:10px verdana, sans-serif; color:#EDEDED; border-left:1px solid #CFD383; padding:5px 0px 0px 5px;} .mostread ul { font:9px verdana, sans-serif;} /*Format fьr die "Beliebtesten Beitrдge" Liste, default ist "Beliebteste Beitrдge" user2-Modul*/ .mostread li { font:9px verdana, sans-serif; color:#6E7045; border-left:0px solid #6E7045; padding:5px 0px 0px 5px;} /* SEITENINHALT EINSTELLUGEN */ a.category:link { font:10px verdana, sans-serif; color:#B60000;} a.category:hover { font:10px verdana, sans-serif; color:#B60000;} a.category:visited { font:10px verdana, sans-serif; color:#B60000;} .blogsection { font:10px verdana, sans-serif; color:#B60000;} /* Format fьr Links in Blog-Sektion */ .blog_more { font:10px verdana, sans-serif; color:#B60000;} /* Format fьr "More" Text in Blog-Sektion*/ a.blogsection:link { font:10px verdana, sans-serif; color:#B60000;} /* Format Link */ a.blogsection:visited { font:10px verdana, sans-serif; color:#B60000;} /* Format besuchter Link */ a.blogsection:hover { font:10px verdana, sans-serif; color:#B60000;} /* Format Link, auf dem der Mauszeiger steht */ .componentheading { font:15px trebuchet ms,arial, sans-serif; font-weight:bold; background: #EDEDED; color:#000000; padding:1px 0px 0px 0px; height:49px; width:545px; background: #DCD7D4 url(../images/bg-componentheading.gif);} /* Format des Titel der Komponente */ .contentheading { font:13px verdana, sans-serif; color:#999900; text-decoration:none; font-weight:bold;} /* Format des Titel des Inhalts*/ .contentpane { font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} .contentpaneopen { font:11px trebuchet ms,arial, sans-serif; font-weight:normal; border-bottom:1px dotted; border-color:#A69D95; margin:5px 10px 5px 5px;} /* Tabelle die den aktuellen Text eines Artikels hat */ .contentpagetitle { font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /*Titel eines Artikel */ a.contentpagetitle:hover { font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /*Titel eines Artikels, wenn er eni Link ist */ a.contentpagetitle:link { font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} a.contentpagetitle:visited {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} .contentdescription {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Format von "DESCRIPTION" von Sektionen und Kategorien */ table.contenttoc {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Format fьr die Tabelle einer Tabelle mit mehreren Inhalten oder Artikel */ table.contenttoc td {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} table.contenttoc th {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} table.contenttoc td.toclink {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} a.toclink:link {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} a.toclink:visited {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} a.toclink:hover {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* JOOMLA! SEKTION LISTE EINSTELLUNG*/ .sectiontableheader { font:11px trebuchet ms,arial, sans-serif; font-weight:bold; padding:5px;} /* Format fьr die Liste der Sektione */ .sectiontableentry1 { font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px;} .sectiontableentry2 {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px;} /* JOOMLA! ODUL EINSTELLUNG */ table.moduletable { margin-top:5px; border-width:medium; border-color:#000000; border-style:double; padding:4px; width:120px;} /* Format der Modul-Tabelle */ table.moduletable th { background-color:#CCCCCC;} /* Format der Modulьberschrift und Modulttitel */ table.moduletable td { background-color:#FFFFFF;} /* Format der Zellern der Tabelle der Module */ /* VERSCHIEDENE EINSTELLUGEN */ /* Datum, Autor*/ .createdate {font-family:arial, trebuchet ms; font-size:10px;color:#B60000;} /*Format fьr Datum und Autor */ .modifydate {font-family:arial, trebuchet ms; font-size:10px;color:#123456;} /* Format fьr "Last updated on" */ .small {font-family:arial, trebuchet ms; font-size:10px;color:#123456;} /* Format fьr "Written by:...." */ .smalldark {font-family:arial, trebuchet ms; font-size:10px;color:#B60000;} /* Formatfьr Umfrageergebnisseite, fьr " Number of Voters" */ /* Umfrage */ .poll {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Format fьr td der Umfragetabelle */ .pollstableborder {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Eigenschaften der Umfragetabelle */ /* Weblinks */ .weblinks{font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} a.weblinks:hover {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Newsfeeds */ .newsfeedheading {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Format des Newsfeed Titels */ .newsfeeddate {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Datum des Newsfeed */ .fase4rdf {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Format des Inhalts des Newsfeed */ /* Suche */ table.searchintro {font:11px trebuchet ms,arial, sans-serif; font-weight:normal; padding:5px; background: #EDEDED;} /* Format fьr "Search Keyword: test returned 4 matches" Box, die nach der Suche angezeigt wird. */ /* Grafik-Layer */ div.dd-head-suche { position:absolute; left:63px; top:155px; widht:100%; height:100%; color:black; z-index: 900;} div.dd-head-02 { position:absolute; left:26px; top:0px; widht:219px; height:130px;} div.dd-head-03 { position:absolute; left:245px; top:0px; widht:303px; height:130px;} div.dd-head-04 { position:absolute; left:548px; top:0px; widht:274px; height:130px;} div.dd-head-05 { position:absolute; left:822px; top:0px; widht:157px; height:164px;} div.dd-head-07 { position:absolute; left:26px; top:130px; widht:219px; height:35px;} div.dd-head-08 { position:absolute; left:245px; top:130px; widht:303px; height:35px;} div.dd-head-09 { position:absolute; left:548px; top:130px; widht:274px; height:35px;} div.dd-head-10 { position:absolute; left:26px; top:165px; widht:219px; height:41px;} div.dd-head-11 { position:absolute; left:245px; top:165px; widht:100%;} div.dd-head-16 { position:absolute; left:822px; top:165px; widht:156px; height:45px;} div.dd-head-021 { position:absolute; left:245px; top:206px;} html>body div.dd-head-021 {position:absolute; left:245px; top:207px;} div.dd-head-latest { position:absolute; left:270px; top:210px; z-index: 800;} div.dd-head-popular { position:absolute; left:530px; top:230px; z-index: 900;} /* Format fьr Footer */ #footer { position: relative; background:#a8a8a8; background: url(../images/foot_bg.gif) repeat-x;height:80px; padding:0; margin:0; border-top:0px solid black; font:10px verdana, sans-serif; }
Все сделала как сказали... но ничего не изменилось(( Но я тут заметила одну вещь.. Если менять место отображения модуля на сайте.. например с топ на лефт.. то меняется и его визуальный стиль! Следовательно не в настройках стиля модуля дело... а настройках позиций самого шаблона((( Где искать то эти настройки, а??? Как поменять?!
посмотрите в файле index как называется контейнер div в котором выводится модуль left или right например. а потом в стилях css ищите это название. и там уже меняйте. и все это в папке с шаблоном.
У меня модуль выводится в позиции top Нашла в index.php шаблона вот эти значения: <div class="div_newsflash"> <?php mosLoadModules ( 'top', -3 );?> потом в template_css шаблона нашла .div_newsflash { height:150px; width:140px; margin:auto; padding-top:0px; padding-bottom:0px; padding-right:5px; text-align:left; font:7px arial, trebuchet mssans-serif; font-weight:normal;} html>body .div_newsflash { margin-left:-27px;} .div_newsflash h3 { color:#123456; margin:0; padding:0; line-height:100%; font:7px arial, trebuchet mssans-serif; font-weight:normal;} но изменения этих значений также никак не отобразились внешне на сайте(((
Ура!!! Нашла я значения которые отвечают за стиль отображение данной позиции!!!! Вот они: #menurechts { float:center; width:120px; border-right: 0px normal #A691111;} #menurechts ul { margin:8px; padding:5px 1 1 5px; list-style:none;} #menurechts li { padding:5 5 5px 1; margin:10;} #menurechts a { color:black; background:#e1e1e1; padding:5px 20px 5px 20px; border:0px solid black; font:bold 9px verdana, sans-serif; text-decoration:none; text-align:center;} теперь нужно найти как уладить саму проблему.. а состоит она в том.. что отображающиеся "популярные" наезжают одна на другую.. вот как на скрине: Подскажите, что нужно подправить чтобы между статьями появилось достаточный интервал?