Meridian

[Adren]

Link to the theme


Meridian - universal, fresh and very light theme for any forum. Blue and green colors.

Theme tested in all most popular browsers.
Minimal recommended width: 960px;

Forum name (like a logo) using CSS3 function - text-shadow. Shadow in logo text only work in a new browsers: IE10+, Chrome2.0+, Opera9.5+, Safari1.1+, Firefox3.5+, Android1.0+, IOS1.0+. In older browsers shadow simple not displayed!

If you want add class for image fader, find in themes/meridian/index.template.php

Code Select Expand

   $(".quickbuttons li, #search_box_sub, .logout_image").fadeTo(1500, 0.5);
   $(".quickbuttons li, #search_box_sub, .logout_image").hover(function(){
example I want add class ".my_image"
result:

Code Select Expand

   $(".quickbuttons li, #search_box_sub, .logout_image, .my_image").fadeTo(1500, 0.5);
$(".quickbuttons li, #search_box_sub, .logout_image, .my_image").hover(function(){
have done!

How you can add this quick login form? Link

[Robert.]

I think this theme is really nice Great work!

[Crip]

Good work , on a nice SMF Theme.

[Adren]

I think this theme is really nice Great work!

Good work , on a nice SMF Theme.

Thanks!

[Joker™]

Nice work, theme really looks great.

[Diego Andrés]

Very nice work

[Adren]

Nice work, theme really looks great.

Very nice work

Thanks!=)

[valgusepoiss]

Very nice theme, im using it for my forum. A question though. Can you show me how to add minimalistic (forever cookie) login form to top blue bar when user is guest? I want that users can login with just one click instead of clicking login and then ticking forever and clicking login.

Thank you!

[Adren]

Very nice theme, im using it for my forum. A question though. Can you show me how to add minimalistic (forever cookie) login form to top blue bar when user is guest? I want that users can login with just one click instead of clicking login and then ticking forever and clicking login.

Thank you!

Thank you valgusepoiss.
1)download images.zip and extract 2 images in themes/meridian/images
2)open theme/meridian/index.template.php and find:

Code Select Expand

<div class="floatright">&bull;  ', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>';
replace this:

Code Select Expand

<div class="floatright">
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/sha1.js"></script>
<form id="guest_form" action="', $scripturl, '?action=login2" method="post" accept-charset="', $context['character_set'], '" ', empty($context['disable_login_hashing']) ? ' onsubmit="hashLoginPassword(this, \'' . $context['session_id'] . '\');"' : '', '>
<input type="text" name="user" size="10" id="quick_username" class="input_text" />
<input type="password" name="passwrd" size="10" id="quick_userpass" class="input_password" />
', $txt['always_logged_in'], '?<input type="checkbox" name="cookieneverexp" class="input_check" onclick="this.form.cookielength.disabled = this.checked;" />
<input type="submit" value="', $txt['login'], '" class="button_submit" />
</div>';
3) open meridian/css/index.css and add in the end:

Code Select Expand

#quick_username, #quick_userpass  {
padding-left: 20px;
}
#quick_username {
background: url(../images/quick_username.png) top left no-repeat;
}
#quick_userpass {
background: url(../images/quick_userpass.png) top left no-repeat;
}
done!

[valgusepoiss]

Thank you so much! And how beautiful login boxes!! Great! I owe you one! Will be adding it tomorrow!

[DMR123]

Great theme, I have downloaded about 50 themes, and none of them looked right, this one is perfect, Thanks.

One question though...

How can I change the spacing between the logo, and the top blue bar, with the date?

I have attached a screenshot with an example of how it looks, and what I would like.  (the top screenshot is the current look, the second is how I would like it to look)


Thanks

[DMR123]

Also,
Would it be possible for a "quick search" to be added to the header?

[Adren]

Great theme, I have downloaded about 50 themes, and none of them looked right, this one is perfect, Thanks.

One question though...

How can I change the spacing between the logo, and the top blue bar, with the date?

I have attached a screenshot with an example of how it looks, and what I would like.  (the top screenshot is the current look, the second is how I would like it to look)


Thanks

Thank you! =)
open meridian/css/index.css and find:

Code Select Expand

.logo_bg {
height: 121px;
margin-top: 6px;
padding: 0 10px;
}
and replace this:

Code Select Expand

.logo_bg {
height: 80px;
margin-top: 6px;
padding: 0 10px;
}

*height: 80px - logo panel height in pixels
next find:

Code Select Expand

.logo {
padding-top: 50px;
font-size: 30px;
font-weight: bold;
font-family: "Arial", "Verdana", "Helvetica", sans-serif;
height: 36px;
}
and replace this:

Code Select Expand

