| User | Post |
|
4:18 am
23 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Hi,
I installed Simple:Press Forum recently and it worked great! I'm using the default Kubrick theme since it's simple and pretty good. But because of that, my forums are cramped in the small width and the sidebar. I followed the instructions to hide the sidebar, but I think it's still not wide enough. My question is, is there a way for Simple:Press Forum to use the whole page, without the WordPress header and footer, ignoring the Kubrick layout completely?
My forum is located at http://blog.kevinay.com/forum/
Thanks in advance.
|
|
|
4:47 am
23 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
you could do that, but you will have to get your hands dirty and you wont want to remove the entire header…
check out the online help in spf admin panel or check out the article in the left sidebar on this site entitle 'Creating custom page templates”. Given what I see, I suspect you have…
your custom page includes header.php… just change it to include a different file, maybe myheader.php… strip out what you dont want… same for footer… etc… careful, though you cant strip out everything as you will need to load js and css…
I would just change the file to replace the div id header with a different style and then change content id and fullwidth class to be a new style that you define… same with footer… define the new styles in your theme css file..
its all css… well, with just a bit of php to replace the default styles with yours…
|
|
|
5:19 am
23 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Mr Papa said:
you could do that, but it would likely be problematic…
check out the online help in spf admin panel or check out the article in the left sidebar on this site entitle 'Creating custom page templates”. Given what I see, I suspect you have…
your custom page includes header.php… just change it to include a different file, maybe myheader.php… strip out what you dont want… same for footer… etc… careful, though you cant strip out everything as you will need to load js and css…
I would just change the file to replace the div id header with a different style and then change content id and fullwidth class to be a new style that you define… same with footer… define the new styles in your theme css file..
its all css… well, with just a bit of php to replace the default styles with yours…
I did exactly what that page (Creating Custom Page Templates) told me to do, which hides my sidebar in forum.php.
Uh, sorry, but I'm quite new to PHP and CSS, so here goes… So first, I'd need to create a custom header.php and strip out everything I don't need. I'll then rename that file to forumheader.php. And change forum.php to get forumheader.php instead of header.php and do the same for the footer?
What I want is to create a new page for the forum, which would completely ignore the Kubrick theme. So it's not fixed to 760 pixels by the default Kubrick background image. And I'd also like to remove the Kubrick header (which shows your blog name). So I want a blank page with just the forum, nothing else. There's an example of this on the internet, but that site went down yesterday. Here's the Google Cache of that page. Is this what I'll get? Sorry for asking more questions like this.
|
|
|
5:36 am
23 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
no problem ask away… yes, you did it almost correctly as specified in the article (your fullwidth class is a bit too large)…
but as you can see, you can make that just as wide as you want… it just wont match the header and footer…
so, yes, assuming your
<div id=”header”>
definition is in header.php… you will need to include the custom header in you custom template page vs get_header()…
If you want to go real simple, just delete that entire header div… or you can change the id to your own styling and define it in the css style file… you will get what you want… you will then want to do the same for the footer…
If this is still confusing, send me a PM on this site and I will contact you via email and help you out… its really quite simple, but daunting if you havent done it before…
|
|
|
5:53 am
23 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
It's getting into me, but I'm still not sure (yeah, this is my first time doing this). Humm, I did put 100% as the fullwidth… is that too big? What should I change it into then?
Here's what I did. I copied header.php and make it forumheader.php. I then delete the entire <div id=”header”> in forumheader.php since I want to go simple and I don't want to mess around with CSS. And then what should I do? The same goes for the footer. I can make a custom forumfooter.php and delete the entire <div id=”footer”>. But then I don't know what to do next (how to link it to my custom forum.php template).
Thanks for helping me.
|
|
|
6:11 am
23 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
in your custom page template, you probably have this line of code
<?php get_header(); ?>
you will need to replace that with
<?php include (TEMPLATEPATH . '/forumheader.php'); ?>
that will include your custom header file, assuming its name forumheader.php… that will get rid of the header, again assuming you removed the header div
now, this is hard without having the files, but it appears the header is within a page div… you will want to change that to be #mypage or something and make its width 100% in your css style file… its up to you if you copy the rest of the #page styling or not…
do the same with your footer…
|
|
|
6:20 am
23 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Okay, thanks for all your help! But I don't really understand the “now, this is hard without having the files, but it appears the header is within a page div… you will want to change that to be #mypage or something and make its width 100% in your css style file… its up to you if you copy the rest of the #page styling or not…” part. What do I have to do in style.css?
But I continued to change both the header and footer, and now the page looks pretty good.
http://blog.kevinay.com/forum/
The last thing I'd like to ask you is how to change the background into white? I assume that it's in the CSS but I don't know what to change. Thanks!
|
|
|
6:33 am
23 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
lol… the hard part was referring me trying to tell you how to change files, when I cant really see the files… nothing on what you are doing or need to do…
okay, you are getting close…
you need to reread my part about changing the #page css… again, I think this is in your myheader.php… you need to change it to something else… maybe #forumpage
then add to your style.css a NEW directive
#forumpage {background: #ffffff; width=”100%”}
ahhh… looks like the body tag is getting you too… so, again, in myheader.php, change the the following
<body>
to be
<body style=”background:#ffffff”>
lets see what that does… be careful about copying my code… you might get unwanted styling.. might be best to retype…
|
|
|
10:02 am
23 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Sorry, I had to go out for a while there… ^^;
Humm… it's still not working (check at http://blog.kevinay.com/forum/)
I think this code's causing this:
<?php
// Checks to see whether it needs a sidebar or not
if ( !empty($withcomments) && !is_single() ) {
?>
#forumpage { background: url(”<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg”) repeat-y top; border: none; }
<?php } else { // No sidebar ?>
#forumpage { background: url(”<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg”) repeat-y top; border: none; }
<?php } ?>
What should I change it to? Thanks!
|
|
|
3:52 pm
23 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
why are they there? did you create them? or just change them form before? where are those? in the <head> tags? remember my comment about not seeing the files?  evidently, they are creating the styling on the fly instead of in the css style file…
note my post #8… thats all you want for #forumpage (at least initially, can tweak styling later)… so try replacing, in both parts of the if statement, the stuff between the { } with the stuff between the { } in post #8 for #forumpage. I would also consider using a number smaller than 100%, maybe 90 or 95, and leave a bit of “white” space on both sides…
|
|
|
1:20 am
24 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
They're in forumheader.php… No, I didn't create them. To make forumheader.php, I copied header.php and make some changes on it. Those codes are there from header.php. Yep, they're in the <head> tag. They're originally
<?php
// Checks to see whether it needs a sidebar or not
if ( !empty($withcomments) && !is_single() ) {
?>
#page { background: url(”<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg”) repeat-y top; border: none; }
<?php } else { // No sidebar ?>
#page { background: url(”<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg”) repeat-y top; border: none; }
<?php } ?>
on header.php. What should I change it into? I thought on your post on #8 I should add a new directive at style.css and I did that. And I also changed the <body> tag.
Well, if you want to see the files I could send them to you or send you my FTP details via PM… =D
|
|
|
1:31 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
please reread my last post… I told you have to change it… leave it as $forumpage and do the replacement of text between the { } as specified in that post…
we'll try a few more times before getting the ftp info… 
|
|
|
1:37 am
24 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Ah, sorry, so i changed it into
<?php
// Checks to see whether it needs a sidebar or not
if ( !empty($withcomments) && !is_single() ) {
?>
#forumpage { background: #ffffff; width=”100%” }
<?php } else { // No sidebar ?>
#forumpage { background: #ffffff; width=”100%” }
<?php } ?>
but the page still have that same background… I wonder what's causing this?
Okay, just tell me when you need my FTP info =D
|
|
|
1:49 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
now go back to post #8 and do the part I said about changing the body tag… looks like you might have tried but have a typo or something…
make sure you type that stuff in and not cut and past from here… you will get the wrong ” for example…
also, the #page div is still driving your width… should change it to something else and define the style in your css file with your deisred width
|
|
|
1:54 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
|
1:55 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
I see its white now  no to get the width where you want it…
|
|
|
1:58 am
24 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Oh yeah, sorry… So I checked all of my code and I did make a mistake (and the wrong “)… So I fixed it and it's white now =)
Yeah, I still have trouble with the width… Sorry, but what do you mean by “also, the #page div is still driving your width… should change it to something else and define the style in your css file with your deisred width”? The #page div is driving my width, so I should change it to something else? Would is affect other pages in my site?
Thanks for all your help! =D
|
|
|
2:18 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
in your custom header.php or your custom page template you made for the forum, there is a div #page
change that to something else like div #forumpage
and then add that new id to your style.css… I would copy the #page definitions and change the ones that you wnat to get the appearance you want (such as width and the top border)….
|
|
|
2:26 am
24 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Hmm.. I think I did that but it still didn't work.. I sent you a PM about my FTP details if you want to check the files… Thanks! =D
|
|
|
2:44 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
|
2:52 am
24 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Thanks!
But as you said previously the width is now too big… How do you control the width? Or could you change it into 75%? =D
|
|
|
2:58 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
its done… its controlled by line 239 your style.css file…
|
|
|
3:03 am
24 Aug 2008
|
kevinay
Member
| | Jakarta, Indonesia | |
|
| posts 17 |
|
|
Okay, thanks for all your help! Then this topic is resolved =D
|
|
|
3:07 am
24 Aug 2008
|
Mr Papa
Moderator
| | Arizona, USA | |
|
| posts 1602 |
|
|
|
9:27 am
27 Sep 2008
|
nindityo
Guest
| | | |
|
| |
|
|
kevinay said:
Thanks!
But as you said previously the width is now too big… How do you control the width? Or could you change it into 75%? =D
Kevin… aku pikir masalah mu dah selesai..
bolehkan kamu sekarang membantu aku ?
liat forum di http://nindityo.com/forum
aku pengen bisa full lebarnya.
makasih sebelumnya.
|
|
This forum is currently locked - access is read only
Forums
