Silent Wave

Started by Bikken, July 29, 2007, 04:35:44 PM

Previous topic - Next topic

Bikken

Link to the theme



A modern light and clean theme for SMF.

http://demo.dzinerstudio.com

Crip

I have become comfortably numb!


I remember my mother's prayers and they have always followed me.
   - Abraham Lincoln -



TOTM Winner. | Demo Site1on1 Theme Support

$ilver

what i need to do if i want rezice the image or modify my header ?

$ilver

what i need to do to modify the subforum i like to mod like the dilber Mc like

Bikken

Quote from: $ilver on August 12, 2007, 02:41:18 AM
what i need to do if i want rezice the image or modify my header ?

What exactly are you trying to accomplish?
You can change the header and logo parts in style.css file.
Look for this code:

#header {
position: relative;
height: 120px;
overflow: hidden;
background: #3D71AD url(images/header-bg.jpg) right no-repeat;
        right: 0;
}
#logo, #logo a {
position: absolute;
top: 30px;
left: 0;
display: block;
width:350px;
height: 80px;
background: url(images/logo.jpg) no-repeat;
}

Bikken

Quote from: $ilver on August 17, 2007, 12:33:55 AM
what i need to do to modify the subforum i like to mod like the dilber Mc like

Sorry but im not familiar with dilber mc. Could you please be a bit more specific?

simplyliza6

Uhmm Nice theme, but its not that same as the demo.
where all the sidebard.. i mean the sitemap, recent, user etc...
hope you get what i mean.

Thanks
Liza

Highbuzz

Okay here's my problem with this seem. This is the only flaw I see! The header-bg file and the logo.jpg file should not seperate! Either one image file for the logo/header, it makes it hard to make a logo for the site and this. I view my forums in 1280x1024 and the image looks good that I edited. My friend has 1024x768 and it looks weird. Here's what I mean: (my forums for reference, tell me if you see it differently!)

What it looks like in 1280: http://www.abload.de/img/1280lac.png
What it looks like in 1024: http://www.abload.de/img/10246al.png

See how the logo.jpg slides into the header-bg and it makes it look funky? I suspect it's scaling? How can I turn that off so images won't scale in different resolutions or how I could make the top image one whole image to make it easier with editing as well.


Bikken

Yes i see what you mean. There's two things you can do to fix this:

1) look in style.css file and find this code:
#main{
margin: auto;
width: 85%;
min-width: 720px;
border-left: solid 4px #fff;
border-right: solid 4px #fff;
border-bottom: solid 4px #fff;
}


then change "width: 85%; to something like "width: 980px;" or whatever.

OR

2) if you don't want 2 images, remove the image from the header part in style.css
replace this:
#header {
position: relative;
height: 120px;
overflow: hidden;
background: #3D71AD url(images/header-bg.jpg) right no-repeat;
        right: 0;
}


with this:
#header {
position: relative;
height: 120px;
overflow: hidden;
background: #3D71AD;
        right: 0;
}


Hope this helps.

Highbuzz

I used the second method and it works. Cheers!  ;D

Highbuzz

Actually, no it did not. The first solution I was going to try after I noticed the second is flawed. (All you did was get rid of the header, so there's a weird image 350xw/e image to the left... I want all that top space to be one image, I don't care about having the background a color)

So I downloaded the backup css file I had incase I needed the original one ever again... I ctrl + f and searched "#main". Nothing came up.

Bikken

The "#main" part is around line 513 in your style.css, right above the header part.

And i didn't get rid of the header part in the second option. I only removed the image NOT the backgroud-color. Did you replace the code as i suggested?

Highbuzz

I didn't mean the header as in the header section, I meant this part:

(images/header-bg.jpg) right no-repeat;

So the only difference now instead of header-bg.jpg being there it's not there. That's not what I wanted.

I'll look for main after I have finished my work. I'll report back.

~n[EO]n~

WOW !!!

This is a fr8 theme, i searched couple of weeks and finally i have settled with this...

gr8 Bikken

I have tweaked it a little have a look at http://www.asksomthing.info/forums

Just need to ask one thing :
Can  I remove the footer image ;)

~n[EO]n~

Bikken , i want to modify the menu can u please help ???  :P

~n[EO]n~

Now, I am having trouble with this theme.. see in the admin part when the registered users e-mail id is long then the page looks completely distorted.. How to change the width of the page in admin part only ?? I tried that but couldn't succeed...

Bikken

Quote from: ~n[EO]n~ on September 18, 2007, 07:11:01 AM
Can  I remove the footer image ;)

Sure you can.

Quote from: ~n[EO]n~ on September 18, 2007, 08:29:59 AM
Bikken , i want to modify the menu can u please help ???  :P

What is it you trying to do?

Quote from: ~n[EO]n~ on September 18, 2007, 01:12:03 PM
Now, I am having trouble with this theme.. see in the admin part when the registered users e-mail id is long then the page looks completely distorted.. How to change the width of the page in admin part only ?? I tried that but couldn't succeed...

You need to look in ManageMembers.template in default theme and make changes there.

~n[EO]n~

Ok, I now fixed the admin part problem,,,

For the menu I want to use one big image with rounded corner at the bottom, just like i used in the banner. I modified the CSS but couldn't fix it , any help how to do it... and how to show the Quick Login above....

And for increasing the page layout.. can i just increase the width in the CSS will there be any problem in design (I mean the white border) you have kept...

Thanks....

btw: did u see my site

Bikken

Starting to look nice there.  ;)

- For your menu...you need to change '#toolbar" and "#nav" in style.css.

- To show a quick login on top, in index.template find:

// Otherwise they're a guest - so politely ask them to register or login.
else
{
echo '
<b>', $txt['welcome_guest'], '</b><br />
', $context['current_time'],'<br />';
}


Replace with:
// Otherwise they're a guest - so politely ask them to register or login.
else
{
echo '
', $txt['welcome_guest'], '
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/sha1.js"></script>

<form action="', $scripturl, '?action=login2" method="post" style="margin: 4px 0;"', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" style="margin-bottom: 4px;" size="10" />
<input type="password" name="passwrd" style="margin-bottom: 4px;" size="10" /><br />
<select name="cookielength">
<option value="60">', $txt['smf53'], '</option>
<option value="1440">', $txt['smf47'], '</option>
<option value="10080">', $txt['smf48'], '</option>
<option value="302400">', $txt['smf49'], '</option>
<option value="-1" selected="selected">', $txt['smf50'], '</option>
</select>
<input type="submit" value="', $txt[34], '" />

<input type="hidden" name="hash_passwrd" value="" />
</form>', $txt['smf52'], '<br /><br />';
}


- Yes change width in style.css. It will not do any harm.

~n[EO]n~

Thanks man, I will do that ;)

Advertisement: