1
roujinz
Urbanize theme help needed!
  • 2005/10/6 7:45

  • roujinz

  • Just popping in

  • Posts: 32

  • Since: 2005/10/5


I have recently installed the urbanize theme that i got from the library but it is not displaying correctly in the forums. Topics and descriptions are showing up white on white and are unreadble.

Can someone please help me correct this? I am a noob to xoop so i could just be overlooking something. Thanks!

http://www.clanzunited.com
xoops 2.2.2
cbb 2.2
is_urbanize theme


-roujinz

2
bluenova
Re: Urbanize theme help needed!

I think you will need to edit your style.css file in your theme directory. I'm not sure exactly what, but make a backup of it and play around, till the sites looking how you want it.

3
roujinz
Re: Urbanize theme help needed!
  • 2005/10/6 10:15

  • roujinz

  • Just popping in

  • Posts: 32

  • Since: 2005/10/5


Unfortunately I am a total noob to CSS so i wouldnt know the first place to look or the first thing to change. if someone could point me in the right direction as far as a link i can go to or what to look in the for in the CSS file i would greatly appreciate it!

Thanks.

4
JMorris
Re: Urbanize theme help needed!
  • 2005/10/6 10:41

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Looking at your source code...

<td class="odd">
        <
div id="index_forum">
              <
span class="item"><a href="http://clanzunited.com/modules/newbb/viewforum.php?forum=18">Welcome Message!</a>
                            <
br>New Members Should Read This First!
              </
span>

You can see that odd, index_forum, and item are the relavent CSS entries to start looking at. You may want to try adding the following to your style.css file...

