Subject:*
<
Name/Email:*
<
Message Icon:*
<
Select*
<
Message:*
<



Click the Preview to see the content in action.
Options:*
<
Confirmation Code*
<
7 - 5 = ?  
Input the result from the expression
Maximum attempts you can try: 10
*
<
     
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; } [/code][/quote]" />

Re: ucberkeley_liquid theme problems 800 x 600
by t_soph on 2004/9/5 2:25:39

Hi, This is not a berkly or xoop problem, it's common in any "liquid design" when you have fixed width side divs and a floating center div. If you have fixed or minimum values set for the center content div(s) and float them left/right, then if the total width of the floats is greater than the width of the center coulumn, you will get the effect you are talking about. (even on a static page). It's worse on IE because IE's float border bug doubles the width of one boarder.

There are hacks to fix this and other IE css problems on the various css sites.

There was a comment about no clear left. Your clear both is ok you don't need to specificaly clear the left col.

When you run into layout problems, the easiest way to solve them is to create a static html page with dummy boxes for content. Get that displaying ok then transfer the setup back to your template.

Soph
Re: PM Notification
by fredski on 2004/7/12 9:19:54

Ok Speed, heres my table that I have between my header and my content. It allows you to get rid of the Login Block, so now you dont have to have any left or right blocks at all, just use this table coupled with the user features in the Tabs

le="color: #000000"><?php <table width="100%" valign="middle" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="190" class="headerprvi"> <form style="margin-top: 1px; margin-bottom: 0px" action="<{$xoops_url}>/search.php" method="post"> &nbsp;Search Site&nbsp; <input class="button" type="text" name="query" size="10" /> <input type="hidden" name="action" value="results" /> <input name="submit" type="submit" class="gumb" value="Go" /> </form> </td> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <{if $xoops_isuser}>&nbsp;&nbsp;Welcome Back&nbsp;<a href="<{$xoops_url}>/user.php"><{$xoops_uname}></a> <{else}> <form action="<{$xoops_url}>/user.php" method="post"> <span class="navtext">Name: </span> <input type="text" name="uname" class="navinput" size="12" /> <span class="navtext"> Pass: </span > <input type="password" name="pass" class="navinput" size="12" /> <input type="hidden" name="xoops_redirect" value="<{$xoops_url}>/index.php" /> <input type="hidden" name="op" value="login" /> <input name="submit2" type="submit" class="button" value="Login" /> &nbsp;<a href="<{$xoops_url}>/user.php#lost">Lost Password?</a> | <a href="<{$xoops_url}>/register.php">Register!</a> </form> <{/if}></td> <td width="24%" align="right" class="vrijeme"><span id="clock"></span> <script language="JavaScript" type="text/javascript" src="<{$xoops_imageurl}>images/clock.js"> </script> &nbsp;</td> </tr> </table></td> </tr> </table>


Fits ok on 800x600, only thing I dont like is that when not logged in theres tiny bit of extra white space below the login boxes, I'm sure you can sort that :)

I like the idea of replacing a tab with an image when theres mail but I thing the easier option would be to get do a custom block that only shown if you have mail. I'm saying easy but I'm not sure where to start on that one lol
I'm sure we'll get this theme how we both want it if it kills us heheh

I've still got to figure out why my OsCommerce module overides my stylesheet settings for my theme when in the OsCommerce module pages ???????
Re: PM Notification
by Speed on 2004/7/10 16:21:46

Or to replace the text with an image for the tabs....
PM Notification
by fredski on 2004/7/10 11:14:47

Im sure there is some XOOPS Guru on here that can solve that problem.

Errr hello any guru's around??????? :)

Another thing that would be good with the tabs would be the ability to add an small image next to the text. but my current project is putting the login boxes at the top of my theme rather than in a side block.
Re: Ooopppss
by Speed on 2004/7/8 14:15:32

Ahhh, the lack of highlighting isn't good. It cuts out the inbox notification which is really a nice feature of Xoops. More to play with to work around it. Maybe a custom block that shows notifications. :)

Thanks for the code examples. I was using the $dirname of the directory of the module. More examples really helps to give me alternate ideas. Not being familiar with php or how XOOPS does things internally makes for a significant learning curve. But I think that's half the fun for me.

Hectic week at work but I'll squeeze in some XOOPS play time somehow.

Who's Online

531 user(s) are online (477 user(s) are browsing Support Forums)


Members: 0


Guests: 531


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