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 do i add a transparent border

View previous topic View next topic Go down

How do i add a transparent border

Post by +Fusion- on April 14th 2012, 9:30 am

I want to add a transparent border like this site:
www.css-tricks.com
EX:

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do i add a transparent border

Post by Guest on April 14th 2012, 2:43 pm

Hi!

HTML Code:
Code:
<div class="transp">
<div class="yourdiv">
<div>CONTENT</div>
</div>
</div>

CSS Code:
Code:
.transp{
background: transparent;
padding-left: 7px;
padding-right: 7px;
padding-top: 7px;
padding-bottom: 7px;
-webkit-box-shadow: 0px 0px 7px;
-moz-box-shadow: 0px 0px 7px;
box-shadow: 0px 0px 7px;
}

.yourdiv{
background: #FFF;
}
This is just an example.

To apply this I need your forum url. Wink

Guest
Guest


Back to top Go down

Re: How do i add a transparent border

Post by +Fusion- on April 14th 2012, 6:49 pm

thanks! and here: www.xcodezz.com

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do i add a transparent border

Post by +Fusion- on April 15th 2012, 11:10 am

bump

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do i add a transparent border

Post by Guest on April 15th 2012, 11:20 am

Try this:
Code:
.bodylinewidth{
background: transparent !important;
padding-left: 7px !important;
padding-right: 7px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
-webkit-box-shadow: 0px 0px 7px !important;
-moz-box-shadow: 0px 0px 7px !important;
box-shadow: 0px 0px 7px !important;
}

.bodyline{
background-color: #1F1E1E;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}

Guest
Guest


Back to top Go down

Re: How do i add a transparent border

Post by +Fusion- on April 15th 2012, 11:26 am

No luck :/
Do i have to add that HTML code from ur first post?

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do i add a transparent border

Post by +Fusion- on April 16th 2012, 4:28 am

Bump

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do i add a transparent border

Post by SLGray on April 16th 2012, 5:43 am

ReBoRNz wrote:No luck :/
Do i have to add that HTML code from ur first post?

ReBoRNz wrote:Bump

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!



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


SLGray
Administrator
Administrator

Male Posts : 36735
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: How do i add a transparent border

Post by +Fusion- on April 16th 2012, 8:44 am

ok thanks

+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Re: How do i add a transparent border

Post by Mati on April 16th 2012, 2:08 pm

Hello, ReBoRNz

Add only this in your CSS:

Code:
.bodyline {
    background: padding-box white;
    border:8px solid transparent;
    -webkit-box-shadow:0 0 8px #777;
    -moz-box-shadow:0 0 8px #777;
    box-shadow: 0 0 8px #777;
}

Mati
Active Poster

Posts : 1885
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.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