Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] How to edit this part of my forum



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
  • Description:
Hello, I just want to know how to edit the forums part of my forum, I know how to edit the .forabg  part but after I click on one of the main categories, this is what I can't edit. How can I edit this on my CSS?

  • Information:
Forum:http://raptorgaming.forumotion.com/Version:PHPBB3
Type:Request a codeTags:forum

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

2
Offline

  Virus

avatar
★Moderator★
★Moderator★
What do you want to edit exactly and how do you want to change it?

Powered by PunBB
Currently 0 users have thanked Virus for this post:

3
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
I want to add a shadow to the box and to the text, like I have on the main index. Also want to add a background picture to the header (Announcment and Sticky and Topics).

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

4
Offline

  Virus

avatar
★Moderator★
★Moderator★
Ok!
To do that you need to add this to your CSS for the shadow of the box and the text:
Code:
.forumbg{
box-shadow: 0 0 10px blue;
margin: 4px 4px 10px 4px!important;
text-shadow: 0 0 15px blue;
}

and try this for the announcement background and see if it works.:
Code:
dl.forumbg.announcement row{background:#000;}

Powered by PunBB
Currently 0 users have thanked Virus for this post:

5
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
First code is pefect!
What's the second code for? lol

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

6
Offline

  Virus

avatar
★Moderator★
★Moderator★
The second code is to change the background of the row of announcement, stickies etc.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

7
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
Second didnt work Sad

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

8
Offline

  Virus

avatar
★Moderator★
★Moderator★
Ok then we will do it with Javascript.

Go to Admin Panel > Modules > HTML & JAVASCRIPT > Javascript codes management > create a new script
Title: Whatever you want
Placement: In the Subforums
Code:
Code:
jQuery(document).ready(function () { jQuery('.dterm:has(img[src="http://i59.servimg.com/u/f59/18/48/56/84/40222010.png"])').addClass('annostickBg'); });
jQuery(document).ready(function () { jQuery('.dterm:has(img[src="http://i59.servimg.com/u/f59/18/48/56/84/40222011.png"])').addClass('annostickBg'); });
jQuery(document).ready(function () { jQuery('.dterm:has(img[src="http://i39.servimg.com/u/f39/18/48/56/84/39341110.png"])').addClass('annostickBg'); });

and then go to: Admin Panel > Display > Pictures and colors > Colors > CSS Stylesheet and add the below code:
Code:
.annostickBg { background:blue !important; }

and see if the background of the Announcement and Stickes etc table changed background.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

9
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
Didn't work

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

10
Offline

  Virus

avatar
★Moderator★
★Moderator★
Add this in your Javascript instead of the one i gave you earlier:
Code:
jQuery(document).ready(function() {
  jQuery('ul.topiclist.topics.bg_none dl.icon[style*="http://i59.servimg.com/u/f59/18/48/56/84/40222011.png"]').addClass('annostickBg');
});

jQuery(document).ready(function() {
  jQuery('ul.topiclist.topics.bg_none dl.icon[style*="http://i59.servimg.com/u/f59/18/48/56/84/40222011.gif"]').addClass('annostickBg');
});

jQuery(document).ready(function() {
  jQuery('ul.topiclist.topics.bg_none dl.icon[style*="http://i59.servimg.com/u/f59/18/48/56/84/40222010.png"]').addClass('annostickBg');
});
jQuery(document).ready(function() {
  jQuery('ul.topiclist.topics.bg_none dl.icon[style*="http://i59.servimg.com/u/f59/18/48/56/84/40222010.gif"]').addClass('annostickBg');
});

jQuery(document).ready(function() {
  jQuery('ul.topiclist.topics.bg_none dl.icon[style*="http://i39.servimg.com/u/f39/18/48/56/84/39341110.png"]').addClass('annostickBg');
});

jQuery(document).ready(function() {
  jQuery('ul.topiclist.topics.bg_none dl.icon[style*="http://i39.servimg.com/u/f39/18/48/56/84/39341012.gif"]').addClass('annostickBg');
});
and submit it in placement: In the Subforums. That should work! With that code it should make the background for announcements and stickies blue-ish color.

Powered by PunBB
Currently 0 users have thanked Virus for this post:

11
Offline

  Virus

avatar
★Moderator★
★Moderator★
Is this now solved?

Powered by PunBB
Currently 0 users have thanked Virus for this post:

12
Offline

  Destroya*

avatar
Punbb Senior
Punbb Senior
Solved! thank you Virus Smile This looks good

Powered by PunBB
Currently 0 users have thanked Destroya* for this post:

13
Offline

  Shadow

avatar
Administrator
Administrator
[sucesso="Marked as Solved"]The question(s) in this topic have been answered and the owner has been able to solve the problem. Because of this, the topic has been marked as Solved.

If you have further questions, please open a new topic.[/sucesso]

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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