The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

how to make a transparent layout?

View previous topic View next topic Go down

Solved how to make a transparent layout?

Post by Drener on June 12th 2013, 8:27 pm

Hi, here is my forum: http://helldrivers.freeforums.eu/

and I would like to make some transparent parts exactly like in this one: http://robertsgaming.sendboard.com/

I got a lovely background, so i would like to see it in the transparent parts.

Thanks for all answers and help :)Martin

Drener
New Member

Posts : 9
Reputation : 1
Language : English

Back to top Go down

Solved Re: how to make a transparent layout?

Post by Spyro Dragon™ on June 13th 2013, 12:29 am

Hello There...

Would you like it transparent like on there? where only teh fourms are not transparent?
or would you like the whole thing to be transparent like this one?
www.tlos.openu2.com

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: how to make a transparent layout?

Post by Spyro Dragon™ on June 13th 2013, 12:33 am

For the one like mine put this in your CSS


Code:
.gensmall {
 font-size : 10px;
display: none
 }



Code:
.row3 {
background-color: transparent;
}
#cp-main .panel {
background-color: transparent;
}
body.chatbox {
background-image: none;
background-color: transparent !important;
}


Do that, and then let me see your website to see if i missed anything. ^^

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: how to make a transparent layout?

Post by Drener on June 13th 2013, 2:13 am

Thanks, but it doesn't work :(Only nicknames were transparent.

Drener
New Member

Posts : 9
Reputation : 1
Language : English

Back to top Go down

Solved Re: how to make a transparent layout?

Post by Spyro Dragon™ on June 13th 2013, 2:15 am

ARe you wanting it like my site?
www.tlos.openu2.com

that transparent?

Spyro Dragon™
Forumember

Male Posts : 202
Reputation : 2
Language : English

http://SpyroDragon.com

Back to top Go down

Solved Re: how to make a transparent layout?

Post by SLGray on June 13th 2013, 2:33 am

Spyro Dragon™ wrote:Hello There...

Would you like it transparent like on there? where only teh fourms are not transparent?
or would you like the whole thing to be transparent like this one?
www.tlos.openu2.com


Spyro Dragon™ wrote:For the one like mine put this in your CSS


Code:
.gensmall {
 font-size : 10px;
display: none
 }




Code:
.row3 {
background-color: transparent;
}
#cp-main .panel {
background-color: transparent;
}
body.chatbox {
background-image: none;
background-color: transparent !important;
}



Do that, and then let me see your website to see if i missed anything. ^^
Please do not double/triple post. Your post need to be separated by a 24 hour period. Please use the edit button.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35677
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: how to make a transparent layout?

Post by Richard. on June 13th 2013, 2:40 am

Code:
.forumline{
opacity: 0.4 !important;
}

Richard.
Forumember

Male Posts : 248
Reputation : 12
Language : English,Romanian
Location : Durham, NC - USA.

http://forum.phpbbonline.com/

Back to top Go down

Solved Re: how to make a transparent layout?

Post by E-Mark on June 13th 2013, 6:32 am

Add this to your CSS:
Code:
#wrap {
background-color: rgba(7, 7, 7, 0.3) !important;
}

To adjust the opacity, just lower the value 0.3.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: how to make a transparent layout?

Post by Drener on June 13th 2013, 10:57 am

A thousand thanks E-Mark and Richard, your code works!! loove

This topic is solved Wink

Drener
New Member

Posts : 9
Reputation : 1
Language : English

Back to top Go down

Solved Re: how to make a transparent layout?

Post by Base on June 13th 2013, 12:16 pm

Topic marked as solved and archived.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum