Page Index Toggle Pages: [1] 2 
Topic Tools
Hot Topic (More than 10 Replies) How do I download a template from BoardMod? (Read 4,783 times)
Citron
YaBB Newcomer
*
Offline



Posts: 43

None
Re: How do I download a template from BoardMod?
Reply #19 - Dec 17th, 2010 at 11:49pm
Post Tools
Awesome CJ and DB! I will try to incorporate the code. I am trying to incorporate it into the "fire n ice" template as well but, it looks like the background on this forum is a lot wider.
  
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: How do I download a template from BoardMod?
Reply #18 - Dec 17th, 2010 at 1:23am
Post Tools
Thanks CJ! Smiley

Okay Citron - something like this (I hope):



Use the image that CJ has kindly modified, and just add your logo right onto that... and then...

In the BlueNoir.html file, find this (what you edited before):

Code (HTML)
Select All
<table class="header" width="100%" cellpadding="4" cellspacing="0" border="0">
    <tr>
        <td align="left" valign="top" width="1%" height="40">&nbsp;</td>
        <td align="left" valign="middle" height="40">{yabb uname}<br />{yabb im}{yabb admin_alert}</td>
        <td align="right" valign="middle" width="400" height="100" rowspan="2"><a href="http://www.yabbforum.com"><img src="{yabb images}/YaBBNoirLogo.png" alt="YaBB - Yet another Bulletin Board" title="YaBB - Yet another Bulletin Board" border="0" /></a></td>
    </tr>
    <tr>
        <td align="left" valign="top" width="1%" height="60">&nbsp;</td>
        <td class="small" align="left" valign="top" height="60">{yabb news}</td>
    </tr>
</table> 


And replace with:

Code (HTML)
Select All
<table class="header" width="100%" cellpadding="4" cellspacing="0" border="0" height="235">
    <tr>
        <td align="left" valign="top" width="1%" height="40">&nbsp;</td>
        <td align="left" valign="top" height="40">{yabb uname}<br />{yabb im}{yabb admin_alert}</td>
    </tr>
    <tr>
        <td align="left" valign="top" width="1%">&nbsp;</td>
        <td class="small" align="left" valign="top">{yabb news}</td>
    </tr>
</table> 


Then in the CSS file (BlueNoir.css) find:

Code (CSS)
Select All
.header {
	background-image: url(./BlueNoir/header_bg.png);
	background-repeat: repeat-x;
	text-align: left;
} 


And replace with (obviously the highlighted has to be the name of your image):

Code (CSS)
Select All
.header {
	background: url(./BlueNoir/earthcropped.jpg) no-repeat center top;
	text-align: left;
} 


Then still in the CSS file find:

Code (CSS)
Select All
#maincontainer{
	width: 75%;
	margin: 0 auto;
	padding: 0;
	min-width: 770px;
} 


And add the highlighted:

Code (CSS)
Select All
#maincontainer{
	width: 75%;
	margin: 0 auto;
	padding: 0;
	min-width: 770px;
        max-width: 1200px;
} 



The max-width is only to make sure that your forum doesn't ever go wider than the background image. In my opinion it could be doing with being a bit wider still really, so if you change the image size, make sure that this is set to the same width as your image.

Oh, remember that external CSS and images get cached, so you might have to refresh your browser a few times to see the changes...
  
Back to top
 
IP Logged
 
Citron
YaBB Newcomer
*
Offline



Posts: 43

None
Re: How do I download a template from BoardMod?
Reply #17 - Dec 17th, 2010 at 1:14am
Post Tools
It's now 1200X325 pixels. Thanks.
  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: How do I download a template from BoardMod?
Reply #16 - Dec 17th, 2010 at 12:28am
Post Tools
I locked the resolution ... so should be as high as the original.
  
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: How do I download a template from BoardMod?
Reply #15 - Dec 17th, 2010 at 12:23am
Post Tools
Quote:
took from his site and enlarged, without keeping aspect

Ah, right. It doesn't actually look that bad considering that it's been enlarged...
« Last Edit: Dec 17th, 2010 at 12:25am by Derek Barnstorm »  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: How do I download a template from BoardMod?
Reply #14 - Dec 17th, 2010 at 12:22am
Post Tools
took from his site and enlarged, without keeping aspect
  
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: How do I download a template from BoardMod?
Reply #13 - Dec 17th, 2010 at 12:20am
Post Tools
Aha, cool! Did you just enlarge that or did you find it on the net somewhere?
  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: How do I download a template from BoardMod?
