The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How do i add a transparent border

3 posters

Go down

How do i add a transparent border Empty How do i add a transparent border

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

I want to add a transparent border like this site:
www.css-tricks.com
EX:
How do i add a transparent border Transp10
+Fusion-
+Fusion-
Forumember

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

http://www.xcodezz.com

Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

Post by Guest 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
avatar
Guest
Guest


Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

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

thanks! and here: www.xcodezz.com
+Fusion-
+Fusion-
Forumember

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

http://www.xcodezz.com

Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

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

bump
+Fusion-
+Fusion-
Forumember

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

http://www.xcodezz.com

Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

Post by Guest 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;
}
avatar
Guest
Guest


Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

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

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

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

http://www.xcodezz.com

Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

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

Bump
+Fusion-
+Fusion-
Forumember

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

http://www.xcodezz.com

Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

Post by SLGray 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!



How do i add a transparent border Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

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

ok thanks
+Fusion-
+Fusion-
Forumember

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

http://www.xcodezz.com

Back to top Go down

How do i add a transparent border Empty Re: How do i add a transparent border

Post by Mati 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
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Back to top

- Similar topics

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