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 Themes and Templates Support forums / 
  3. Theme and template troubleshooting 
  4.  / ucberkeley_liquid theme problems 800 x 600
Register
11
royco
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/14 18:08

  • royco

  • Just popping in

  • Posts: 21

  • Since: 2004/6/9 7


One little question about the UCberkeley theme.

Why is it that when I use this theme my center blocks wont show up? Left and right blocks are fine. What am I missing?

Thanks
12
royco
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/15 6:33

  • royco

  • Just popping in

  • Posts: 21

  • Since: 2004/6/9 7


Found the solution to my problem, see post above.

Files I downloaded still contain the original links to the one.ucberkeley site, I opened up the theme.html and saw that the link to the templates are wrong on the central blocks.

<{include file="ucberkeley_one/themeblocks/theme_blockcenter_r.html"}>

there are 3 entries like this, replace the ucberkeley_one with ucberkeley_liquid
13
Speed
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/16 2:06

  • Speed

  • Quite a regular

  • Posts: 310

  • Since: 2004/5/18


"Your issue: It seems to me in center column "clear: left" is missing."

Please bear with me as I am an absolute novice with CSS but am learning more by the minute in dissecting themes and reading the discussions on it.

There are no "clear: left" statements but there are a few "clear:both" statements. These are in the #footer, #clearfooter, #content-nav and #ccfinished tags.

Looking forward to a solution! Teach on!
14
Speed
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/17 20:39

  • Speed

  • Quite a regular

  • Posts: 310

  • Since: 2004/5/18


Interesting.... Mine is now displaying properly. However to be honest I don't know that anything I did should have fixed it.

With that in mind I'll just outline what I did do. In between changes I did a template/theme update.

I went throught the css file and reformatted statements they were "whatever: value" as a few were "whatever : value". Could css be parsed wrong with the extra space???

I changed the site to have "none" for the default module. I messed with the blocks a bit and decided I didn't like the change and restored "news" as the default module.

I changed XOOPS content to be at the top of the blocks. Again, I didn't like it and changed it back.

In the theme and in the css I changed centreblock to centerblock. All other references to center were spelled "center" and this inconsistency bugged me.

I'm curious if any of these help others. I'm in my second week of learning css via the XOOPS crash course so maybe all my hand waving and module changing did nothing and my site is now working via dumb luck. I can't think of anything else I've done that might have "fixed" it.
15
fredski
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/18 8:16

  • fredski

  • Quite a regular

  • Posts: 265

  • Since: 2004/1/26


I followed what you did to solve the problem:-
Got rid of the spaces after whatever :, so it was whatever:
I searched for centreblock in the css but all I found was centrecontent twice so I changed that to centercontent.
But when I went back to my forums the problem with the center block was still there :(,
Could you post your css here so I can try that, maybe you altered something else.
16
Speed
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/18 13:43

  • Speed

  • Quite a regular

  • Posts: 310

  • Since: 2004/5/18


Just sent via email. Hope you don't mind. It's my working version of the whole theme in case I did something in another file. File dates should show what I've mucked with in my tinkering.
17
fredski
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/21 8:43

  • fredski

  • Quite a regular

  • Posts: 265

  • Since: 2004/1/26


OK, thanx for the file Speed, i tried to first just use your css but it made no difference, well apart from turning everything green :) but I noticed a header change, so I reduced the width of my header image(as I dont have a logo and a seperate banner) and refreshed the web page, low and behold the content was in the right place. I still think left and right blocks are still a little wide which reduces the impact of the center content when in 800 x 600, so will have to work on that. There is also still a slight problem with the right blocks, in the block title headers the border only apears on the top, bottom and right hand sides, as though it's jutting out into the center block slightly by a pixel or so.
Anyway, main thing is my content is in the right place. I do like this TAB theme a lot :)
18
fredski
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/21 10:42

  • fredski

  • Quite a regular

  • Posts: 265

  • Since: 2004/1/26