Reply #12 - Dec 17th, 2010 at 12:17am
Post Tools
1200x325
  

earthcropped.jpg ( 35 KB | 98 Downloads )
earthcropped.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: How do I download a template from BoardMod?
Reply #11 - Dec 16th, 2010 at 11:40pm
Post Tools
Sorry, but that's not a lot of good to me - The main background image needs to be at the very least 900px wide (ideally over 1200), and I need them in two separate images for this to work.

I'm basically going to set the forum to have a max width of the background image width, so the wider, the better...

Edited:
Actually, it doesn't really matter if it's only one image, just as long as it's big enough.

« Last Edit: Dec 16th, 2010 at 11:55pm by Derek Barnstorm »  
Back to top
 
IP Logged
 
Citron
YaBB Newcomer
*
Offline



Posts: 43

None
Re: How do I download a template from BoardMod?
Reply #10 - Dec 16th, 2010 at 11:32pm
Post Tools
The text was just added through "Paint" as I wasn't sure how to layer my logo ontop of the picture.
  

earthcroppedwithtext.zip ( 11 KB | 87 Downloads )
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: How do I download a template from BoardMod?
Reply #9 - Dec 16th, 2010 at 11:20pm
Post Tools
Citron wrote on Dec 16th, 2010 at 11:09pm:
I would like to get my image to fill up that entire header and have my website name centered and riding on top of the picture and also have the "Good afternoon / you have messages" to ride over the pic as well in the same spot that it is already in (top left). I guess I was looking for a program that could drop in an image and some text without throwing the site out of whack. Everything else I want to leave the same.

Okay. I was thinking myself it would look good with that image spanning the whole header. I presume you already have that in a larger image?

The easiest way for me to tell you how to do it is if you could zip both of the images (background and logo) up and attach them here for me - that way I get it looking okay for you and pass you on the code changes...

Quote:
You can't open manually edited templates or html back in Artisteer as Artisteer can open only .artx files.

he he - That explains that then. I didn't look into what is was about properly. Grin

« Last Edit: Dec 16th, 2010 at 11:21pm by Derek Barnstorm »  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: How do I download a template from BoardMod?
Reply #8 - Dec 16th, 2010 at 11:17pm
Post Tools
You will have to clear your table cells from your header, then make the logo image a background image. Possibly placing the cells over the image.

See attachment, the red lines are your cells
  

LogoTable.jpg ( 36 KB | 91 Downloads )
LogoTable.jpg
Back to top
 
IP Logged
 
Citron
YaBB Newcomer
*
Offline



Posts: 43

None
Re: How do I download a template from BoardMod?
Reply #7 - Dec 16th, 2010 at 11:09pm
Post Tools
I would like to get my image to fill up that entire header and have my website name centered and riding on top of the picture and also have the "Good afternoon / you have messages" to ride over the pic as well in the same spot that it is already in (top left). I guess I was looking for a program that could drop in an image and some text without throwing the site out of whack. Everything else I want to leave the same.

You are right, Artisteer lets you export an html but not import one. It's a nice graphical tool but, hard to integrate.
  
Back to top
 
IP Logged
 
Captain John
Ex Member


Re: How do I download a template from BoardMod?
Reply #6 - Dec 16th, 2010 at 10:20pm
Post Tools
Artisteer designs Joomla!™, WordPress, Drupal, DotNetNuke, and Blogger. "CMS products"
You can't open manually edited templates or html back in Artisteer as Artisteer can open only .artx files.
« Last Edit: Dec 16th, 2010 at 10:21pm by »  
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: How do I download a template from BoardMod?
Reply #5 - Dec 16th, 2010 at 9:18pm
Post Tools
I can't say I've ever used Artisteer.

I guess in theory you could view the HTML in it because it's a .html file, but you couldn't really keep the file structure - YaBB uses tags to find the path to the images '{yabb images}', so I don't think it would really work...

Looks like I didn't make the header background gradient high enough for larger logos though - I can make you a bigger gradient if you want?

How exactly do you want it to look? Is that the only image that you want there? Is it just the padding around the edges that is bothering you?
  
Back to top
 
IP Logged
 
Page Index Toggle Pages: [1] 2 
Topic Tools
 
  « Board Index ‹ Board  ^Top