Page Index Toggle Pages: 1
Topic Tools
Hot Topic (More than 10 Replies) need help to edit the layout (Read 2,651 times)
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
need help to edit the layout
May 4th, 2013 at 11:53pm
Post Tools
Hi everyone,

First time using the yabb forum template and after 3-4 hours trying to understand, i was able to edit the template and change some images. But right now, I want to modify the layout of my forum. I want to move the last message column at the end. I tried to edit the messageboard.pl but i found nothing. Also, I want to have a bigger font on the board navigation (where you see Blood bowl Quebec).

Can some one help me ?
  

column.JPG ( 55 KB | 67 Downloads )
column.JPG
Back to top
 
IP Logged
 
Dandello
YaBB Administrator
YaBB Next Team
Operations Team
Beta Testers
Support Team
*****
Offline



Posts: 2,431
Location: Earth

YaBB 2.6.1
Re: need help to edit the layout
Reply #1 - May 5th, 2013 at 1:21am
Post Tools
The file that needs to be edited is not BoardIndex.pl but BoardIndex.template (specifically the $boardblock section). The 'Blood Bowl' looks to be the name of the forum, so that gets edited for formatting in ./Templates/display.html (look for '{yabb boardlink}')

  

If you only have one solution to a problem you're not trying hard enough!
Back to top
WWW  
IP Logged
 
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
Re: need help to edit the layout
Reply #2 - May 6th, 2013 at 3:20am
Post Tools
Yay! Thank you Dandello to guide me to the right direction! For the column, it works like a charm! But for the boardlink, it didn't. I searched for › in all .pl and template files and the only only it return is ./Templates/display.html - Fine.

I modified this file and I replaced › by ::
Code
Select All
<div class="navbarcontainer">
<table width="100%" border="0">
<tr>
	<td align="left">
	<span class="small">
		<b><yabb home> :: <yabb category> :: <yabb board></b><br /><yabb moderators>
	</span>
	</td>
	<td valign="top" align="right">
	<span class="small">
		‹ <yabb prev> | <yabb next> ›
	</span>
	</td>
</tr>
</table>
</div> 



It gave me this (see image). Only the bottom link had changed.
  

forum.JPG ( 43 KB | 51 Downloads )
forum.JPG
Back to top
 
IP Logged
 
Dandello
YaBB Administrator
YaBB Next Team
Operations Team
Beta Testers
Support Team
*****
Offline



Posts: 2,431
Location: Earth

YaBB 2.6.1
Re: need help to edit the layout
Reply #3 - May 6th, 2013 at 4:45am
Post Tools
In 2.1 that line appears twice in Display.template (lines 35 and 130) - both will have to be changed. Also in most of the files the left and right  arrows are coded as html characters - &lsaquo; and &rsaquo;
  

If you only have one solution to a problem you're not trying hard enough!
Back to top
WWW  
IP Logged
 
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
Re: need help to edit the layout
Reply #4 - May 7th, 2013 at 3:06am
Post Tools
I'm using Yabb Template 2.3.1. That's maybe why I don't see them at the line 35 and 130. Anyway, I find/replace all the lsaquo for :: and I still have the > character.

Also, I want to change the font size of the board link on each page (main, board, category, message and the topic name).
THIS --> Blood Bowl Quebec› Les Ligues › B.B.Q Ligue Officiel - Saison 7 › [ ] S7MD1 Luluberlu vs Freak
  
Back to top
 
IP Logged
 
Derek Barnstorm
Support Team
YaBB Next Team
Development Team
Beta Testers
****
Offline



Posts: 1,269
Location: United Kingdom

None
Re: need help to edit the layout
Reply #5 - May 7th, 2013 at 4:04am
Post Tools
Hi darkfang,

To change the font size of the navigation/bread crumb, edit the highlighted in your style sheet:

Code (CSS)
Select All
.nav, a.nav, a.nav:visited {
    font-weight: bold;
    font-size: 10px;
    color : #000033;
    text-decoration: none;
} 


As for changing the '&rsaquo;' character, I'm afraid that is done in many files. Here's an example from Display.pl:

Code (Perl)
Select All
    $yynavigation = qq~&rsaquo; $template_cat &rsaquo; $template_board &rsaquo; $msubthread~; 

  
Back to top
 
IP Logged
 
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
Re: need help to edit the layout
Reply #6 - May 7th, 2013 at 3:10pm
Post Tools
Thanks Derek! Found it in my style sheet under /* YaBB navigation links */

Not easy for me trying to understand all the relation between the template, .pl, .css.. i'm getting old Tongue lol

I will continue editing my layout and see from there if I still need your help.

Thank you again!
  
Back to top
 
IP Logged
 
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
Re: need help to edit the layout
Reply #7 - May 8th, 2013 at 3:46am
Post Tools
I've been looking for 1 hour for this one...

