News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Meridian

Started by Adren, April 09, 2012, 01:27:23 AM

Previous topic - Next topic

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!

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

   $(".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:

   $(".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! :D

Crip

Good work , on a nice SMF Theme. ;D
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

Adren

#3
Quote from: 医生唱片骑师 on April 10, 2012, 12:53:15 PM
I think this theme is really nice :) Great work! :D
Quote from: Crip on April 13, 2012, 12:05:00 PM
Good work , on a nice SMF Theme. ;D
Thanks! :)

Joker™

Nice work, theme really looks great.
Github Profile
Android apps
Medium

How to enable Post Moderation

"For the wise man looks into space and he knows there is no limited dimensions." - Laozi

All support seeking PM's get microwaved

Diego Andrés


SMF Tricks - Free & Premium Responsive Themes for SMF.

Adren


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

Quote from: valgusepoiss on April 22, 2012, 12:44:13 AM
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:
<div class="floatright">&bull;  ', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>';
replace this:
<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:
#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

#10
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

Quote from: Viperdan on April 29, 2012, 05:52:41 AM
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:
.logo_bg {
height: 121px;
margin-top: 6px;
padding: 0 10px;
}

and replace this:

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


*height: 80px - logo panel height in pixels
next find:
.logo {
padding-top: 50px;
font-size: 30px;
font-weight: bold;
font-family: "Arial", "Verdana", "Helvetica", sans-serif;
height: 36px;
}

and replace this:
.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:
.logo_img {
padding-top: 35px;
}

and replace this
.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 :D
QuoteAlso,
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

Quote from: kroose on May 02, 2012, 01:09:18 PM
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

Quote from: Adren on May 02, 2012, 01:42:04 PM
subject header? What is this? ;)))
@telinf
i will reply in next weekend

Thx  ;)

Adren

#19
Quote from: TelInf on May 01, 2012, 03:49:54 PM
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)
  <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:
background: #cee1ea url(../images/theme/logo_bg.png) top repeat-x;
replace this
background: #cee1ea url(../images/theme/logo_bg.png) 100% -67px repeat-x;

Quote from: kroose on May 02, 2012, 01:54:17 PM
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)
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
// Show the navigation tree.
theme_linktree();

and add after
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!!! =)

Advertisement: