Coding-Spot

You are not connected. Please login or register

Go to page : 1, 2  Next

 
 

Add border top & bottom color

Message (Page 1 of 2)


 
Senior Member

Posted on Sat Aug 10, 2013 1:05 pm

 
bro mark i want to ask, Smile 

can you give color for :
- "border-top-color"
and
- "border-bottom-color"

according to the ranking,
more or less like an add background color for staff (but this for "border-top-color" and "border-bottom-color")



so that staff could look different Laugh 

thanks for help Happy 



View user profile



 
Administrator
Administrator

Posted on Sat Aug 10, 2013 1:10 pm

 
Woah. I don't get it, can you explain it more? Oh my Tounge 



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Sat Aug 10, 2013 1:26 pm

 
okay no problem, i explain again Happy

bro mark can you give color for "border-top-color" and "border-bottom-color" according to the ranking,
more or less like an add background color for staff (but this for "border-top-color" and "border-bottom-color")

I want to replace my own special color (according to rank)
i'am staff on my forum, and I want to change the border color of top / bottom, according to my ranking,

so my border (staff rank) top/bottom color different with border top/bottom color for member (other rank) :)

this similar with tutorial http://coding-spot.darkbb.com/t287-adding-background-gradient-for-staff
but this for border color :)



since my PC (power suply) crash i cant open photoshop bcoz my PC broken, now im edit with paint , lol Laugh 

-------

thanks for help bro mark :)



View user profile



 
Senior Member

Posted on Sun Aug 11, 2013 1:52 pm

 
24 hours to bump :)

please help me bro mark, thanks Happy 



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 6:45 am

 
Forum url? Tounge 



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon Aug 12, 2013 7:14 am

 
You got troll me :D lol

ok this bro mark,, Happy

http://www.budokai.indonesianforum.net/t24-sdfsd#124



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 7:16 am

 
Do the #2 procedure on the bg gradient tutorial, then afterwards, tell me.



View user profile http://coding-spot.darkbb.com



 
New Member

Posted on Mon Aug 12, 2013 7:27 am

 
If you visit this forum url: http://www.budokai.indonesianforum.net/t24-sdfsd#124

They have a nice greenish-blue glow on the borders of the forum.  Can you do this with CSS?  If so, how?



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 7:36 am

 
Add this to your CSS: (Phpbb2)
Code:
.bodyline {
border: 1px solid #03302B;
box-shadow: 0 0 10px 1px #03302B;
}



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon Aug 12, 2013 7:41 am

 
i done try bro mark :D

You can see my bg gradient on my forum :)



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 7:49 am

 
Remove the Javascript first. Happy 



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon Aug 12, 2013 8:03 am

 
ok bro, done :)



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 8:42 am

 
Add this to your Javascript (All pages):
Code:
jQuery(document).ready(function(){
jQuery("div.xyz:has('.csrank')").css('border-top','5px solid #A04242')});

jQuery(document).ready(function(){
jQuery("div.xyz:has('.csrank')").css('border-top','5px solid #A04242')});



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon Aug 12, 2013 9:37 am

 
work bro mark, but why only bottom top color?

for border bottom color nothing ? :)

http://budokai.indonesianforum.net/t23-poker-face#119

thanks for help bro mark, :D



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 9:54 am

 
Use this one instead:
Code:
jQuery(document).ready(function(){
jQuery("div.xyz:has('.csrank')").css('border-top','5px solid #A04242').css('border-bottom','5px solid #A04242 !important')});

jQuery(document).ready(function(){
jQuery("div.xyz:has('.csrank')").css('border-top','5px solid #A04242').css('border-bottom','5px solid #A04242 !important')});
Find this on your CSS:
Code:
.xyz
Below it find this one:
Code:
.xyz {
border-bottom: 7px solid #333 !important;
}
Replace it with this one:
Below it find this one:
Code:
.xyz {
border-bottom: 7px solid #333;
}



View user profile http://coding-spot.darkbb.com


#16

Sponsored content


 

Posted

 





Message (Page 1 of 2)

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

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None