.item a {background-color: #333333;}

Hope this helps.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

5
roujinz
Re: Urbanize theme help needed!
  • 2005/10/6 22:10

  • roujinz

  • Just popping in

  • Posts: 32

  • Since: 2005/10/5


OK I looked at style.css and it seems to me that that color code is already in the style sheet coding.
Here is a link to my style.css:
Style.css

Like i mentioned before i am not familiar with working with css so i wouldnt know where the problem would be or how to add any coding.
what i can tell is that the regular menus on the side blocks act the way they should be and that only the forum titles act in reverse of what they are supposed to be.
ie: orange font that turns to a white highlight on mouseover.
the forum titles seem to do the opposite: a white highlight that turns the font to orange on mouseover but the white highlight stays.
so i am assuming that the coding is just getting reversed.
i have tried some other themes and it only happens with the urbanize theme.

again i do apologize for being such a noob.

thanks!

6
JMorris
Re: Urbanize theme help needed!
  • 2005/10/7 0:36

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Dowload your style.css file.
Open it with a text editor.
Add the following line to the file (just copy and paste it in).

.item a {background-color: #333333;}

Save the file.
Upload it to your webserver, overwriting the original.
Load your webpage in your browser and click refresh.

This *should* get rid of the white background on the forum. Let us know if this solves your problem.

Best Regards,

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

7
Lance_
Re: Urbanize theme help needed!
  • 2005/10/7 0:41

  • Lance_

  • Home away from home

  • Posts: 983

  • Since: 2004/1/12


Change line 460

background: #eaedf4;
to
background: #313031;

And on line 9 background-color: 333333;
That color will not work since it is missing the "#" sign in front. Not sure if you want it or not.

Cheers.

Note: changing the color above may have an effect elsewhere, so be careful, and if it does mess something else, we'll need to look at another color change.
GDL-Web.com :: Website development.
Xoopslance.com::Freelancing and Projects
thelionsden-arena.net:: Clan/League/Ladder Hosting

8
mickbriz
Re: Urbanize theme help needed!
  • 2005/10/7 0:43

  • mickbriz

  • Not too shy to talk

  • Posts: 114

  • Since: 2005/3/26


Quote:

roujinz wrote:
OK I looked at style.css and it seems to me that that color code is already in the style sheet coding.
Here is a link to my style.css:
Style.css


I have looked at your link, if you look at line 460.

460 background: #eaedf4;

You need to change it to

460 background: #333333;

Then it will work ok.

This is how to change it.

1. Open your is_urbanize folder
2. Open the style.css file with Notepad
3. Scroll down and change #eaedf4 to #333333

.item {
background: #eaedf4;

4. Click File then Save and you are done.
5. This is what your style.css file will look like when it as been edited.
html {
    
scrollbar-3dlight-color:#d1d7dc;
    
scrollbar-arrow-color:#555555;
    
scrollbar-darkshadow-color:#555555;
    
scrollbar-face-color:#efefef;
    
scrollbar-highlight-color:#ffffff;
    
scrollbar-shadow-color:#efefef;
    
scrollbar-track-color:#eaedf4;
}

body{
    
background:#515151;
    
color:#ffffff;
    
font:11px Verdana,Arial,Helvetica,sans-serif;margin:8px;
    
padding:0;
}

td.banner{
    
text-align: right;
    
padding:5px;
    
background-image: url('images/tile.gif');
    
height: 70px;  
}

td.topnav{
    
color:#efefef;
    
font-weight: bold;
    
text-align: center;
    
vertical-align: middle;    
    
background-image: url('images/cellpic3_a.gif');
    
height:28px;
    
width: 100%;
    
border: solid 1px #999999;
}


a:link, a:active, a:visited { 
    
font-family: Verdana, Arial, Helvetica, sans-serif; 
    
font-size: 11px; 
    
text-decoration: none; 
    
color: #efefef; 
}
a:hover { 
    
text-decoration: none;  
    
font-family: Verdana, Arial, Helvetica, sans-serif; 
    
font-size: 11px; 
    
text-decoration: none;
    
color: #ff8c00; 
    
font-style: normal
}

.
outline{
    
background: #515151;
    
border-left: solid 1px #333333;
    
border-top: solid 1px #333333;
    
border-right: solid 1px #000000;
    
border-bottom: solid 1px #000000;
}
table { 
    
width: 100%; 
    
margin: 5; 
    
padding: 5;
    
font-size: small
}
table td { 
    
padding: 0px; 
    
border-width: 0; 
    
vertical-align: top; 
    
font-family: Verdana, Arial, Helvetica, sans-serif;
}


td {  
    
font-family: Verdana, Arial, Helvetica, sans-serif; 
    
color: #efefef; 
    
font-size: 11px;
    
border-top-width : 1px; 
    
background: #515151;
    
border-right-width : 1px; 
    
border-bottom-width : 1px; 
    
border-left-width : 1px;    
}

td.header {    
    
text-align: left;
    
vertical-align: middle;
    
background-image: url('images/tile.gif');
    
height: 70px;    
}



input { 
    
color : #555555;
    
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;  
}

textarea {
    
color : #555555;    
    
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    
border: solid 1px #000000;
}
select {
    
color : #000000;
    
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    
border-color : #000000; 
} 
img { 
    
border: 0px none;
}
ul { 
    
margin: 2px; 
    
padding: 2px; 
    list-
style: decimal inside; 
    
text-align: left;
}
li { 
    
margin-left: 2px; 
    list-
style: disc inside;
}

.
odd { 
    
background-color: #333333;
    
text-align: left;
        
}
.
outer { 
    
background-color: #000000;
    
text-align:left;
}
.
even { 
    
background-color: #333333;
            
}
th { 
    
background-image: url('images/cellpic3_a.gif'); 
    
text-align: left; 
    
padding: 5px;
}


.
head { 
    
color: #ffffff; 
    
font-size: 11px; 
    
font-weight : bold; 
    
height: 25px;
    
background-color: #666666;
    
vertical-align: middle;    
}
.
foot { 
    
background-color: #666666; 
    
padding: 3px;
}

.
comTitle {
    
color: #ffffff; 
    
font-size: 11px; 
    
font-weight : bold;
    
background: #999999;
    
height: 23px;
    
text-align: left;
    
padding-top: 7px;
    
padding-left: 10px;    

}
.
comText {
    
padding: 20px;
    
text-align: left;         
}
.
comUserStat {
    
font-size: 10px; 
    
color: #555555; 
    
font-weight:bold; 
    
border: 1px solid #cccccc; 
    
background-color: #cccccc; 
    
margin: 2px; padding: 2px;
}
.
comUserStatCaption {
    
font-weight: normal;
}
.
comUserStatus {
    
margin-left: 2px; 
    
margin-top: 10px; 
    
color: #006699; 
    
font-weight:bold; 
    
font-size: 10px;
}
.
comUserRank {
    
margin: 2px;
}
.
comUserRankText {
    
font-size: 10px;
    
font-weight:bold;
}
.
comUserRankImg {
    
border: 0px none;
}
.
comUserName {}
.
comUserImg {
    
margin: 2px;
}
.
comDate {
    
color: #00396a;
    
font-weight: normal; 
    
font-style: italic;     
    
font-size: smaller;
    
text-align: right;    
}
.
comDateCaption {
    
color: #00396a;
    
font-weight: bold; 
    
font-style: normal;
    
text-align: right;    
}

div.xoopsCode { 
    
background: #515151 ; 
    
border: 1px solid #000000;
    
color:#ffffff;     
    
font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
    
padding: 0px 6px 6px 6px;
}

div.xoopsQuote { 
    
background: #515151; 
    
border: 1px solid #000000;
    
color:#ffffff;     
    
font: normal 11px Verdana, Arial, Helvetica, sans-serif; 
    
padding: 0px 6px 6px 6px;
}


.
item {
    
background: #333333;
    
}
.
itemHead {
    
color: #efefef; 
    
font-size: 13px; 
    
font-weight : bold;
    
background-image: url(images/cellpic3.gif);
        
border: 1px solid #000000; 
    
height: 18px;
    
padding-top: 7px;
    
padding-left: 7px;
    
text-align: left;    
}
.
itemInfo {
    
text-align: right; 
    
padding: 3px; 
    
background-color: #333333;
}
.
itemTitle a {
    
font-size: 100%; 
    
font-size: 11px;    
    
font-weight: bold; 
    
font-variant: small-caps; 
    
color: #ffffff; 
    
background-color: transparent;
}
.
itemPoster {
    
color: #efefef;
    
font-size: 90%; 
    
font-style: normal;
}


.
itemPostDate {
    
font-size: 90%; 
    
font-style: normal;
}
.
itemStats {
    
color: #efefef;
    
font-size: 90%; 
    
font-style: normal;
}
.
itemBody {
    
color: #efefef;
    
background-color: #666666;
    
padding-left: 5px; 
    
text-align: left;
    
border: solid 1px #d9e2ec;
            
}
.
itemText {
    
color: #000000;
    
margin-top: 5px; 
    
margin-bottom: 5px; 
    
line-height: 1.5em;
}

.
itemFoot {
    
text-align: right; 
    
padding: 3px; 
    
background-color: #333333;
}
.
itemAdminLink {
    
font-size: 90%;
}
.
itemPermaLink {
    
font-size: 90%;
}

.
blockTitle {
    
color: #efefef;
    
font-size: 13px;
    
font-weight: bold;
    
text-align: center;
    
background-image: url(./images/cellpic3.gif);
    
border: 1px solid #000000; 
    
height: 22px;
    
vertical-align: middle;
}

.
blockTitle2 {
    
color: #ffffff;
    
font-weight: bold;
    
font-size: 11px;
    
text-align: left;    
    
background-image: url(./images/cellpic3.gif);
    
border: 1px solid #999999; 
    
height: 18px;
    
vertical-align: top;
    
padding: 1px;    
}

.
blockContent {
    
background-color: #666666; 
    
padding: 5px;
    
border: solid 1px #cccccc;
    
line-height:133%;
    
text-align: left;
}


.
blockContent2 {
    
background-color: #666666; 
    
padding: 5px;
    
line-height:133%;
    
text-align: left;
}
.
pointer {
    
cursor: hand;
}

td#mainmenu a {
    
color:#ff9933;
    
background-color: #666666;
    
display: block;
    
margin: 0;
    
padding: 2px;
    
font-weight: bold;
}
td#mainmenu a:hover {
    
color:#666666;
    
background-color: #ffffff;
    
font-weight: bold;
}
td#mainmenu a.menuTop {
    
padding-left: 3px; 

}
td#mainmenu a.menuMain {
    
