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-alignright;
    
padding:5px;
    
background-imageurl('images/tile.gif');
    
height70px;  
}

td.topnav{
    
color:#efefef;
    
font-weightbold;
    
text-aligncenter;
    
vertical-alignmiddle;    
    
background-imageurl('images/cellpic3_a.gif');
    
height:28px;
    
width100%;
    
bordersolid 1px #999999;
}


a:linka:activea:visited 
    
font-familyVerdanaArialHelveticasans-serif
    
font-size11px
    
text-decorationnone
    
color#efefef; 
}
a:hover 
    
text-decorationnone;  
    
font-familyVerdanaArialHelveticasans-serif
    
font-size11px
    
text-decorationnone;
    
color#ff8c00; 
    
font-stylenormal
}

.
outline{
    
background#515151;
    
border-leftsolid 1px #333333;
    
border-topsolid 1px #333333;
    
border-rightsolid 1px #000000;
    
border-bottomsolid 1px #000000;
}
table 
    
width100%; 
    
margin5
    
padding5;
    
font-sizesmall
}
table td 
    
padding0px
    
border-width0
    
vertical-aligntop
    
font-familyVerdanaArialHelveticasans-serif;
}


td {  
    
font-familyVerdanaArialHelveticasans-serif
    
color#efefef; 
    
font-size11px;
    
border-top-width 1px
    
background#515151;
    
border-right-width 1px
    
border-bottom-width 1px
    
border-left-width 1px;    
}

td.header {    
    
text-alignleft;
    
vertical-alignmiddle;
    
background-imageurl('images/tile.gif');
    
height70px;    
}



input 
    
color #555555;
    
font-size11pxfont-familyVerdanaArialHelveticasans-serif;  
}

textarea {
    
color #555555;    
    
fontnormal 11px VerdanaArialHelveticasans-serif;
    
bordersolid 1px #000000;
}
select {
    
color #000000;
    
fontnormal 11px VerdanaArialHelveticasans-serif;
    
border-color #000000; 

img 
    
border0px none;
}
ul 
    
margin2px
    
padding2px
    list-
styledecimal inside
    
text-alignleft;
}
li 
    
margin-left2px
    list-
styledisc inside;
}

.
odd 
    
background-color#333333;
    
text-alignleft;
        
}
.
outer 
    
background-color#000000;
    
text-align:left;
}
.
even 
    
background-color#333333;
            
}
th 
    
background-imageurl('images/cellpic3_a.gif'); 
    
text-alignleft
    
padding5px;
}


.
head 
    
color#ffffff; 
    
font-size11px
    
font-weight bold
    
height25px;
    
background-color#666666;
    
vertical-alignmiddle;    
}
.
foot 
    
background-color#666666; 
    
padding3px;
}

.
comTitle {
    
color#ffffff; 
    
font-size11px
    
font-weight bold;
    
background#999999;
    
height23px;
    
text-alignleft;
    
padding-top7px;
    
padding-left10px;    

}
.
comText {
    
padding20px;
    
text-alignleft;         
}
.
comUserStat {
    
font-size10px
    
color#555555; 
    
font-weight:bold
    
border1px solid #cccccc; 
    
background-color#cccccc; 
    
margin2pxpadding2px;
}
.
comUserStatCaption {
    
font-weightnormal;
}
.
comUserStatus {
    
margin-left2px
    
margin-top10px
    
color#006699; 
    
font-weight:bold
    
font-size10px;
}
.
comUserRank {
    
margin2px;
}
.
comUserRankText {
    
font-size10px;
    
font-weight:bold;
}
.
comUserRankImg {
    
border0px none;
}
.
comUserName {}
.
comUserImg {
    
margin2px;
}
.
comDate {
    
color#00396a;
    
font-weightnormal
    
font-styleitalic;     
    
font-sizesmaller;
    
text-alignright;    
}
.
comDateCaption {
    
color#00396a;
    
font-weightbold
    
font-stylenormal;
    
text-alignright;    
}

div.xoopsCode 
    
background#515151 ; 
    
border1px solid #000000;
    
color:#ffffff;     
    
fontnormal 11px VerdanaArialHelveticasans-serif
    
padding0px 6px 6px 6px;
}

div.xoopsQuote 
    
background#515151; 
    
border1px solid #000000;
    
color:#ffffff;     
    
fontnormal 11px VerdanaArialHelveticasans-serif
    
padding0px 6px 6px 6px;
}


.
item {
    
background#333333;
    
}
.
itemHead {
    
color#efefef; 
    
font-size13px
    
font-weight bold;
    
background-imageurl(images/cellpic3.gif);
        
border1px solid #000000; 
    
height18px;
    
padding-top7px;
    
padding-left7px;
    
text-alignleft;    
}
.
itemInfo {
    
text-alignright
    
padding3px
    
background-color#333333;
}
.
itemTitle a {
    
font-size100%; 
    
font-size11px;    
    
font-weightbold
    
font-variantsmall-caps
    
color#ffffff; 
    
background-colortransparent;
}
.
itemPoster {
    
color#efefef;
    
font-size90%; 
    
font-stylenormal;
}


.
itemPostDate {
    
font-size90%; 
    
font-stylenormal;
}
.
itemStats {
    
color#efefef;
    
font-size90%; 
    
font-stylenormal;
}
.
itemBody {
    
color#efefef;
    
background-color#666666;
    
padding-left5px
    
text-alignleft;
    
bordersolid 1px #d9e2ec;
            
}
.
itemText {
    
color#000000;
    
margin-top5px
    
margin-bottom5px
    
line-height1.5em;
}

.
itemFoot {
    
text-alignright
    
padding3px
    
background-color#333333;
}
.
itemAdminLink {
    
font-size90%;
}
.
itemPermaLink {
    
font-size90%;
}

.
blockTitle {
    
color#efefef;
    
font-size13px;
    
font-weightbold;
    
text-aligncenter;
    
background-imageurl(./images/cellpic3.gif);
    
border1px solid #000000; 
    
height22px;
    
vertical-alignmiddle;
}

.
blockTitle2 {
    
color#ffffff;
    
font-weightbold;
    
font-size11px;
    
text-alignleft;    
    
background-imageurl(./images/cellpic3.gif);
    
border1px solid #999999; 
    
height18px;
    
vertical-aligntop;
    
padding1px;    
}

.
blockContent {
    
background-color#666666; 
    
padding5px;
    
bordersolid 1px #cccccc;
    
line-height:133%;
    
text-alignleft;
}


.
blockContent2 {
    
background-color#666666; 
    
padding5px;
    
line-height:133%;
    
text-alignleft;
}
.
pointer {
    
cursorhand;
}

td#mainmenu a {
    
color:#ff9933;
    
background-color#666666;
    
displayblock;
    
margin0;
    
padding2px;
    
font-weightbold;
}
td#mainmenu a:hover {
    
color:#666666;
    
background-color#ffffff;
    
font-weightbold;
}
td#mainmenu a.menuTop {
    
padding-left3px

}
td#mainmenu a.menuMain {
    
padding-left3px
}
td#mainmenu a.menuSub {
    
padding-left9px
    
font-weightbold;
}

td#usermenu a {
    
color:#ff9933;
    
background-color#666666; 
    
displayblock
    
margin0
    
padding2px
    
font-weightbold;
}
td#usermenu a:hover {
    
color:#666666;
    
background-color#ffffff;
    
font-weightbold;
}

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


Resized Image