Where can I change the display of a subject with the date ?

I want all this info on the same line.
  

title.JPG ( 26 KB | 67 Downloads )
title.JPG
Back to top
 
IP Logged
 
Derek Barnstorm
Support Team
YaBB Next Team
Development Team
Beta Testers
****
Offline



Posts: 1,269
Location: United Kingdom

None
Re: need help to edit the layout
Reply #8 - May 8th, 2013 at 4:46am
Post Tools
Hi again,

In Display.template find the following and remove the highlighted break tag:

Code (HTML)
Select All
            <b>{yabb subject}</b><br />
            <span class="small"><b>{yabb replycount}</b>{yabb msgdate}</span> 


If you're using the old 2.1 style template it will look like this:

Code (HTML)
Select All
            <b><yabb subject></b><br />
            <span class="small"><b><yabb replycount></b><yabb msgdate></span> 

« Last Edit: May 8th, 2013 at 4:47am by Derek Barnstorm »  
Back to top
 
IP Logged
 
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
Re: need help to edit the layout
Reply #9 - May 8th, 2013 at 12:02pm
Post Tools
Wow.. I don't remember how often I read the script and I never found it... Thank again for your time
  
Back to top
 
IP Logged
 
Derek Barnstorm
Support Team
YaBB Next Team
Development Team
Beta Testers
****
Offline



Posts: 1,269
Location: United Kingdom

None
Re: need help to edit the layout
Reply #10 - May 8th, 2013 at 3:24pm
Post Tools
No problem. Smiley
  
Back to top
 
IP Logged
 
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
Re: need help to edit the layout
Reply #11 - May 12th, 2013 at 1:07pm
Post Tools
...sigh.. i'm dropping the towel for this one...

I want to remove the $micon column ..
MessageIndex.template or MessageIndex.pl ?
  

topic.JPG ( 51 KB | 53 Downloads )
topic.JPG
Back to top
 
IP Logged
 
Dandello
YaBB Administrator
YaBB Next Team
Operations Team
Beta Testers
Support Team
*****
Offline



Posts: 2,431
Location: Earth

YaBB 2.6.1
Re: need help to edit the layout
Reply #12 - May 12th, 2013 at 2:53pm
Post Tools
MessageIndex.template - look for
Code
Select All
{yabb icon} 

or
Code
Select All
<yabb icon> 

  

If you only have one solution to a problem you're not trying hard enough!
Back to top
WWW  
IP Logged
 
Derek Barnstorm
Support Team
YaBB Next Team
Development Team
Beta Testers
****
Offline



Posts: 1,269
Location: United Kingdom

None
Re: need help to edit the layout
Reply #13 - May 13th, 2013 at 6:01pm
Post Tools
darkfang wrote on May 12th, 2013 at 1:07pm:
MessageIndex.template or MessageIndex.pl ?

Both...

This is for the default template - if you're using the 2.1 style template, some code might look slightly different.

In MessageIndex.template find:

Code (HTML)
Select All
    <td class="titlebg" width="8%" colspan="2" align="center"> 


And change to:

Code (HTML)
Select All
    <td class="titlebg" width="8%" align="center"> 


Find two instances of (one is for moved threads):

Code (HTML)
Select All
<td class="windowbg2" valign="middle" align="center" width="4%">{yabb threadpic}</td>
<td class="windowbg2" valign="middle" align="center" width="4%">{yabb icon}</td> 


And change to:

Code (HTML)
Select All
<td class="windowbg2" valign="middle" align="center" width="8%">{yabb threadpic}</td> 


Find:

Code (HTML)
Select All
<td class="titlebg" valign="middle" align="right" colspan="7"> 


And change to:

Code (HTML)
Select All
<td class="titlebg" valign="middle" align="right" colspan="6"> 


And in MessageIndex.pl find:

Code (Perl)
Select All
        $colspan = 8;
    } else {
        $colspan = 7; 


And change to:

Code (Perl)
Select All
        $colspan = 7;
    } else {
        $colspan = 6; 




« Last Edit: May 13th, 2013 at 8:12pm by Derek Barnstorm »  
Back to top
 
IP Logged
 
darkfang
YaBB Newcomer
*
Offline



Posts: 10

YaBB 2.6.0
Re: need help to edit the layout
Reply #14 - May 17th, 2013 at 12:16am
Post Tools
Nice ! Thanks!

Next one. I have insert a Shout Box but I want it only on the main page, not when i'm browsing the forum or send a private message, etc.. Is it possible without doing some heavy coding ?
  

shoutbox.JPG ( 116 KB | 57 Downloads )
shoutbox.JPG
Back to top
 
IP Logged
 
Page Index Toggle Pages: 1
Topic Tools
 
  « Board Index ‹ Board  ^Top