[Theme] Ragnarok... first theme

[Viking Chief]

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

[Owdy]

Simple and nice. Good job!

[Trekkie101]

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

[FikretAkın]

very good, that has to be my favourite theme thanks

[trenchteam]

Very nice. Is this a fixed size theme?

[alienine]

So very very grayscale...

[bloc]

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.

[Tony Reid]

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

[dtm.exe]

Nice theme .

-Dan The Man

[Viking Chief]

Thanks for your comments guys...   

Yes this is a fixed size theme.

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...

Viking Chief

[Saleh]

very nice! I like it

[klumy]

good work

[Cottelletje]

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

[Viking Chief]

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:

Code Select Expand

// 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:

Code Select Expand

// 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

[Cottelletje]

IT WORKED THANK YOu



great theme by the way

[PopLife]

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...

[Cottelletje]

sir ragnarok how can i make the ackground black?

[PopLife]

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

[Viking Chief]

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   

[Cottelletje]

thanks [email protected] is my mail

how can you set a default avatar ?

[PopLife]

I sent the files to your email 

[Cottelletje]

thank you VERY MUCh

[Viking Chief]

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

[PopLife]

Thanks

[VisiGod]

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

[Viking Chief]

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...

[Viking Chief]

Here are the Portuguese button set 

Portuguese button set

[VisiGod]

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

[ketchup]

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.

[Viking Chief]

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 

[dustrho]

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

[Viking Chief]

Hi dustrho,

In the index.template.php (the original)

The link size

Search for:

Code Select Expand

<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:

Code Select Expand

<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:

Code Select Expand

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

Replace with:

Code Select Expand

<td align="right" valign="bottom"> </td>


Chief 

[dustrho]

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.

[Viking Chief]

okay...

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

Code Select Expand


<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

[dustrho]

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

[Cottelletje]

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

[Viking Chief]

Hi Cottelletje,

To place a header before the User Info and News Box

In the index.template.php

Search for:

Code Select Expand

// 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:

Code Select Expand

// 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 

[dustrho]

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:


A good-looking one:

[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:


A good-looking one:

Hi dustrho,

Yes you are right ... it do look quite fuzzy

Is this one better 


Viking Chief 

[dustrho]

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.

[Viking Chief]

Empty your cache then it will show up...

[dustrho]

Empty your cache then it will show up...

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.   

[dustrho]

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.   

[deadlands]

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!

[Viking Chief]

Hi deadlands,

vertical line

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

In the Display.template.php

Find:

Code Select Expand

// 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:

Code Select Expand

// 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

Code Select Expand

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



Click able banner

In the index.template.php

Find:

Code Select Expand

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

Replace with:

Code Select Expand

<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 

[deadlands]

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. 

[Sauron[RAS]]

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!!!!!

[Sauron[RAS]]

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

[Viking Chief]

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]

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

Look in the index.template.php

search for:

Code Select Expand

// Search box and Key stat box


Viking Chief 

[Sauron[RAS]]

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 [nofollow] 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]

[Viking Chief]

Hey Sauron[RAS],

here you have the "important" button without the quotes 





Viking Chief

[Sauron[RAS]]

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

[Beldin]

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

[Viking Chief]

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 

[Beldin]

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.

[Beldin]

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

[alfuken]

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.

[IronLion]

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?