Home
Mottie's Help Site
Resources
Support Tickets
Sign Up!
•
Login:
Password:
Save
New User?
Forgot?
Support
Top Mods!
Forum Module - Media
by Mottie
1
2
3
4
5
Forum Module - Media v5
by Mottie
Description
This mod allows you to add a YouTube video and change the player styling along with other options. Also, you can easily add a mp3 audio file using the basic Google mp3 player
or a player that can easily be styled (Wordpress player)
Please see
this post
for instructions.
Average Rating
1
2
3
4
5
To install a mod on your GuildPortal site, open your Control Panel and select Site Mods, then Get Site Mods.
Mail Notification
by Mottie
1
2
3
4
5
Mail Notification v6
by Mottie
Description
This mod opens a popup to notify you if you have a new mail message. It was written for users who wish to hide their top menu bar (state bar/log in bar). Or if you just want a bigger message telling you that you have mail. I've set it up to open either a growl window (timed popup) or a facebox (popup you have to close).
For more information on the custom variables, please see
this post
.
To style the growl window (pictured above), use the "Growl Window Styling" Mod or refer to
this post
.
To style the Facebox popup window, please refer to
this post
.
Average Rating
1
2
3
4
5
To install a mod on your GuildPortal site, open your Control Panel and select Site Mods, then Get Site Mods.
Wowhead Search
by sonofsamedi
1
2
3
4
5
Wowhead Search v5
by sonofsamedi
Description
Just a simple import from the Wowhead website to allow in-site searching.
taken from
Wowhead goodies for your site.
Average Rating
1
2
3
4
5
To install a mod on your GuildPortal site, open your Control Panel and select Site Mods, then Get Site Mods.
Event Signup/Withdraw Button
by Mottie
1
2
3
4
5
Event Signup/Withdraw Button v3
by Mottie
Description
******************************************
The signup button has changed, so
this mod is no longer needed
******************************************
Make your Event Sign Up/Withdraw button more prominent.
All this mod does is adds a css class to the button, you can modify everything else!
Before
After
Average Rating
1
2
3
4
5
To install a mod on your GuildPortal site, open your Control Panel and select Site Mods, then Get Site Mods.
Signup Status Color
by Mottie
1
2
3
4
5
Signup Status Color v5
by Mottie
Description
This mod will add CSS classes to the character status, so you can set the color yourself with the CSS and the script will do the rest. Within the script, you can set it to just color the Status column or the entire row. This is what it will look like:
*Note: this is an old screenshot, but the code still works
Average Rating
1
2
3
4
5
To install a mod on your GuildPortal site, open your Control Panel and select Site Mods, then Get Site Mods.
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums
:
Pimp My Site!
> Transparent Backgrounds in Content Box Bodies
archabaddon
(New Admin)
3/12/2008 11:37 AM EST
:
Transparent Backgrounds in Content Box Bodies
link
archabaddon
Posts: 641
Zomgawsh Poster
Hello all,
I've been trying to do something to my content boxes but can't seem to pull it off right.
On my CSS, I've been trying to use an opacity value for the Content Boxes (.ContentBoxBody) to make the background transparent (to better view the page background). My only problem is that the content inside the boxes ends up inheriting the opacity value of the background, making the text and images in the content boxes semi-transparent as well.
Is there any way around this using CCS3? I would prefer to make
just
the background opaque, and not the rest of the content in the box.
Any help would be greatly appreciated. Thanks in advance for saving me from pulling out my hair.
Top
•
Bottom
Jabberie
(New Admin)
3/13/2008 5:39 AM EST
:
RE: Transparent Backgrounds in Content Box Bodies
link
Jabberie
Posts: 126
Posts With Wolves
might pay to give the
text and images
their own values..
Top
•
Bottom
archabaddon
(New Admin)
3/13/2008 8:05 AM EST
:
RE: Transparent Backgrounds in Content Box Bodies
link
archabaddon
Posts: 641
Zomgawsh Poster
Jabberie said:
might pay to give the
text and images
their own values..
Exactly, but I'm not sure how to do that.
In the
Customization Guide
, the only value for he actual content box (AFAIK) is
.ContentBoxBody
. If there were a separate div for .ContentBoxText or similar, all would be well. Right now it appears that the background-color and the (text) color are in the same div, meaning that the text and anything else in the body inherits the background opacity properties.
So the question is, what am I doing wrong on the CSS? Perhaps I'm not defining the function in the correct div, or maybe just using the wrong function?
Here's my CSS for reference. Currently for the background I'm using a repeateing dithered GIF to "fake" 50% opacity. But I want to use true opacity and not a "screen door" effect.
h1 {
font-family: Arial;
font-size: 12pt;
}
html, body, div, p, table, td, form, img, h2, h3, h4, h5, h6, input, select {
font-family: Arial
;font-size: 10pt;
}
body {
BACKGROUND-IMAGE: url('http://www.axiomfiles.com/Files/79617/screenshot2008-03-07-01-24-16.jpg');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
BACKGROUND-COLOR: #000000;
}
form {
padding: 3px;border: none;
}
img {
border: none;
}
hr {
color: #0033CC;
}
.TabBar {
margin: 0px;padding: 0px;
}
.SelectedTab {
background-color: #000000;
color: #FFFFFF;
border: solid 2px #0033CC;
border-color: #CC3300;
text-align: center;
padding: 2px;
}
.UnSelectedTab {
background-color: #000000;
color: #FFFFFF;
border: solid 2px #0033CC;
text-align: center;
cursor: pointer;padding: 2px;
}
.UnSelectedTabMo {
background-color: #000000;
color: #FFFFFF;
border: solid 2px #0033CC;
border-color: #0033CC;
cursor: pointer;
text-align: center;
padding: 2px;
}
.AltGridRow {
background-color: #000000;
color: #FFFFFF;
}
.NormGridRow {
background-color: #000000;
color: #FFFFFF;
}
.ContentBox {
border: solid 2px #0033CC;
background-color: #000000;
border: solid 1px #0033CC;
}
.ContentBoxTitle {
border: solid 2px #0033CC;
padding: 5px;
background-color: #000000;
color: #FFFFFF;
FONT-SIZE: 12pt;
FONT-FAMILY: Arial Bold;
}
.ContentBoxBody {
BACKGROUND-IMAGE: url('http://www.axiomfiles.com/Files/79617/Generic-BG.gif');
background-repeat: repeat;
background-color: transparent;
color: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.StateBar {
background-color: #000000;
color: #FFFFFF;
text-align: center;
padding: 5px;
}
.ForumCategoryHeader {
background-color: #000000;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #0033CC;
padding-left: 5px;
color: #FFFFFF;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;}
.ContentBoxTitleNoBackground {
COLOR: #ffffff;
font-size: 8pt;
font-family: Arial;
font-weight: bolder;
font-variant: small-caps;
}
A:active {
color: #CCCCCC;
text-decoration: none;
}
A:link {
color: #3399ff;
text-decoration: none;
}
A:hover {
color: #3399ff;
text-decoration: underline;
}
A:visited {
color: #0066cc;
text-decoration: none;
}
.toolTipHeader {
color: lime;
font-weight: bold;
}
#dhtmltooltip {
position: absolute;
width: 150px;
border: solid 1px white;
padding: 3px;
background-color: black;
color: white;
visibility: hidden;
z-index: 100;
}
Top
•
Bottom
Ebenthorin
(Guild Admin)
3/17/2008 5:42 AM EST
:
RE: Transparent Backgrounds in Content Box Bodies
link
Ebenthorin
Posts: 1274
Zomgawsh Poster
Use a transparent .png for the background image. Works in FF and IE 6.0 (pathed) and above. Although IE 6/7 choke a bit if you do transparent images and floating backgrounds. Scrolling gets a bit choppy.
-Rick
Ebenthorin
-
Ebenoct
Top
•
Bottom
Tymanicor
(New Admin)
3/21/2008 2:41 AM EST
:
RE: Transparent Backgrounds in Content Box Bodies
link
Tymanicor
Posts: 881
Zomgawsh Poster
take a look at our site...I'm not sure if that's what you're looking for, but we have a static background image, that shows through everything. Lemme know if that's what you were lookin for, and I'll see what I can remember about how I did it lol.
Top
•
Bottom
Eph
(MVP)
3/21/2008 7:42 AM EST
:
RE: Transparent Backgrounds in Content Box Bodies
link
GuildPortal MVP
Eph
Posts: 596
Zomgawsh Poster
Here is what my CSS looks like for a transparent content box background.
.ContentBoxBody {
background-color: ;
background-image:;
background-repeat:repeat;
color: #ffff20;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
Top
•
Bottom
archabaddon
(New Admin)
3/26/2008 5:33 AM EST
:
RE: Transparent Backgrounds in Content Box Bodies
link
archabaddon
Posts: 641
Zomgawsh Poster
Thanks for all the feedback all. I was out of town for a bit, hence my slow response.
I did end up using a .PNG work-around, since I didn't want to use a completely transparent background, and GIFs weren't cutting it (alpha's pretty binary with GIFs apparently). It seems to be the easiest way to do this with CSS. Here's the CSS code:
.ContentBoxBody {
BACKGROUND-IMAGE: url('http://xxx/Generic-BG.png');
background-repeat: repeat;
background-color: transparent;
color: #FFFFFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
The results are at
http://pr.webhop.net
(or just click on my sig). Thanks again for the advice!
Top
•
Bottom
Rosary_KT
(Guild Admin)
3/26/2008 11:00 AM EST
:
RE: Transparent Backgrounds in Content Box Bodies
link
Rosary_KT
Posts: 1072
Zomgawsh Poster
Looks nice, just remember png transparency is not supported by all browser versions.
Top
•
Bottom
Admins Online
There are
members online.
Updating...
{1}
##LOC[OK]##
{1}
##LOC[OK]##
##LOC[Cancel]##
{1}
##LOC[OK]##
##LOC[Cancel]##
Loading.....
So-and-so has logged on!
disable
0
Purple Dragon (Public)
Guild Chat
0
0
Member Detail
Request Chat
Visit Site
Visit Wall
Send Mail
Admin
%title%
%message%