Simple Machines Community Forum

Hi here is my first theme... Ragnarok... in grey colors...
This theme is compatible with smf 1.0.3.

Link to download and Preview/test theme
http://ragnarok.upnweb.dk/index.php/topic,5.0.html

Preview:


Languages: English

Oops... now you can download the attach zip file

Viking Chief  ;)

edit:
My Themes Viking Blue and Ragnarok are no longer available do to hacker attack on my server.

Viking Chief


edit:changed topic icon to theme one / Owdy

Simple and nice. Good job!

VERY good, that has to be my favourite theme or close to

very good, that has to be my favourite theme thanks

Very nice. Is this a fixed size theme?

So very very grayscale...

A good variation on the default theme( just shows how good that is ;) ), but for me personally its a bit too "greyish". But the theme feels good to use. 

You might look at validating it though, there were some errors around the logo and divs on the top.

Wouldnt it be cool if on mouse over - it coloured the area you are looking at :)

Nice theme :).

-Dan The Man

Thanks for your comments guys...   ;)

Yes this is a fixed size theme.

Quote from: Bloc on April 04, 2005, 05:42:28 AM
You might look at validating it though, there were some errors around the logo and divs on the top.

Yes there were some errors around the logo and the top menu, I have made the corrections and uploaded a new zip file... :P

Viking Chief

very nice! I like it :)

good work ;)

how can i make it so that the avatar size 100 x 100 is ,if i change the options to 100x100 than when you post something under the avatar is a scrollbar how can i make it that this isn't so,i don't want that scrollbar

Quote from: Cottelletje on April 12, 2005, 10:01:06 AM
how can i make it so that the avatar size 100 x 100 is ,if i change the options to 100x100 than when you post something under the avatar is a scrollbar how can i make it that this isn't so,i don't want that scrollbar

It sounds like you are using Netscape or Opera as you browser?

You have to edit Display.template.php

Search for:

// Show information about the poster of this message.
echo '
<table width="100%" cellpadding="5" cellspacing="0" style="table-layout: fixed;">
<tr>
<td valign="top" width="16%" rowspan="2" style="overflow: hidden;">
<b>', $message['member']['link'], '</b>
<div class="smalltext">';




Replace with:

// Show information about the poster of this message.
echo '
<table width="100%" cellpadding="5" cellspacing="0" style="table-layout: fixed;">
<tr>
<td valign="top" width="20%" rowspan="2" style="overflow: hidden;">
<b>', $message['member']['link'], '</b>
<div class="smalltext">';


This should give you the space for 100 x 100 avatars without the scrollbar :P

IT WORKED THANK YOu



great theme by the way ;)

Hey, great theme, I am doing a bit of customising at the moment (if you don't mind). Is there any way I can make it a bit wider? Looks a tad narrow in portals...

sir ragnarok how can i make the ackground black? 8)

Hey, I can send you my style sheet and you won't have to do a thing... That is, if you like it. www.wtntennis.info/forums/index.php

Quote from: giba_choo on April 13, 2005, 09:36:21 AM
Hey, great theme, I am doing a bit of customising at the moment (if you don't mind). Is there any way I can make it a bit wider? Looks a tad narrow in portals...

No I don't minded at all ;) you are more than welcome to customise  :P 

thanks [email protected] is my mail

how can you set a default avatar ?

I sent the files to your email  :D

thank you VERY MUCh

Quote from: giba_choo on April 13, 2005, 09:36:21 AM
Is there any way I can make it a bit wider? Looks a tad narrow in portals...

I overlooked this Q – sorry

Yes open the index.template.php

Search for: 725

and replace with what you like

Thanks

Hey Viking Chief,

you theme rocks but i have a problem. I'm using it for a Portuguese community and i would like to know if it was possible to translate the buttons to the Portuguese language.

Besides that the theme is awesome :)

Quote from: VisiGod on April 27, 2005, 04:18:42 PM
Hey Viking Chief,

you theme rocks but i have a problem. I'm using it for a Portuguese community and i would like to know if it was possible to translate the buttons to the Portuguese language.

Besides that the theme is awesome :)

Thanks VisiGod

I'll make the buttons in Portuguese, you will have them in a couple of days...

Here are the Portuguese button set  :P

Portuguese button set (http://ragnarok.upnweb.dk/download/Ragnarok_portuguese_buttons.zip)

Quote from: Viking Chief on April 27, 2005, 10:19:29 PM
I'll make the buttons in Portuguese, you will have them in a couple of days...

couple of days = next day..

Man, you're amazing...

Thanks a million :)

Hello!

Great theme, can someone point me where I can find the file display.template.php?

It is not in my Ragnarok theme folder but it is in the smf default folder and the classic folder.

I want to have it so the scroll bars don't appear under the avatars.

Quote from: ketchup on May 06, 2005, 02:00:00 AM
Hello!

Great theme, can someone point me where I can find the file display.template.php?

