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)

#1

weeknight

weeknight
 
Senior Member

Posted August 10th 2013, 8: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")

Add border top & bottom color AbR5UQ1

so that staff could look different Laugh 

thanks for help Happy 





#2

Mark

Mark
 
Administrator
Administrator

Posted August 10th 2013, 8:10 pm

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



https://coding-spot.darkbb.com


#3

weeknight

weeknight
 
Senior Member

Posted August 10th 2013, 8: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 https://coding-spot.darkbb.com/t287-adding-background-gradient-for-staff
but this for border color :)

Add border top & bottom color YS5TqPZ

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 :)





#4

weeknight

weeknight
 
Senior Member

Posted August 11th 2013, 8:52 pm

 
24 hours to bump :)

please help me bro mark, thanks Happy 





#5

Mark

Mark
 
Administrator
Administrator

Posted August 12th 2013, 1:45 pm

 
Forum url? Tounge 



https://coding-spot.darkbb.com


#6

weeknight

weeknight
 
Senior Member

Posted August 12th 2013, 2:14 pm

 
You got troll me :D lol

ok this bro mark,, Happy

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





#7

Mark

Mark
 
Administrator
Administrator

Posted August 12th 2013, 2:16 pm

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



https://coding-spot.darkbb.com


#8

Firaasss

Firaasss
 
New Member

Posted August 12th 2013, 2:27 pm

 
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?





#9

Mark

Mark
 
Administrator
Administrator

Posted August 12th 2013, 2:36 pm

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



https://coding-spot.darkbb.com


#10

weeknight

weeknight
 
Senior Member

Posted August 12th 2013, 2:41 pm

 
i done try bro mark :D

You can see my bg gradient on my forum :)





#11

Mark

Mark
 
Administrator
Administrator

Posted August 12th 2013, 2:49 pm

 
Remove the Javascript first. Happy 



https://coding-spot.darkbb.com


#12

weeknight

weeknight
 
Senior Member

Posted August 12th 2013, 3:03 pm

 
ok bro, done :)





#13

Mark

Mark
 
Administrator
Administrator

Posted August 12th 2013, 3:42 pm

 
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')});



https://coding-spot.darkbb.com


#14

weeknight

weeknight
 
Senior Member

Posted August 12th 2013, 4:37 pm

 
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





#15

Mark

Mark
 
Administrator
Administrator

Posted August 12th 2013, 4:54 pm

 
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;
}



https://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 1 user online :: 0 Registered, 0 Hidden and 1 Guest

Users browsing this forum: None