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

Board Index » Forumotion »  [Read Only] Questions & Problems »[Solved] How to edit this part of my forum

Foto

[Solved] How to edit this part of my forum

by ,


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

1
Offline

  Destroya*

Destroya*
Punbb Senior
Punbb Senior
2014-12-11, 18:45
  • 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?[Solved] How to edit this part of my forum Forums_zps2ba1e1c4
  • 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

Virus
★Moderator★
★Moderator★
2014-12-11, 21:46
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*

Destroya*
Punbb Senior
Punbb Senior
2014-12-12, 11:47
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

Virus
★Moderator★
★Moderator★
2014-12-12, 12:06
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*

Destroya*
Punbb Senior
Punbb Senior
2014-12-12, 12:22
First code is pefect!
What's the second code for? lol

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

6
Offline

  Virus

Virus
★Moderator★
★Moderator★
2014-12-12, 12:23
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*

Destroya*
Punbb Senior
Punbb Senior
2014-12-12, 12:36
Second didnt work Sad

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

8
Offline

  Virus

Virus
★Moderator★
★Moderator★
2014-12-12, 12:40
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*

Destroya*
Punbb Senior
Punbb Senior
2014-12-12, 13:10
Didn't work

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

10
Offline

  Virus

Virus
★Moderator★
★Moderator★
2014-12-12, 22:23
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
Thanks
Currently 0 users have thanked Virus for this post:

11
Offline

  Virus

Virus
★Moderator★
★Moderator★
2014-12-16, 21:37
Is this now solved?

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

12
Offline

  Destroya*

Destroya*
Punbb Senior
Punbb Senior
2014-12-17, 22:44
Solved! thank you Virus Smile This looks good

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

13
Offline

  Shadow

Shadow
Administrator
Administrator
2014-12-18, 09:19
[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:

14
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content 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

 

About PunBB Design

PunBB Design (ex. PunBB Community) Forum is Forumotion hosted forum created 2012 as a test forum for helping out members and improving design and quality of the Forumotion forums. Over the time it became bigger and bigger in term of content, members and activity. That's why several times Forumotion offered us a free domain name for our community (www.punbb.biz). Today we want to back it's old activity and make it even better! In 2013 PunBB Design is awarded for best Forumotion forum.

General Links

Forum Resources

Forumotion Links

BtT
  • This skin is designed by Shadow for PunBB Design™.