Ok, I've edited the css to make the left and right blocks narrower, so that the center content is more prominent. Seems I've made an error somewhere though as when you click on the main TABS there apears a bleed on the right hand side, the closer the tab is to the right, the more bleed there is. Haven't got a clue whats causing it. Have a look through this css and see if you can spot it. I'll also leave the theme running on My Site
le="color: #000000"><?php /* Overall definitions ============================================== */ /* commented backslash hack v2 */ html, body{height:100%;} /* end hack */ body { padding:0; margin:0; background : #FED66B; font-family: verdana, arial, sans-serif; font-size: 11px; color: #000093; } /* XOOPS API Styles +++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* settings for the Main Menu */ td#mainmenu a { display: block; padding: 04px; } td#mainmenu a:hover { background-color: #FEE39C; } td#mainmenu a.menuTop { padding-left: 4px; } td#mainmenu a.menuMain { padding-left: 4px; } td#mainmenu a.menuSub { background-color: #FEE39C; margin-left : 10px; padding-left: 15px; } /* settings for the User Menu */ td#usermenu a { display: block; padding: 4px; } td#usermenu a:hover { background-color: #FEE39C; } td#usermenu a.menuTop { padding-left: 3px; } td#usermenu a.highlight {} /* The following appear to primarily apply to the NEWS stories, */ /* though they may be found in other areas as well */ /* BEGIN NEWS SECTION DEALING PRIMARILY WITH NEWS */ .item { } .itemHead { border-style: solid; border-color: #FE4F1B; border-width: 00px 00px 01px 00px; padding: 0 0 03px 0; position:relative; } .itemInfo { text-align: right; padding: 3px; color: #999999; } .itemTitle a { font-size: 14px; font-family: arial, verdana, sans-serif; } .itemTitle a:hover { } .itemPoster { color: #000093; font-size: 10px; } .itemPostDate { color: #000093; font-size: 10px; } .itemStats { color: #000093; font-size: 10px; } .itemBody { text-align: left; } .itemText { margin-top: 7px; margin-bottom: 7px; line-height: 1.5em; } .itemText:first-letter {} .itemFoot { text-align: right; padding: 3px; color: #999999; } .itemAdminLink {} .itemPermaLink {} /* END SECTION DEALING PRIMARILY WITH NEWS */ /* Styles used to draw homogeneous tables */ /* Described in a seperate page in the xoops.org wiki */ .outer { border: 1px solid silver; } .head { background-color: #F6F8FA; padding: 3px; font-weight: bold; } .even { background-color: #F7F1DF; padding: 5px; } .odd { background-color: #FFDEAD; padding:3px; } .foot { background-color: #F6F8FA; padding: 3px; text-align: center; color: #666666; } tr.even td { background-color: #dee3e7; padding: 5px; } tr.odd td {background-color: #E9E9E9; padding: 5px; } /* NOT INCLUDED IN DEFAULT */ /* customization to add special color to forum title head. requires editing newbb_index.html template as well */ .outerhead{} .outerhead a { font-size: 12px; color : #FFFFFF; } .outerhead a:hover{} /* NOT SURE Special system messages MAYBE */ /* I leave the defaults */ 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 : #CCCCCC; 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; } /* Settings for when you insert code in a forum post */ div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; } /* Settings for when you quote during a forum post */ div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; } /* Styles for the commenting system */ .comTitle { font-weight: bold; margin-bottom: 2px; } .comText { padding: 2px; } .comUserStat { font-size: 12px; color: #333333; font-weight:bold; border: 1px solid #cccccc; background-color: #ffffff; margin: 2px; padding: 2px; } .comUserStatCaption { font-weight: normal; } .comUserStatus { margin-left: 2px; margin-top: 10px; color: #333333; font-weight:bold; font-size: 12px; } .comUserRank { margin: 2px; } .comUserRankText { font-size: 12px; 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; } /* Text definitions =============================================== */ p { padding: 10px; margin: 0; } h1 { color: #000093; font-size: 14px; font-family: arial, verdana, sans-serif; padding: 0 0 03px 0; margin: 05px 10px 05px 10px; } h2 { color: #000093; font-size: 10px; text-align: right; } img { border-style: none; } /* XOOPS API ++++++++++++++++++++++++++++*/ /* Controls general global elements */ div#content { text-align: left; padding: 8px; } /* This controls the default link settings & link mouseover/hover settings */ a { color: #000093; text-decoration: underline; font-weight: bold; background-color: transparent; } a:hover { color: #000093; text-decoration : none; } h3 { font-size : 13px; } h4 { font-size : 12px; } h5 { font-size : 11 px; } hr { color: #000093; height: 1px; } ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;} li { margin-left: 2px; list-style: square inside; color: #2F5376 } INPUT { BORDER-RIGHT: #0188AF 1px solid; BORDER-TOP: #0188AF 1px solid; FONT-SIZE: 9px; BORDER-LEFT: #0188AF 1px solid; COLOR: #003366; BORDER-BOTTOM: #0188AF 1px solid; FONT-FAMILY: "Tahoma", "Verdana", "Helvetica", "sans-serif"; BACKGROUND-COLOR: #FFE49A; margin: 03px 0px 03px 0px; } select { FONT-SIZE: 9px; BORDER-RIGHT: #0188AF 1px solid; BORDER-TOP: #0188AF 1px solid; BORDER-LEFT: #0188AF 1px solid; COLOR: #003366; BORDER-BOTTOM: #0188AF 1px solid; FONT-FAMILY: "Verdana", "Helvetica", "sans-serif"; BACKGROUND-COLOR: #FFE49A; } textarea { FONT-SIZE: 9px; BORDER-RIGHT: #0188AF 1px solid; BORDER-TOP: #0188AF 1px solid; BORDER-LEFT: #0188AF 1px solid; COLOR: #003366; BORDER-BOTTOM: #0188AF 1px solid; FONT-FAMILY: "Verdana", "Helvetica", "sans-serif"; BACKGROUND-COLOR: #FFE49A; } /* The default settings for ALL tables on a site, unless explicity defined for a particular table */ table { width: 100%; margin: 5; padding: 5; font-size: 11px; } table td { padding: 0; border-width: 0; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; } /* Controls the settings for a table header */ th { background-color: #ECF1F5; text-align: left; padding: 3px; color: #000093; } /* Header and Banner Definitions ============================================= */ /* START - first example */ /* set millions of background images */ .rbroundbox { background: url(../images/head_bg.gif) repeat; } .rbtop div { background: url(../images/tl1.gif) no-repeat top left; } .rbtop { background: url(../images/tr3.gif) no-repeat top right; } .rbbot div { background: url(../images/bl2.gif) no-repeat bottom left; } .rbbot { background: url(../images/br4.gif) no-repeat bottom right; } /* height and width stuff, width not really nessisary. */ .rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 4px; font-size: 1px; } .rbcontent { margin: 0 4px; } .rbcontent p { color: #FFF; font-size: 10px; padding: 04px 10px 03px 10px; } .rbcontent a { color: #FFF; text-decoration: underline; } .rbcontent a:hover { color: #FFF; text-decoration: none; } .rbroundbox { width: 99%; margin : 00px 05px 05px 05px; } /* END - first example */ .banner { border-style: none; text-align : center; padding : 15px 00px 00px 00px; } /* Page definitions =============================================== */ #wrapouter { width : 99%; } #outer{ height:100%; min-height:100%; min-width:400px; margin-left:172px; margin-right:170px; background: #FFFFFF; border-left:1px solid #000093; border-right:1px solid #000093; margin-bottom:-52px; } #outer2 { height:100%; min-height:100%; min-width:400px; margin-left:172px; background: #FFFFFF; border-left:1px solid #000093; margin-bottom:-52px; } html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/ html>body #outer2{height:auto;} /*for mozilla as IE treats height as min-height anyway*/ #newheader{ margin-left:-173px; margin-right:-171px; background:#FFF; position:relative; } #newheader2{ margin-left:-173px; background:#FFF; position:relative; } * html #newheader {height:1px}/* ie needs this*/ * html #newheader2 {height:1px}/* ie needs this*/ #topwhite{ min-width:400px; height:30px; min-height:30px; padding : 05px 00px 00px 00px; } html>body #topwhite {height:auto} #headerouter{ background:#FFFFFF; min-width:400px; height:90px; min-height:90px; border-top:1px solid #000093; position:relative; } html>body #headerouter {height:auto} #header { margin-left:170px; border-left : 1px solid #000093; height:90px; min-height:90px; position:relative; } html>body #header {height:auto} #topleft { width:170px; float:left; margin-left:-169px;/*must be 1px less than width otherwise won't push footer down */ position:relative; } #headerouter #topleft img { border-style: none; margin: 00px 00px 00px 00px; } #left { position:relative;/*ie needs this to show float */ width:172px; float:left; margin-left:-171px;/*must be 1px less than width otherwise won't push footer down */ } #left h1 { background: #FFE49A; width: 150px; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; border-style: solid; border-width: 0 0 01px 0; border-color: #000093; padding: 05px 10px 05px 10px; margin: 0px 0px 5px 0px; } /* Left and Right Block Content */ #left .blockContent { padding: 0px 05px 0px 05px; } #right .blockContent { padding: 0px 05px 0px 10px; } * html #left {padding-bottom:52px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/ #right { position:relative; width:170px; float:right; margin-right:-169px; } /*#right h1 { background: #FFE49A; width: 150px; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; border-style: solid; border-width: 0 0 01px 0; border-color: #000093; padding: 05px 08px 05px 10px; margin: 0px 0px 5px 10px; }*/ #right h1 { background: #FFE49A; width: 150px; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; border-bottom:1px solid #000093; padding: 05px 08px 05px 8px; margin: 0px 0px 5px 02px; } html>body #right h1 { padding-bottom:5px; margin-left:2px; } #footer { width:100%; clear:both; height:50px; border-top:1px solid #000093; border-bottom:1px solid #ffffff; background-color: #000000; text-align:center; position:relative; } #footer p { color: #FFFFFF; padding: 04px 10px 03px 10px; text-align: center; } #footer a { color: #FFFFFF; text-decoration: underline; } #footer a:hover { color: #FFFFFF; text-decoration: none; } * html #footer {/*only ie gets this style*/ height:52px;/* for ie5 */ height:50px;/* for ie6 */ } #clearheader{height:178px;}/*needed to make room for header*/ #clearfooter{clear:both;height:40px;}/*needed to make room for footer*/ * > html #clearfooter {float:left;width:100%;}/* ie mac styles */ div,p {margin-top:0}/*clear top margin for mozilla*/ * html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */ #centrecontent { POSITION: relative; padding: 03px; } /* Content Definitions =============================================== */ #content-nav { background:#FEE39C; width:100%; min-width:400px; height:45px; overflow:hidden; border-bottom : 1px solid #000093; border-top : 1px solid #000093; clear:both; position:relative; } /* Nav Definitions =============================================== */ /* Top Row */ #navigation { position: relative; float: left; width: 100%; padding: 0; margin: 0; list-style: none; } #navigation li { float: left; margin: 0; padding: 0; display: block; } #navigation a { display: block; color: #000093; text-decoration: none; font-weight: bold; font-size: 11px; background: #FEE39C; margin: 0; padding: 04px 10px 04px 10px; border-style: solid; border-color: #000093; border-width: 0 01px 0 0; } #navigation a:hover, #navigation a:active, #navigation a.here:link, #navigation a.here:visited { background: #FFE49A; display: block; background: #FED66B; } #navigation a.here:link, #navigation a.here:visited { position: relative; z-index: 102; background: #FED66B; } /* Bottom Row */ #navigation ul { position:absolute; left: 0; top: 20px; background: #FED66B; width: 100%; margin: 0; padding: 05px 0 05px 0; border-style: solid; border-color: #000093; border-width: 01px 0 0 0; display: block; } #navigation ul li { float: left; margin-top: 1px; color: #000093; } #navigation ul a { background: #FED66B; font-size: 10px; font-weight:lighter; /* text-transform: lowercase; */ color: #000093; margin: 0; padding: 0 10px 0 10px; border: 0; display: block; } #navigation ul a:hover, #navigation ul a:active, #navigation ul a.here:link, #navigation ul a.here:visited { font-size: 10px; color: #000093; display: block; } #navigation ul a:hover { color: #FE4F1B; display: block; } /* Block Content Definitions =============================================== */ /* Left and Right Block Title */ #content-body .leftcol h1, #content-body .rightcol h1, #content-body2 .leftcol h1, #content-body2 .rightcol h1 { background: #FFE49A; width: 150px; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; border-style: solid; border-width: 0 0 01px 0; border-color: #000093; padding: 05px 10px 05px 10px; margin: 0px 0px 5px 0px; } /* Left and Right Block Content */ #content-body .leftcol .blockContent, #content-body2 .leftcol .blockContent, #content-body .rightcol .blockContent, #content-body2 .rightcol .blockContent { padding: 0px 05px 0px 05px; } /* Centre Blocks */ #outerCCol { padding: 0px 2px 1px 2px; width: 98%; } #ccCol { padding: 0px 2px 1px 2px; width: 100%; } #ccCol th { background-color: #ECF1F5; text-align: left; padding: 3px; color: #000093; } #ccCol h1 { background: #FFE49A; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; border-style: solid; border-width: 01px 01px 01px 01px; border-color: #000093; padding: 05px 10px 05px 10px; margin: 0px 0px 5px 0px; } /* #ccCol blockTitle - deprecated by new fieldset/legend combo below { padding: 1px; color: #000093; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px; } */ fieldset { border: 1px solid #000093; margin : 5px 0px 5px 0px; padding : 1px; } legend { padding: 0.2em 0.5em; border:1px solid #000093; color:#000093; text-align:right; background-color : #FFE49A; font-weight : bold; } #ccCol .blockContent { padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%; } #clCol { padding: 0px 1px 1px 1px; width: 49%; float: left; } #clCol h1 { background: #FFE49A; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; border-style: solid; border-width: 01px 01px 01px 01px; border-color: #000093; padding: 05px 10px 05px 10px; margin: 0px 0px 5px 0px; } #clCol .blockContent { padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%; } #crCol { padding: 0px 1px 1px 1px; width: 50%; float: right; } #crCol h1 { background: #FFE49A; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; border-style: solid; border-width: 01px 01px 01px 01px; border-color: #000093; padding: 05px 10px 05px 10px; margin: 0px 0px 5px 0px; } #crCol .blockContent { background: #FFFFFF; font-family: verdana, lucida, arial, sans-serif; font-size: 10px; text-transform: uppercase; color: #000093; padding: 05px 10px 05px 10px; margin: 0px 0px 5px 0px; } #ccfinished { clear : both; }
19
Speed
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/21 14:14

  • Speed

  • Quite a regular

  • Posts: 310

  • Since: 2004/5/18


Glad I sent the whole theme with all the files to you. I'd been playing with it and like I mentioned, somewhere along the way it started working....

I was thinking of narrowing the left and right blocks too since I don't use a main menu block with the tabs. I'll take a look at your changes. Might it be that some default templates require a certain minimum width?
20
fredski
Re: ucberkeley_liquid theme problems 800 x 600

  • 2004/6/22 13:47

  • fredski

  • Quite a regular

  • Posts: 265

  • Since: 2004/1/26


Hope you got chance to look at my site Speed, did you notice the colour bleed on the submenu tab to the right hand side, the intitial home page is fine, but the closer to the right the tab you click the more bleed there is. I hope either you or someone who's a CSS Guru on here can figure it out. PLEASE. 'Hello' Any Guru's around???
« 1 (2) 3 4 »

Post Reply

      
6 - 0 = ?  
Input the result from the expression
Maximum attempts you can try: 10
* = Required

Search

Advanced Search

Recent Posts

Who's Online

253 user(s) are online (210 user(s) are browsing Support Forums)

Members: 0

Guests: 253

more...

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Jul 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!

Latest GitHub Commits