.logo {
padding-top: 20px;
font-size: 30px;
font-weight: bold;
font-family: "Arial", "Verdana", "Helvetica", sans-serif;
height: 36px;
}
*padding-top: 20px; - padding from top blue panel for all text
next find:

Code Select Expand

.logo_img {
padding-top: 35px;
}
and replace this

Code Select Expand

.logo_img {
padding-top: 10px;
}
*padding-top: 10px; - padding from top blue panel for logo image


but after this you can see small defects. if you want fix them, i have attached meridian psd file. You'll need to cut one fragment from this psd and paste this in  meridian/images/theme/main_block.png

Also,
Would it be possible for a "quick search" to be added to the header?

simple, but only if you can give me picture, how do you imagine that

[TelInf]

Thank you for this wonderful theme.

Is it possible to remove the blue band (with time and login), the forum starts from the logo?

[kroose]

Thanks for the topic, but I have a small question.
How can I put in the subject header two references, as in the standard topic:
"Show unread posts since last visit.
Show new replies to your posts. "

And then I obviously lacks this feature)

З.Ы. Ты ж русский, если соизволишь, можешь сразу на русском ответить, буду признателен))

[TheListener]

Thanks for the topic, but I have a small question.
How can I put in the subject header two references, as in the standard topic:
"Show unread posts since last visit.
Show new replies to your posts. "

And then I obviously lacks this feature)

Translated using google.

Thanks for the topic, but I have a small question.
How can I put in the subject header two references, as in the standard topic:
"Show unread posts since last visit.
Show new replies to your posts. "

And then I obviously lacks this feature)

@kroose

Please type in English in the English speaking boards if possible. 

[Adren]

subject header? What is this? ))
@telinf
i will reply in next weekend

[kroose]

Old Fossil, would be good to know English as a Russian, would at once on my own writing. And so, I use Google, alas.

Adren, well, where is the logo of the site, there is little to the right of the text or place in this area links.
That is, as in the standard:
Welcome, user.
and so on.

[TelInf]

subject header? What is this? ))
@telinf
i will reply in next weekend

Thx 

[Adren]

Thank you for this wonderful theme.

Is it possible to remove the blue band (with time and login), the forum starts from the logo?

open themes/meridian/index.template.php
find and delete this(stroke 201)

Code Select Expand

  <div class="user_block">';

if ($context['user']['is_logged'])
{
   if ($settings['enable_unread_replies'])
    echo '
<div class="floatleft">&bull; <a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a> | <a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></div>';
    else
echo '
    <div class="floatleft"> &bull; ', $context['current_time'], '</div>';
}
else
    echo '
    <div class="floatleft"> &bull; ', $context['current_time'], '</div>';

if ($context['user']['is_logged'])
{
echo '
    <a href="', $scripturl , '?action=logout;', $context['session_var'], '=', $context['session_id'] ,'"><img class="logout_image" src="', $settings['images_url'], '/logout.png" title="', $txt['logout'] ,'" alt="" /></a>';
echo '
<div class="floatright">
&bull; ', $txt['hello_member_ndt'], ' <a href="', $scripturl, '?action=profile"><span>', $context['user']['name'], '</span></a>';
if($context['allow_admin']) {
echo '
<a class="admin_href" href="', $scripturl, '?action=admin">' ,$txt['admin'], '</a>';
}
        if($context['allow_moderation_center']) {
echo '
<a class="moder_href" href="', $scripturl, '?action=moderate">' ,$txt['moderate'], '</a>';
}

echo '
</div>';

}
// Otherwise they're a guest - this time ask them to either register or login - lazy bums...
else
    {
echo '
<div class="floatright">&bull;  ', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>';
    }
echo '
    <div class="clear"></div>
  </div>
open css/index.css
find:

Code Select Expand

background: #cee1ea url(../images/theme/logo_bg.png) top repeat-x;
replace this

Code Select Expand

background: #cee1ea url(../images/theme/logo_bg.png) 100% -67px repeat-x;

Old Fossil, would be good to know English as a Russian, would at once on my own writing. And so, I use Google, alas.

Adren, well, where is the logo of the site, there is little to the right of the text or place in this area links.
That is, as in the standard:
Welcome, user.
and so on.

open themes/meridian/index.template.php
find and delete (stroke 203)

Code Select Expand

if ($context['user']['is_logged'])
{
   if ($settings['enable_unread_replies'])
    echo '
<div class="floatleft">&bull; <a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a> | <a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></div>';
    else
echo '
    <div class="floatleft"> &bull; ', $context['current_time'], '</div>';
}
else
find

Code Select Expand

// Show the navigation tree.
theme_linktree();
and add after

Code Select Expand

if ($context['user']['is_logged'])
    echo '
<div class="padding"><strong><a href="', $scripturl, '?action=unread">', $txt['unread_since_visit'], '</a> <a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></strong></div>';
Thanks all!  and happy may holidays!!! =)