Advertisement:

Author Topic: Meridian  (Read 84131 times)

Offline Adren

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
Meridian
« on: April 09, 2012, 01:27:23 AM »
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!

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

Code: [Select]
   $(".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]
   $(".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
« Last Edit: April 28, 2012, 04:02:26 PM by Adren »

Offline Kryzen

  • Localizer
  • SMF Hero
  • *
  • Posts: 4,037
  • Gender: Male
    • nedroden on GitHub
Re: Meridian
« Reply #1 on: April 10, 2012, 12:53:15 PM »
I think this theme is really nice :) Great work! :D
Amateur PHP & Java developer
DraiWiki | Project Alpha

Offline Crip

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,139
  • Gender: Male
  • C-4 QUAD
    • Cripzone
Re: Meridian
« Reply #2 on: April 13, 2012, 12:05:00 PM »
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

Offline Adren

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
Re: Meridian
« Reply #3 on: April 13, 2012, 12:33:32 PM »
I think this theme is really nice :) Great work! :D
Good work , on a nice SMF Theme. ;D
Thanks! :)
« Last Edit: April 28, 2012, 04:16:39 PM by Adren »

Offline Joker™

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 5,914
  • Gender: Male
    • siddhartha-gupta on GitHub
Re: Meridian
« Reply #4 on: April 13, 2012, 01:05:48 PM »
Nice work, theme really looks great.
Github Profile
My Mods
How to enable Post Moderation
Paid Support
Elkarte


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

All support seeking PM's get microwaved

Offline Diego Andrés

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 3,059
  • Gender: Male
  • We know, we'll be coming
    • DiegoCortes on GitHub
    • @comeladrillos on Twitter
    • SMF Tricks - Free & Premium Themes
Re: Meridian
« Reply #5 on: April 14, 2012, 02:45:08 PM »
Very nice work

SMF Tricks - Free & Premium Responsive Themes for SMF.

Offline Adren

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
Re: Meridian
« Reply #6 on: April 16, 2012, 03:10:02 AM »

Offline valgusepoiss

  • Semi-Newbie
  • *
  • Posts: 29
Re: Meridian
« Reply #7 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!

Offline Adren

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
Re: Meridian
« Reply #8 on: April 28, 2012, 03:56:36 PM »
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]
<div class="floatright">&bull;  ', sprintf($txt['welcome_guest'], $txt['guest_title']), '</div>';replace this:
Code: [Select]
<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]
#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! :)

Offline valgusepoiss

  • Semi-Newbie
  • *
  • Posts: 29
Re: Meridian
« Reply #9 on: April 28, 2012, 04:02:42 PM »
Thank you so much! And how beautiful login boxes!! Great! :) I owe you one! Will be adding it tomorrow!

Offline DMR123

  • Full Member
  • ***
  • Posts: 487
    • Photography Forum
Re: Meridian
« Reply #10 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
« Last Edit: April 29, 2012, 06:07:26 AM by Viperdan »

Offline DMR123

  • Full Member
  • ***
  • Posts: 487
    • Photography Forum
Re: Meridian
« Reply #11 on: April 29, 2012, 06:30:17 AM »
Also,
Would it be possible for a "quick search" to be added to the header?

Offline Adren

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
Re: Meridian
« Reply #12 on: April 29, 2012, 11:10:49 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:
Code: [Select]
.logo_bg {
height: 121px;
margin-top: 6px;
padding: 0 10px;
}
and replace this:

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

*height: 80px - logo panel height in pixels
next find:
Code: [Select]
.logo {
padding-top: 50px;
font-size: 30px;
font-weight: bold;
font-family: "Arial", "Verdana", "Helvetica", sans-serif;
height: 36px;
}
and replace this:
Code: [Select]
.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]
.logo_img {
padding-top: 35px;
}
and replace this
Code: [Select]
.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
Quote
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 :)

Offline TelInf

  • Semi-Newbie
  • *
  • Posts: 21
Re: Meridian
« Reply #13 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?

Offline kroose

  • Newbie
  • *
  • Posts: 3
Re: Meridian
« Reply #14 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)

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

TheListener

  • Guest
Re: Meridian
« Reply #15 on: May 02, 2012, 01:12:51 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.  :)

Offline Adren

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
Re: Meridian
« Reply #16 on: May 02, 2012, 01:42:04 PM »
subject header? What is this? ;)))
@telinf
i will reply in next weekend

Offline kroose

  • Newbie
  • *
  • Posts: 3
Re: Meridian
« Reply #17 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.

Offline TelInf

  • Semi-Newbie
  • *
  • Posts: 21
Re: Meridian
« Reply #18 on: May 02, 2012, 04:33:03 PM »
subject header? What is this? ;)))
@telinf
i will reply in next weekend

Thx  ;)

Offline Adren

  • Semi-Newbie
  • *
  • Posts: 45
  • Gender: Male
Re: Meridian
« Reply #19 on: May 05, 2012, 12:03:48 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)
Code: [Select]
  <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]
background: #cee1ea url(../images/theme/logo_bg.png) top repeat-x;replace this
Code: [Select]
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]
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]
// Show the navigation tree.
theme_linktree();
and add after
Code: [Select]
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!!! =)
« Last Edit: May 05, 2012, 12:34:05 PM by Adren »