1
synistar
Re: All CSS Theme - Feedback wanted
  • 2004/8/5 1:30

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


I will put it up for download once I clean it up and get some more module templates tweaked. I may include alternate theme skins in it (kind of silly CSS skinning a theme ).



2
synistar
Re: Layering question (autosizing?)
  • 2004/8/5 1:09

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


The issue is a little complex. You can use a couple of absolutely positioned side columns with a relatively positioned center column - like so:
Quote:

#leftcol {
position: absolute;
left:0px;
top:0px;
}
#centercol {
position: relative;
margin-top: 0px;
margin-bottom: 0;
margin-right:190px;
margin-left: 190px;
}
#rightcol {
position: absolute;
right:0px;
top:0px;
width:190px;
margin: 0px;
}


But there are a lot of factors to deal with if you want it to work consistently in a lot of browsers. I would suggest taking one of the pre-prepared layouts from here:
css-discuss wiki layouts page

Here are the layouts that I would recommend:

Good match for Xoops:
Saila Layout

One of the better methods IMHO:
P.I.E. 3Col Stretch

Cool background image trick layout:
Faux Columns

A Good float layout:
3Col equal height

The classic float based layout:
Pixy 3-Col

Good Luck.



3
synistar
Re: is xoops good for us?
  • 2004/8/3 11:20

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


It looks like you want something like "CMS Made Simple" It creates static pages and uses a basic templating system.

Otherwise, try Nvu it is a free open source HTML editor with some website management/publishing tools built-in.



4
synistar
Re: Checking Browser Compatibility with Dreamweaver MX 2004
  • 2004/8/3 3:29

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


Very nice, if only DW were not so expensive. I use it all the time at work and appreciate it. I just wish some of the open source editors, like Nvu, were up to speed on the some of its more advanced features (like the built in validators, esp. the accessibility checker).

However, you can get a lot of mileage out of your favorite text editor (Vim!) combined with Firefox and the Web Developer extension. It rocks - especially for working with CSS.



5
synistar
Re: help with menu color
  • 2004/8/3 3:08

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


I don't see the normal links to your theme stylesheets in your page. You may want to check your theme.html again and make sure that you did not remove them.



6
synistar
Re: Pixel counting inconsistent between IE/NS?
  • 2004/8/1 13:23

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


Another solution is to use CSS hacks that give different code to differenc browsers. This lets you eliminate browser detection. I know XOOPS does it by default but I disabled it on my site and went to a single CSS file in my theme.

Here are some resources for you to check out:

css-discuss: Box Model Hack
W3C CSS2 Box Model
Centricle's CSS Hacks Master List



7
synistar
Re: desertmountains.com - comments appreciated
  • 2004/8/1 13:11

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


Try changing the background attribute to an inline CSS:

Quote:
<td align="center" width="100%"
background="http://desertmountains.com/themes/fixed-800-wide/images/top_tab_bg.gif">
</td>


Quote:

<td align="center" width="100%"
style="background: #ECE9D8 url(http://desertmountains.com/themes/fixed-800-wide/images/top_tab_bg.gif);">
</td>


Although moving that into your style.css might be better since the markup would get cached and then your simplified markup would look like this:
Quote:

<td align="center" width="100%" class="frametop"></td>


That seems to fix it (you may need to put a &nbsp; in the td if it collapses on you). Although, it looks like you have an extra BODY tag in your "Themes module" template. You might want to get rid of that.

And you say your a beginner. But your layout is pretty good looking for a beginner. I wish my first layouts had looked that good.

Good Luck!



8
synistar
Re: module UI design
  • 2004/8/1 12:34

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


Its true that effectively you would still have to maintain at similar amount of changes in a different place. What it does give is flexibility however. Since then themes could skin your interface via CSS (which would be much tougher to do if you put everything inline in the page template due to the order of the CSS cascade.

Also it allows you to do a lot more and still have your page validate (this avoids the dreaded quirks mode and avoids breaking XHTML compatibility). And it lightens your page size since the CSS markup is cached locally.

Either way you go good luck.



9
synistar
Re: module UI design
  • 2004/7/31 17:18

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


One other thing you can consider is adding a div around your interface and giving it its own class or id (make sure your id is unique within the page). That way you can tweak things in your module's interface and override CSS from the theme if necessary. For example, you could implement a local CSS based menu. This way the custom CSS would only affect your interface.

Code would look like this:
Quote:

<div class="myModuleInterface">
<!-- markup for my interface -->
</div>


CSS would look something like this:
Quote:

.myModuleInterface input {
margin-bottom: 1em;
/* ETC... */
}
.myModuleInterface h3 {
margin-bottom: 1em;
/* ETC... */
}


Just try not to stomp on too many things that would be specified in the theme (like backgrounds, text colors, fonts etc.)



10
synistar
Re: Ergonomics : Modules icons
  • 2004/7/31 16:40

  • synistar

  • Just popping in

  • Posts: 18

  • Since: 2004/7/19


I agree this is a needed feature. Maybe the icon system could be tied into the theme system so that themes could provide their own matching icons (located in a standard theme sub-folder). I am thinking of a function call that would pull the appropriate icon from the theme. Inside a module it would look like:


Quote:
$current_theme->geticon('edit');


Maybe I am barking up the wrong tree though... Anyone see any drawbacks to this?




TopTop
(1) 2 »



Login

Who's Online

215 user(s) are online (129 user(s) are browsing Support Forums)


Members: 0


Guests: 215


more...

Donat-O-Meter

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

Latest GitHub Commits