Coding-Spot

You are not connected. Please login or register

 
 

Add border top & bottom color

Message (Page 1 of 1)


 
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



 
Senior Member

Posted on Mon Aug 12, 2013 10:04 am

 
yes bro mark, i done try, but still same,

i done use important again for border color, but still same, doesnt work for border bottom color :)

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

-------------------

EDIT:
since !important im remove on JS, now work 100% bro mark :D



Last edited by weeknight on Mon Aug 12, 2013 10:08 am; edited 1 time in total



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 10:07 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')});



Last edited by Mark on Mon Aug 12, 2013 10:17 am; edited 2 times in total



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



 
Senior Member

Posted on Mon Aug 12, 2013 10:09 am

 
bro mark im try to use this one, only this one, not repeat but work :D for google chrome work to xD
Code:
jQuery(document).ready(function(){
jQuery("div.xyz:has('.csrank')").css('border-top','5px solid #A04242').css('border-bottom','5px solid #A04242')});
since !important im remove on JS, now work 100% bro mark :D



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 10:12 am

 
Oh god! I forgot, i thought i'm using still the tables that's why i'm giving 2 codes. x.x
And i thought the !important is still in effect. Huehue. Good you copy the one only.

Solve now? Laugh 



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



 
Senior Member

Posted on Mon Aug 12, 2013 10:15 am

 
yes bro mark, no problem, for now work 100%, thanks a lot bro mark, you still best for help about coding :D im really appreciate Happy

thanks again xD
problem solved Happy



View user profile



 
Administrator
Administrator

Posted on Mon Aug 12, 2013 12:14 pm

 
~ Locked. Solved.



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


#22

Sponsored content


 

Posted Today at 2:30 pm

 





Message (Page 1 of 1)

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