padding-left: 3px; 
}
td#mainmenu a.menuSub {
    
padding-left: 9px; 
    
font-weight: bold;
}

td#usermenu a {
    
color:#ff9933;
    
background-color: #666666; 
    
display: block; 
    
margin: 0; 
    
padding: 2px; 
    
font-weight: bold;
}
td#usermenu a:hover {
    
color:#666666;
    
background-color: #ffffff;
    
font-weight: bold;
}

td#usermenu a.highlight {
    
background-color: #fcc;
}

Resized Image
<SCRIPT LANGUAGE="JavaScript">
<!-- hide script from old browsers

test = new Date()
month = test.getMonth()
month = (month * 1) + 1
day = test.getDate()
year = test.getFullYear()
document.write(" ",month,"/",day,"/",year," ")

// e...

9
JMorris
Re: Urbanize theme help needed!
  • 2005/10/7 0:59

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


^^^Go with what they are saying^^^

After taking a second look, I noticed it's not just links that have the white background, so my suggestion was wrong.

Best Regards,

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

10
roujinz
Re: Urbanize theme help needed!
  • 2005/10/7 6:58

  • roujinz

  • Just popping in

  • Posts: 32

  • Since: 2005/10/5


WOW!!! YOU GUYS A FREAKING AWESOME!!!
I followed the instruction by mickbriz and it solved my problem!

Thank you guys so much for your help it is greatly appreciated!!

XOOPS.org ROCKS!

-roujinz