It is not in my Ragnarok theme folder but it is in the smf default folder and the classic folder.

I want to have it so the scroll bars don't appear under the avatars.

You have found it... Ragnarok use the default display.template.php  ;)

I have a couple questions, and I've typed them directly into this screenshot.  Oh, BTW, this is a GREAT theme!!!  :)

(http://www.sandtroopers.com/frontpage/20050525/20050525_stforum.png)

Hi dustrho,

In the index.template.php (the original)

The link size

Search for:
<td align="right" valign="top"><span style="font-family: Georgia, sans-serif; font-size: normal;"><a href="http://www.sourceforge.net/index.php" target="_blank">sourceforge.net</a> | <a href="http://www.google.com" target="_blank">google</a></span></td>


Replace with:
<td align="right" valign="top"><span style="font-family: Georgia, sans-serif; font-size: small;"><a href="http://www.sourceforge.net/index.php" target="_blank">sourceforge.net</a> | <a href="http://www.google.com" target="_blank">google</a></span></td>

Remove the forum name

Search for:
    <td align="right" valign="bottom"><span style="font-family: Georgia, sans-serif; font-size: large;">', $context['forum_name'], '</span>';
echo'</td>

Replace with:
<td align="right" valign="bottom"> </td>


Chief  ;)

Thanks Chief!  Both suggestions worked for me, but I want those two text links to be a little bit smaller... more to the effect of the font size of 8.

okay...

replace font-size: small;  with font-size: x-small; or font-size: xx-small;


<td align="right" valign="top"><span style="font-family: Georgia, sans-serif; font-size: small;"><a href="http://www.sourceforge.net/index.php" target="_blank">sourceforge.net</a> | <a href="http://www.google.com" target="_blank">google</a></span></td>


Chief ;)

BEAUTIFUL!!!  Thank you so much for the tips on that!

can somebody please tell me how i add a header on top before the boxes?please?

Hi Cottelletje,

To place a header before the User Info and News Box

In the index.template.php

Search for:

// This part is the logo and forum name.  You should be able to change this to whatever you want...
echo '<table width="725"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="400" rowspan="2" valign="top"><img src="', $settings['images_url'], '/Logo_banner.gif" width="400" height="80" alt=""/></td>
    <td align="right" valign="top"><span style="font-family: Georgia, sans-serif; font-size: normal;"><a href="http://www.sourceforge.net/index.php" target="_blank">sourceforge.net</a> | <a href="http://www.google.com" target="_blank">google</a></span></td>
  </tr>
  <tr>
    <td align="right" valign="bottom"><span style="font-family: Georgia, sans-serif; font-size: large;">', $context['forum_name'], '</span>';
echo'</td>
  </tr>
</table>';


Replace with:

// This part is the logo and forum name.  You should be able to change this to whatever you want...
  echo '<table width="725"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="400" rowspan="2" valign="top"><img src="', $settings['images_url'], '/Logo_banner.gif" width="400" height="80" alt=""/></td>
    <td align="right" valign="top"><span style="font-family: Georgia, sans-serif; font-size: normal;"><a href="http://www.sourceforge.net/index.php" target="_blank">sourceforge.net</a> | <a href="http://www.google.com" target="_blank">google</a></span></td>
  </tr>
  <tr>
    <td align="right" valign="bottom"><span style="font-family: Georgia, sans-serif; font-size: large;">', $context['forum_name'], '</span>';
   echo'</td>
  </tr>
  <tr>
    <td colspan="2" valign="top">
      this is a header</td>
  </tr>
</table>
';

Now you can replace the "this is a header" with what you like...


Viking Chief  :)

I just noticed that the Search image looks quite fuzzy (the text) compared to all the other images in this theme.  Is there any way that this can be improved?

