1
Jharis
how do I center module title over button?
  • 2005/7/10 3:26

  • Jharis

  • Just can't stay away

  • Posts: 488

  • Since: 2005/2/13


Guys,
How do I float and center a modules title over a graphic such as a fancy button? I am using the bcool fixed black theme?

thanks.

don (el paso)
motto - green chili for everything!

2
Jharis
Re: how do I center module title over button?
  • 2005/7/10 5:56

  • Jharis

  • Just can't stay away

  • Posts: 488

  • Since: 2005/2/13


really nice bump?

Pointers? Easy Link? Nudge?


don (el paso)
motto - green chili for everything!

3
WarDick
Re: how do I center module title over button?
  • 2005/7/10 12:07

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


Take a look at the page you are interested in with firefox and one of the css editor extensions installed. You can do live editing of the css and see exactly in realtime what you are doing. The ColorZilla extension is useful for finding your place in the css file.

For tweeking of a theme I find these firefox extensions very helpful.

Web Developer
Web Color Names
ColorZilla
View Rendered Source
View Formatted Source
MeasureIt
EditCSS
Urging XOOPS to be the Best It Can Be.
Richard......

4
Jharis
Re: how do I center module title over button?
  • 2005/7/11 4:38

  • Jharis

  • Just can't stay away

  • Posts: 488

  • Since: 2005/2/13


Ok, that does help me get a better idea on positioning but I am still not sure how to:

link to greyhawk

#1. Get the block title center a graphic. Right now the block title is below the button. I've tried the z-index but can't get it to work.

#2. I would like ot add an image that hugs the bottom or top of all module windows in either left/center/or right blocks. I am looking at 4thefort theme as a reference, but still dont see what they did to sandwich the graphics at top and bottom.

don (el paso)
motto - green chili for everything!

5
Bassman
Re: how do I center module title over button?
  • 2005/7/11 5:03

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


You're getting your modules and blocks confused, which is confusing things. If I understand you correctly, you want to place the block title text over the block title graphic?
If so, you seem to be doing everything right, CSS-wise. You need to change the actual theme.html (or theme_blockleft/right.html, or whatever your theme uses. Most themes have something like this:
Quote:

<div class="blockTitle"><{$block.title}></div>
<div class="blockContent"><{$block.content}></div>

Make sure your theme has this included, or something similar.

You also have to make sure the div class in your CSS matches the div class in your HTML file.

6
Jharis
Re: how do I center module title over button?
  • 2005/7/11 6:58

  • Jharis

  • Just can't stay away

  • Posts: 488

  • Since: 2005/2/13


Your correct on both accounts. I did interchange the terms and yes I am trying to place the block title text over the block title graphic.

Just not sure how to do this.

don (el paso)
motto - green chili for everything!

7
Jharis
Re: how do I center module title over button?
  • 2005/7/11 18:19

  • Jharis

  • Just can't stay away

  • Posts: 488

  • Since: 2005/2/13


bump

Would anyone be willing to post a couple of examples.

don (el paso)
motto - green chili for everything!

Login

Who's Online

160 user(s) are online (99 user(s) are browsing Support Forums)


Members: 0


Guests: 160


more...

Donat-O-Meter

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

Latest GitHub Commits