Joomla - kolory modułu w menu


(qwerty12a) #1

Witajcie.

Tworzę stronę w Joomla. Dodałem właśnie moduł - licznik odwiedzin. Niestety kolory słów w tym liczniku (niebieskie) nie pasują mi do tła i są dość nieczytelne. (zobaczcie sami - www.tpf.pev.pl - po lewej stronie na dole) Powinny być białe jak reszta. Jak to wykonać?

Co powinienem zmienić? I w czym? W HTML czy w CSS? Jeśli w CSS, to czy w template.css, czy może w green.css ?

Pomocy!


(Drobok) #2

Nie korzystałem z joomli podasz kod to ci pomogę (chodzi o sam kod licznika odwiedzin oraz o css)

Radzę zmienić tło to waży kilka mega ? strona ładuję się kilka razy dłużej niż np dp


(qwerty12a) #3

Kod CSS z pliku template.css

*{margin:0;padding:0;border:0}

body.contentpane{background:#CCC}

h1{font-size:22px}

h2{font-size:18px}

h3{font-size:18px}

h4{font-size:18px}

h5{font-size:18px}

h6{font-size:18px}

ul{list-style:none outside}

img,table{border:0}

p{margin:10px 0;line-height:18px}

a{font-weight:bold;color:#069;text-decoration:none;outline:none}

a:hover{text-decoration:underline}

input {font:normal 12px "Trebuchet MS",Arial,Helvetica,sans-serif;outline:none;margin:0}

input:focus{outline:none}

button{font:bold 12px "Trebuchet MS",Arial,Helvetica,sans-serif;border:none;cursor:pointer}

.fleft{float:left}

.fright{float:right}

.lclear{clear:left}

.rclear{clear:right}

.fclear{clear:both}

.nobdr{border:none}

.nopadding{padding:0}

.nomargin{margin:0}

.calign{margin:0 auto}

.wrapper{margin:0 auto}

body{font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:14px;color:#FFF}

page_bg{background:url(../images/bg.jpg); font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

bg_img{background-image:url(../images/lawnbg.jpg); background-repeat:no-repeat; background-position:top center;}

header{height:450px}

search .search{float:right}

.searchicon{line-height:22px; width:23px; height:22px}

banner{ margin:55px 0 0 50%;height:255px}

logo{ text-align:right;}

ad{padding:10px 0}

menu{height:46px}

menu a{text-decoration:none;line-height:46px;display:block;float:left;margin:0 1px;padding:0 10px}

menu a:hover,#menu #active_menu{color:#000000; text-decoration:none;}

menu table{border-collapse:collapse;width:auto}

search{height:42px}

.search{padding-top:20px}

.search *{float:left}

.search .inputbox,.contentpane .inputbox{ font-size:11px; height:20px;line-height:20px; width:110px;padding-left:2px;color:#FFFFFF;}

.search .button{background-repeat:repeat-x; width:23px; height:22px; color:#FFFFFF;font-size:12px;text-indent:-9999px}

.button,#form-login input.button{font-size:12px;font-weight:bold;padding:0 10px;height:20px;text-transform:uppercase;cursor:pointer}

breadcrumb,#breadcrumb a{height:42px;line-height:42px;text-align:right;font-size:12px;font-weight:normal;color:#FFF}

breadcrumb{font-weight:bold;padding:0 10px}

.idbanner{background:url(../images/id_banner.jpg);height:215px}

.bannercontent{width:33%;height:195px;background:url(../images/bannerbg.png);color:#FFF;padding:10px}

.bannercontent p{line-height:16px}

table.moduletable th, legend{color:#666}

div.module_menu,div.module_text,div.module{clear:both}

div.module_menu div, div.module div, div.module_text div{}

div.module_menu div div, div.module div div, div.module_text div div{}

.newsflash div.module {background:transparent url(../images/newsflash_r.png) top right no-repeat}

.newsflash div.module div {height:129px;background:transparent url(../images/newsflash_l.png) top left no-repeat}

div.module_menu div div div, div.module div div div, div.module_text div div div{background:url(../images/lboxbg.gif) top no-repeat}

div.module div div div div{width:160px;color:#069}

div.module_menu div div div div, div.module div div div div, div.module_text div div div div{background:none;margin:0 auto;padding:0;width:auto}

div.module_text div div div div{text-align:left}

div.module_text div div div div.bannergroup_text{padding:0 10px;width:auto}

div.module_text div div div div.bannergroup_text div{color:#069;width:auto;padding:0 0 4px}

div.module_text div div div div.bannergroup_text div.bannerheader{color:#000}

div.module div div div form{margin:0 auto;padding:0 0 0 0;text-align:left;width:auto}

div.module_menu ul{list-style:none;padding:0}

div.module_menu ul#mainlevel{margin:0 10px}

div.module_menu ul li{margin:0;padding:0}

div.module_menu ul li a{border-bottom:0}

div.module_menu ul li a:link, div.module_menu ul li a:visited{font-weight:700;line-height:30px;height:30px}

rightcol{background:url(../images/left_bg.png)}

rightcol div.module_menu, div.module{padding-bottom:15px}

rightcol h3{overflow:hidden;line-height:42px;height:42px;padding-left:10px;font-size:17px;font-weight:bold;color:#FFF}

rightcol ul.menu{list-style:none;text-align:left;margin:0 10px}

rightcol ul.menu li:hover{}

rightcol ul.menu li ul li{border-bottom:none}

/*LEFT COL LINK*/

rightcol ul.menu li a, #rightcol ul.menu li a:link{display:block;font-size:14px;line-height:24px;height:24px;text-decoration:none}

rightcol ul.menu li a:hover{text-decoration:underline}

/*LEFT COL CURRENT LINK*/

l#rightcol ul.menu li#current a, #rightcol ul.menu li#current a:link,#rightcol ul.menu li#current{}

rightcol ul.menu li#current a.active{font-weight:bold}

/*LEFT COL SUB LINK*/

rightcol ul.menu li#current ul li a, #rightcol ul.menu li#current ul li a:link,

rightcol ul.menu li ul li#current a, #rightcol ul.menu li ul li#current a:link, #rightcol ul.menu li ul li#current a:visited, #rightcol ul.menu li ul li#current a:hover,

rightcol ul.menu li.parent ul li a,#rightcol ul.menu li.parent ul li a:hover{}

/*SUBMENU POSITION*/

rightcol ul.menu li#current ul{margin:0;padding:0}

rightcol ul.menu li#current ul li{margin:0;padding:0}

/*CURRENT SUBMENU POSITION*/

rightcol ul.menu li ul{margin:0;padding:0}

rightcol ul.menu li#current ul li a:hover{}

rightcol ul.menu li ul{list-style:none;margin:0}

rightcol div.module table {}

rightcol div.module table td {margin:0;padding:0 6px 0 0;height:20px;text-align:left;line-height:13px;vertical-align:middle}

rightcol div.module table td{color:#069}

rightcol div.module table.poll{}

rightcol div.module table.poll td{text-align:left}

rightcol .moduletable_menu, #rightcol .moduletable, #rightcol .moduletable_text, #rightcol .c{margin:0 0 16px 0;padding:0 0 8px 0}

rightcol .moduletable ul{margin:6px 0;padding:0;list-style:none}

rightcol .moduletable ul li{margin:0;padding:0 2px}

rightcol p{margin:0}

form#form-login{margin:0 10px;font-size:11px;padding:0}

form#form-login fieldset{padding:0;margin:0;border:0;text-align:left}

form#form-login ul{padding:0;list-style:none;text-align:left;width:auto;margin:10px auto 0}

form#form-login ul li{padding:0}

form#form-login ul li a{text-align:left;padding:0;font-size:11px;text-decoration:underline}

form#form-login ul li a:hover{text-decoration:none}

form-login input,.validate{font-size:14px;padding:0 2px;color:#FFF}

input#modlgn_passwd, input#modlgn_username,.required{width:96%;height:20px}

form-login input.button{color:#FFF}

input.button:hover, #form-login input.button:hover{}

div#maincol{background:url(../images/content_area_bg.png)}

div#maincolumn_full{float:right;background:url(../images/content_area_bg.png)}

div#maincolumn_left{background:url(../images/content_area_bg.png)}

div#maincolumn_left ul{margin:0 0 0 25px}

div.nopad{overflow:hidden;padding:0}

div.nopad ul{clear:both}

div.componentheading{margin:0 0 0 0;text-transform:capitalize;font-size:22px;padding:5px;clear:both}

table.blog{}

td.buttonheading{text-align:right;padding-right:5px}

td.buttonheading a{display:block;height:17px}

.contentheading{font-size:16px;vertical-align:middle;text-align:left;font-weight:700;padding:5px 0;color:#FFF}

h2, a.contentheading{background:none;border:none}

h4{color:#333}

.small{font-size:11px;font-weight:bold;text-align:left;padding:5px 0;background:none;line-height:22px}

.createdate{vertical-align:top;font-size:11px;font-weight:bold}

.modifydate{vertical-align:bottom;font-size:11px;font-weight:bold;text-align:right;line-height:16px}

a.readon{display:block;float:right;line-height:22px;font-size:11px;padding:0 10px;text-transform:lowercase;text-decoration:underline}

a.readon:hover{text-decoration:none}

.contentpaneopen, table.contentpane{margin:0;padding:0 0 0 10px}

table.contentpane td{text-align:left}

table.contentpane td.contentdescription{width:100%}

table.contentpane {text-align:left;float:left;width:100%}

table.contentpane ul li a .category{color:#FF8800}

table.contentpane ul li{}

table.contentpaneopen{margin-right:1px;padding:5px;border-collapse:collapse;border:0px solid #CCC}

table.contentpaneopen table.contentpaneopen{background:none;border:0;margin:0}

.newsflash table.contentpaneopen{margin:0 10px;padding:0;color:#fbfbfb;text-align:left}

.newsflash table.contentpaneopen a{color:#fbfbfb}

table.contentpaneopen li{margin-bottom:5px}

table.contentpaneopen fieldset{border:0;border-top:1px solid #669933}

table.contentpaneopen h3{margin-top:0}

table.contentpaneopen h4{color:#669933}

table.contentpaneopen td{padding:0 5px}

table.contentpaneopen td.contentheading{padding:5px}

td.middle_pad{width:20px}

sgf{font-size:14px;text-align:center;margin:0 auto;color:#8e8e8e}

.sgf{text-align:right;font-size:14px;color:#FFF;text-decoration:none}

.sgf1{font-size:14px;color:#FFF;text-align:left}

a.sglink:link, a.sglink:visited{color:#8e8e8e;font-size:14px;text-decoration:none}

a.sglink:hover{color:#8e8e8e;text-decoration:none}

/*****************************************/

/*** Joomla! specific content elements ***/

/*****************************************/

div.offline{background:#fffebb;width:100%;position:absolute;top:0;left:0;font-size:1.2em;padding:5px}

/* headers */

.componentheading, table.moduletable th, legend{margin:6px 0;font-size:14px;font-weight:700;text-align:left;text-transform:uppercase;padding:0}/* small text */

/* form validation */

.invalid{ border-color:#ff0000; }label.invalid{ color:#ff0000; }

/** overlib **/

.ol-foreground{background-color:#f1f1f1;color:#333}

.ol-background{background-color:#f1f1f1;color:#333}

.ol-textfont{font-size:14px}

.ol-captionfont{font-size:14px;color:#fbfbfb;font-weight:700}

.ol-captionfont a{background-color:#f1f1f1;color:#333;text-decoration:none;font-size:14px}

.ol-closefont{}

/* menu links */

a.mainlevel:link, a.mainlevel:visited{padding-left:0}

a.mainlevel:hover{}

/* spacers */

span.article_separator{display:none;height:1px}

.article_column{background:none}

.column_separator{}

.clr{clear:both;font-size:0}

table.blog span.article_separator{display:block;height:1px}

/* table of contents */

table.contenttoc{margin:5px;padding:5px;background:none}

table.contenttoc td{padding:0 5px}

/* content tables */

td.sectiontableheader{color:#999;font-weight:700;padding:4px}

tr.sectiontableentry1 td{padding:4px}

tr.sectiontableentry1{background:#EEE}

tr.sectiontableentry0 td,tr.sectiontableentry2 td{padding:4px}

td.sectiontableentry0,td.sectiontableentry1,td.sectiontableentry2{padding:3px;font-size:14px}

/* content styles */

.highlight{background-color:#fffebb}

ul.latestnews, ul.mostread{list-style:none;padding:0;margin:0;text-align:left}

/* module control elements */

table.user1user2 div.moduletable{margin-bottom:0px}

table.adminform textarea{width:540px;height:400px;font-size:1em;color:#000099}

/* thumbnails */

div.mosimage { margin:5px; }div.mosimage_caption{ font-size:.90em; color:#333; }

div.caption { padding:0 10px 0 10px; }div.caption img { border:1px solid #CCC; }div.caption p { font-size:.90em; color:#333; text-align:center; }

/* Parameter Table */

table.paramlist{margin-top:5px}

table.paramlist td.paramlist_key{width:128px;text-align:left;height:30px}

table.paramlist td.paramlist_value{}

div.message{font-weight:700;font-size :14px;color :#300000;text-align:center;width:auto;background-color:#f9f9f9;border:solid 1px #d5d5d5;margin:3px 0px 10px;padding:3px 20px}

/* Banners module */

/* Default skyscraper style */

.bannergroup{}

.banneritem{}

/* Text advert style */

.banneritem_text{padding:4px;font-size:14px}

.banneritem_text a{}

.bannerfooter_text{padding:4px;font-size:14px;text-align:right}

/* System Messages */

/* see system general.css */

.pagination span{ padding:2px; }.pagination a { padding:2px; }

/* Polls */

.pollstableborder td{text-align:left}

/* Frontend Editing*/

fieldset{border:1px solid #ccc;margin-top:15px;padding:4px}

legend{margin:0;padding:0 10px}

td.key{border-bottom:1px solid #eee;color:#333}

/* Tooltips */

.tool-tip{float:left;border:1px solid #D4D5AA;padding:5px;max-width:200px;background:#FFF}

.tool-title{padding:0;margin:0;font-size:100%;font-weight:700;margin-top:-15px;padding-top:15px;padding-bottom:5px;background:url(../../system/images/selector-arrow.png) no-repeat}

.tool-text{font-size:100%;margin:0}

/* System Standard Messages */

system-message dd.message ul{padding:0;margin:0;background:none;border:none}

/* System Error Messages */

system-message dd.error ul{color:#c00;background:none;border:none;padding:0;margin:0}

/* System Notice Messages */

system-message dd.notice ul{color:#c00;background:none;border:none;padding:0;margin:0}

system-message dd{text-indent:0}

system-message dd ul{list-style-type:none;color:#c00;background:none;border:none}

system-message{margin-top:5px}

/**/

.blog br{display:none}

.blog_more{margin:0 10px}

.blog_more ul li{list-style:none outside}

.blog_more ul li a:link, .blog_more ul li a:visited{background:transparent url(../images/bullet.png) left 3px no-repeat;padding:0 15px;line-height:22px}

.bannerheader{font-weight:bold;font-size:14px;color:#000}

.bannerheader a{font-weight:bold}

div#innercoltopbg{float:left;background:url(../images/innercoltop.png) no-repeat;padding-top:5px}

a.pagenav{color:#FFF}

div.caption{padding:0 10px 0 10px}

div.caption img{border:1px solid #CCC}

div.caption p{font-size:.90em;color:#666;text-align:center}

bannertop{float:right;padding:45px 10px 0 0}

inset{}

inset img{width:960px;padding-top:10px}

advert1{padding:0 10px 10px 10px}

.left{float:left}

.right{float:right}

.halfwidth{width:45%}

usersbottom{margin:10px auto;padding:0 10px}

usersbottom img{margin-right:10px}

.contentpaneopen{padding:5px}

/* footer */

bottomcontent{width:100%;background-image:url(../images/left_bg.png)}

bottomboxes div{width:31.3%;padding:1%;background:url(../images/left_bg.png)}

bottomboxes div#mid{background:url(../images/content_area_bg.png)}

footer{color:#FFF}

footer a{text-decoration:underline}

footer a:hover{text-decoration:none}

/*width_fmax*/

body.width_fmax .wrapper{width:960px}

body.width_fmax #rightcol{width:24.8%;margin-right:.2%}

body.width_fmax div#maincol,body.width_fmax div#maincolumn_left{width:75%}

/*width_fmax*/

/*width_fluid*/

body.width_fluid .wrapper{width:100%}

body.width_fluid #rightcol{width:20.8%;margin-right:.2%}

body.width_fluid div#maincol,body.width_fluid div#maincolumn_left{width:79%}

/*width_fluid*/

/*width_small*/

body.width_small .wrapper{width:779px}

body.width_small #rightcol{width:20.8%;margin-right:.2%}

body.width_small div#maincol,body.width_small div#maincolumn_left{width:79%}

body.width_small .box{overflow:hidden}

/*width_small*/

Kod CSS z pliku green_bg.css

/*green*/

.search .inputbox,.contentpane .inputbox{background:#4b6f00;border:1px solid #b0b0b0; border-right:0;}

.search .button{background:#000 url(../images/green/search_icon.jpg)}

header{background:url(../images/green/headerbg.jpg) 0 0 repeat-x}

menu a{background:url(../images/green/menubg.png) repeat-x}

rightcol h3,#breadcrumb{background:url(../images/green/box_bg.jpg) repeat-x}

.tool-tip{color:#770}

form-login input.button,.validate{background:url(../images/green/box_bg.jpg) repeat-x}

input#modlgn_passwd, input#modlgn_username,.required{border:1px solid #DBD8D8;background:#F4F4F4;color:#333}

/*green*/

Kod CSS z pliku green.css

/*green*/

a{color:#73C101}

div.componentheading{color:#7FD400}

.componentheading{color:#790}

.small,.createdate,.modifydate{color:#7A0}

menu a{color:#73C101}

div.module_text div div div div.bannergroup_text div.bannerheader{color:#999}

rightcol .module_menu,#rightcol .module{clear:both;background:url(../images/green/sidebg.gif) repeat-x}

form-login input{color:#999}

input#modlgn_passwd, input#modlgn_username{color:#999}

/*green*/

Nie wiem co z kodem licznika, bo licznik pochodzi z dodatków do Joomla, więc nie wkleja się kodu HTML, ale instaluje. Możliwe, że jednak jego zapis istnieje w kodzie HTML. Mogę go umieścić, jeśli zachodzi taka potrzeba.


(Szakalq) #4

poszukaj w template.css tej linijki poniżej (wiersz 108) i zmień kolor czcionki na biały

rightcol div.module table td {

color:#006699;

}

zmień na:

rightcol div.module table td {

color:#fff;

}

poza tym do takich rzeczy polecam dodatek do firefoxa:

Pozdrawiam


(qwerty12a) #5

Wielkie dzięki. Myślę, że wątek można skasować.