The fuzzy one:
(http://www.sandtroopers.com/smf/Themes/Ragnarok/images/search_top.gif)

A good-looking one:
(http://www.sandtroopers.com/smf/Themes/Ragnarok/images/english/keystats.gif)

Quote from: dustrho on June 19, 2005, 11:57:36 AM
I just noticed that the Search image looks quite fuzzy (the text) compared to all the other images in this theme.  Is there any way that this can be improved?

The fuzzy one:
(http://www.sandtroopers.com/smf/Themes/Ragnarok/images/search_top.gif)

A good-looking one:
(http://www.sandtroopers.com/smf/Themes/Ragnarok/images/english/keystats.gif)

Hi dustrho,

Yes you are right ... it do look quite fuzzy :-\

Is this one better  ???
(http://ragnarok.upnweb.dk/download/search_top.gif)

Viking Chief  :P

I downloaded your image, uploaded it to my server by overwriting the one that is in this theme, and it's STILL looking like the original one.  ???  It overwrote the one that was there, and there was a size difference between the two, so I don't understand why it didn't change up for me.  Any ideas?

I did check the index_template file and the size setting in there was 86x18, just like the rest of those images.

Empty your cache then it will show up... :P

Quote from: Viking Chief on June 19, 2005, 11:56:18 PM
Empty your cache then it will show up... :P

Still showing up as the old one after clearing out my cache.  I tried viewing it with both Firefox and IE, and still no good.   ???

Okay, now I'm embarassed.  I have two copies of SMF running on my server... one directory is smf and the other is smfTEST.  I placed it in the second one initially.  After placing it in the correct directory all is well.   :-[

Thanks for the assistance and getting me a better-looking image.   :D

Hi, great theme.

I have a question though, how would I go about dividing the user profile info from the user's post? For example, instead of just a continous color that bleeds from the user info into the post, I would like a vertical black line, or an alternating lighter shade of gray.

I know where this is in Display.template.php, but I don't really know how to seperate the user info from the post.

Also, how would I make a link to the main forum page when a user clicks on the banner.

thanks!

Hi deadlands,

vertical line

Copy Display.template.php to the Ragnark folder (from the Default folder)

In the Display.template.php

Find:


// Show information about the poster of this message.
echo '
<table width="100%" cellpadding="5" cellspacing="0" style="table-layout: fixed;" >
<tr>
<td valign="top" width="16%" rowspan="2" style="overflow: hidden;">
<b>', $message['member']['link'], '</b>
<div class="smalltext">';

// Show the member's custom title, if they have one.




Replace with:

// Show information about the poster of this message.
echo '
<table width="100%" cellpadding="5" cellspacing="0" style="table-layout: fixed;" >
<tr>
<td class="verticalline" valign="top" width="16%" rowspan="2" style="overflow: hidden;">
<b>', $message['member']['link'], '</b>
<div class="smalltext">';

// Show the member's custom title, if they have one.





Ad this to the style.css in the Ragnark folder

.verticalline {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}



Click able banner

In the index.template.php

Find:

<td width="400" rowspan="2" valign="top"><img src="', $settings['images_url'], '/Logo_banner.gif" width="400" height="80" alt="" /></a></td>

Replace with:

<td width="400" rowspan="2" valign="top"><a href="index.php" target="_top"><img src="', $settings['images_url'], '/Logo_banner.gif" width="400" height="80" alt="" border="0" /></a></td>


Viking Chief  :P

Wow. Thanks so much! I didn't think it was that easy. I'm just learning CSS, and I didn't even think about defining a a style for the vertical line. Neat.  :D

Hi!! I will give this theme 10/10 because its simply the best. But i will give you 15/10 if you decide to make buttons coloured when mouseover. 

GREAT JOB!!!!!

One more thing. I want to disable the BIG searchbox and the keystatsbox. Can someone point me in the right direction??  :o

Quote from: Sauron[RAS] on August 17, 2005, 01:17:28 PM
Hi!! I will give this theme 10/10 because its simply the best. But i will give you 15/10 if you decide to make buttons coloured when mouseover. 

GREAT JOB!!!!!

Thanks Sauron[RAS]

Quote from: Sauron[RAS] on August 17, 2005, 04:53:14 PM
One more thing. I want to disable the BIG searchbox and the keystatsbox. Can someone point me in the right direction??  :o

Look in the index.template.php

search for:
// Search box and Key stat box


Viking Chief  ;)

Man! You are so helpful. THX!!! One more thing  ::) Can you please make me a button with text "important" without the quotes of course?? Or you can just send me the source of your button so i can make them self. Im going to replace the big searchbox with a box with links to the most important topics on my board. Have a look on my betasight here http://ras.atomvinternatt.se (http://ras.atomvinternatt.se) and then you will know what i mean.

And that might be an idea for the modmakers to. Have a good one!!

My mail:  [email protected]

Hey Sauron[RAS],

here you have the "important" button without the quotes  ;D


(http://ragnarok.upnweb.dk/download/important.gif)


Viking Chief

Youa are suuuper!!! Thx!! I will buy you a beer...  :P

Is there a version of this theme compatible with 1.1 beta 3 yet?  I don't see anything saying it is.  Thanks

Quote from: Beldin on September 14, 2005, 02:15:41 PM
Is there a version of this theme compatible with 1.1 beta 3 yet?  I don't see anything saying it is.  Thanks

You can downloade it here:
http://ragnarok.upnweb.dk/index.php/topic,18.msg32.html#msg32


-Viking Chief  :)

Thanks a ton, do you happen to have a version that is not fixed but fluid over the whole page?  Or a way to easily make this one that way.

Actually no worries I figured it out myself.  Thanks a ton for the great theme.

Looks nice :) I liked those grey colours. But I think you should fix it a bit, so it works with Opera and other browsers by default (if that hasn't been done yet) :)

wbr, Me.

Quote from: Beldin on September 14, 2005, 06:26:46 PM
Thanks a ton, do you happen to have a version that is not fixed but fluid over the whole page?  Or a way to easily make this one that way.

How did you do that?