XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Community Support forums / 
  3. Beginner's Corner 
  4.  / Change the color of that top banner?
Register
1
irsmart
Change the color of that top banner?

  • 2007/2/24 6:18

  • irsmart

  • Just popping in

  • Posts: 10

  • Since: 2007/1/3 2


You know when you login or log out, there is that top, most of the time gray, banner? I was editing my theme (the default) and I changed the color of the text to white. I have to have it at white. How do you change the color of that banner? I'll post my style.css here:

body {color: #ffffff; background: #003300; margin: 0; padding: 0;}

table {width: 100%; margin: 5; padding: 5; font-size: small}
table td {padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif;}

a {color: #ffffff; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color: #CCCCCC;}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; list-style: square inside; color: #0000}

input.formButton {}

.item {border: 1px solid #cccccc;}
.itemHead {padding: 3px; background-color: #003300; color: #ff;}
.itemInfo {text-align: right; padding: 3px; background-color: #ff}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}

th {background-color: #003300; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;}

td#headerbanner {width: 100%; background-color: #003300; vertical-align: middle; text-align:center;}
td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);}

td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;}
td#leftcolumn th {background-color: #99CC66; color: #ffffff; vertical-align: middle;}
td#leftcolumn div.blockTitle {padding: 3px; background-color: #003300; color: #ffffff; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}


#centercolumn {font-size: 12px;}
#centercolumn th {background-color: #99CC66; color: #FFFFFF; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 0px 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #ffffff; font-weight: bold; margin-top: 0px; margin-right: 0px;  margin-left: 0px;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 120%;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
    width: 50%; padding: 0px 3px 0px 0px;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
    padding: 3px; color: #99CC66; font-weight: bold; margin-top: 0px;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
    border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;
}

div#content {text-align: left; padding: 8px;}

td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:12px;}
td#rightcolumn th {background-color: #99CC66; color: #000; vertical-align: middle;}
td#rightcolumn div.blockTitle {padding: 3px; background-color: #003300; color: #000; font-weight: bold;}
td#rightcolumn div.blockContent {padding: 3px; line-height: 120%;}

tr#footerbar {text-align:center; background-image: url(hbar.gif);}

td#mainmenu a {background-color: #003300; display: block; margin: 0; padding: 4px;}
td#mainmenu a:hover {background-color: #006600;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}

td#usermenu a {background-color: #003300; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;}
td#usermenu a:hover {background-color: #006600;}
td#usermenu a.menuTop {border-top: 1px solid silver;}
td#usermenu a.highlight {background-color: #fcc;}



.outer {border: 1px solid silver;}
.head {background-color: #99CC99; padding: 5px; font-weight: bold;}
.even {background-color: #006633; padding: 5px;}
.odd {background-color: #006600; padding: 5px;}
.foot {background-color: #99CC99; padding: 5px; font-weight: bold;}
tr.even td {background-color: #006633; padding: 5px;}
tr.odd td {background-color: #006600; padding: 5px;}

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #330066; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}


Help please

Thanks very much
2
wizanda
Re: Change the color of that top banner?

  • 2007/2/24 7:42

  • wizanda

  • Home away from home

  • Posts: 1585

  • Since: 2004/3/21


The Banners are set if on or off in XOOPS main prefrences and can be uploaded from the Banners controls.
Then Banners can then get displayed in the XOOPS theme at the top, is that what you are meaning or apart of the theme?
If a part of the theme and you need to find odd CSS, I find using Web-Developer plug-in for Friefox useful, as it can show you where all the CSS is, while you are viewing the page, with Tag's next to each word, where the CSS comes from.
3
skenow
Re: Change the color of that top banner?

  • 2007/2/24 13:58

  • skenow

  • Home away from home

  • Posts: 993

  • Since: 2004/11/17


It sounds like you are trying to change the system_redirect template - look for it in modules/system/templates/. It has inline styling that is not the the theme style.css
4
irsmart
Re: Change the color of that top banner?

  • 2007/2/25 2:06

  • irsmart

  • Just popping in

  • Posts: 10

  • Since: 2007/1/3 2


Sorry I didn't explain it very well...

I think skenow got what I was talking about. I edited the file, but it is still giving me the grey background!

I changed it to:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="Refresh" content="<{$time}>; url=<{$url}>" />
<title><{$xoops_sitename}>title>
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_themecss}>" />
head>
<body>
<div style="text-align:center; background-color: #001A33; border-top: 1px solid #FFFFFF; 

border-left: 1px solid #FFFFFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid 

#AAAAAA; font-weight : bold;">
  <h4><{$message}>h4>
  <p><{$lang_ifnotreload}>p>
div>
<{if $xoops_logdump != ''}><div><{$xoops_logdump}>div><{/if}>
body>
html>
5
skenow
Re: Change the color of that top banner?

  • 2007/2/26 14:59

  • skenow

  • Home away from home

  • Posts: 993

  • Since: 2004/11/17


Since this is a template file, after you make changes to it you need to clear the templates_c directory, leaving the index.html

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

507 user(s) are online (61 user(s) are browsing Support Forums)

Members: 0

Guests: 507

more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Sep 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits