Sticky / Pinned text background codes
3 posters
Page 1 of 2
Page 1 of 2 • 1, 2
Sticky / Pinned text background codes
Hi all
i have this code i got from some place and it all works fine but i make a change to the Word Sticky to pinned now the pinned don't have a color background like it did when it was as sticky
i made a change to the code but still not showing
CSS Files:
Java Code:
P-D is the code for Pinned
what am i doing wrong ?
Much thanks to anyone that can help
APE
i have this code i got from some place and it all works fine but i make a change to the Word Sticky to pinned now the pinned don't have a color background like it did when it was as sticky
i made a change to the code but still not showing
CSS Files:
- Code:
vertical-align:middle
}
a.topictitle {
vertical-align:bottom
padding-top:10px;
}
.an, .g-a,.sticky{
background-color: #3689D1;
background-image: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png");
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
font-family: Verdana,Geneva,sans-serif !important;
font-size: 9px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 0 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
vertical-align: middle;
border: 1px solid #CCC !important;
}
.p-l {
background-color: #00E600;
background-image: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png");
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
font-family: Verdana,Geneva,sans-serif !important;
font-size: 9px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 0 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
vertical-align: middle;
border: 1px solid #CCC !important;
}
.M-L{
background-color: #660000;
background-image: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png");
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
font-family: Verdana,Geneva,sans-serif !important;
font-size: 9px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 0 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
vertical-align: middle;
border: 1px solid #CCC !important;
}
.P-D {
background-color: #00E600;
background-image: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png");
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
font-family: Verdana,Geneva,sans-serif !important;
font-size: 9px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 0 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
vertical-align: middle;
border: 1px solid #CCC !important;
}
span.corners-bottom span {
border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-khtml-border-radius: 10px;
}
Java Code:
- Code:
//Sticky box code
$(document).ready(function() {
$('dd.dterm strong:contains("Sticky")').each(function(){
$(this).addClass('sticky');
});
});
$(document).ready(function() {
$('dd.dterm strong:contains("Announcement")').each(function(){
$(this).addClass('an');
});
});
$(document).ready(function() {
$('dd.dterm strong:contains("Global announcement")').each(function(){
$(this).addClass('g-a');
});
});
$(document).ready(function() {
$('dd.dterm strong:contains("Poll")').each(function(){
$(this).addClass('p-l');
});
});
$(document).ready(function() {
$('dd.dterm strong:contains("Moved")').each(function(){
$(this).addClass('M-L');
});
});
$(document).ready(function() {
$('dd.dterm strong:contains("Pinned")').each(function(){
$(this).addClass('P-D');
});
});
//END OF CODE
P-D is the code for Pinned
what am i doing wrong ?
Much thanks to anyone that can help
APE
Re: Sticky / Pinned text background codes
Hey @APE,
Could you send us a link of a forum that contains a pinned topic to see what's wrong?
Luffy
Could you send us a link of a forum that contains a pinned topic to see what's wrong?
Luffy
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
When I check the CSS, I only see a background image.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Sticky / Pinned text background codes
This is what i Dont get lol it works for all the rest but not for that one the full code is in the top post lol
Re: Sticky / Pinned text background codes
Did you change this part:
To:
- Code:
$(document).ready(function() {
$('dd.dterm strong:contains("Sticky")').each(function(){
$(this).addClass('sticky');
});
});
To:
- Code:
$(document).ready(function() {
$('dd.dterm strong:contains("Pinned")').each(function(){
$(this).addClass('pinned');
});
});
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Sticky / Pinned text background codes
Yes
it has a code for sticky and one for pinned
i removed the sticky code but still nothing
it has a code for sticky and one for pinned
i removed the sticky code but still nothing
Re: Sticky / Pinned text background codes
Change this:
- Code:
.an, .g-a,.sticky{
- Code:
.an, .g-a,.pinned{
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Sticky / Pinned text background codes
This is the Code for Pinned
Java.....
CSS.......
Java.....
- Code:
$(document).ready(function() {
$('dd.dterm strong:contains("Pinned")').each(function(){
$(this).addClass('P-D');
});
});
CSS.......
- Code:
.P-D {
background-color: #00E600;
background-image: url("http://i55.servimg.com/u/f55/14/73/12/96/highli10.png");
background-position: 0 -1px;
background-repeat: repeat-x;
border-radius: 3px;
color: #FFFFFF;
display: inline-block;
font-family: Verdana,Geneva,sans-serif !important;
font-size: 9px;
font-weight: bold;
height: 16px;
line-height: 16px;
padding: 0 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
text-transform: uppercase;
vertical-align: middle;
border: 1px solid #CCC !important;
}
Re: Sticky / Pinned text background codes
@APE the pinned is not with bold letters. Try either making it bold or try replacing the javascript with this one:
- Code:
$(document).ready(function() {
$('dd.dterm:contains("Pinned")').each(function(){
$(this).addClass('P-D');
});
});
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
it sort of worked lol it worked as putting the background on like it should do but now the Box is going right across the pageLuffy wrote:@APE the pinned is not with bold letters. Try either making it bold or try replacing the javascript with this one:I am not sure it'll work like this but you can change it if it's wrong!
- Code:
$(document).ready(function() {
$('dd.dterm:contains("Pinned")').each(function(){
$(this).addClass('P-D');
});
});
Not sure why as its the same Code as the rest i am using just colour change thats it
Re: Sticky / Pinned text background codes
Hey @APE,
Try the default one you used to have before and try making the text Pinned with bold letters and see if it works. I think that's why it is not working.
Try the default one you used to have before and try making the text Pinned with bold letters and see if it works. I think that's why it is not working.
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
I have done and still nothing
i made it bold by CSS but still come out with no background at all.
The only time the background come up was when i removed the code and added yours but then the background become big and i could not change it
i made it bold by CSS but still come out with no background at all.
The only time the background come up was when i removed the code and added yours but then the background become big and i could not change it
Re: Sticky / Pinned text background codes
Can you make it with the background as you showed above to give it a look via element?
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
lol Don't know how to lol still trying to work all this code stuff out my self.... just cant get my little head round it all
Re: Sticky / Pinned text background codes
Add this code once more to give the result a look and see what's wrong with it!APE wrote:it sort of worked lol it worked as putting the background on like it should do but now the Box is going right across the pageLuffy wrote:@APE the pinned is not with bold letters. Try either making it bold or try replacing the javascript with this one:I am not sure it'll work like this but you can change it if it's wrong!
- Code:
$(document).ready(function() {
$('dd.dterm:contains("Pinned")').each(function(){
$(this).addClass('P-D');
});
});
Not sure why as its the same Code as the rest i am using just colour change thats it
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
ive added it again but i still can't work out why its messing up
Re: Sticky / Pinned text background codes
I cannot see it as the image.
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
It makes the whole line like that because the code adds the class to the dterm element and that's the line.
May i ask what do you have when you go to
ACP(Admin Control Panel) > General > Messages and e-mails > Configuration > Messages
where it says about the Pinned and for the rest?
May i ask what do you have when you go to
ACP(Admin Control Panel) > General > Messages and e-mails > Configuration > Messages
where it says about the Pinned and for the rest?
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
That are blank all but the pinned one that was sticky renamed pinned
Re: Sticky / Pinned text background codes
The field you have for your pinned can you change it to:
and retry adding your default code to see if it works?
|
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
Ok remove that lol.
Go to:
Admin Panel > Display > Templates > topic_list_box
and search for:
and replace it with:
Save and publish it and lets hope it'll work!
Go to:
Admin Panel > Display > Templates > topic_list_box
and search for:
|
and replace it with:
|
Save and publish it and lets hope it'll work!
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
Silly me. The Pinned field must be a sceditor field. Try adding in the sticky field
and try it out. I think now it'll work..
Edit: Nah it doesn't! Hehe just give me some moments to give it one more look cause i am writing the first thing that comes to my head!
|
and try it out. I think now it'll work..
Edit: Nah it doesn't! Hehe just give me some moments to give it one more look cause i am writing the first thing that comes to my head!
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Re: Sticky / Pinned text background codes
Did you empty the field and for the word sticky it worked?
Forum of the Forums Forumotion Rules | Tips & Tricks | FAQ | Did you forget your password? |
*** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
No support via PM!
Page 1 of 2 • 1, 2
Similar topics
» Text Editor Background Image
» Remove Global announcement , Important and Pinned text
» Text centering and background
» Title of topic/description text or background change.
» wana change all widget title background and Text color
» Remove Global announcement , Important and Pinned text
» Text centering and background
» Title of topic/description text or background change.
» wana change all widget title background and Text color
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum