Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: gecitli on September 14, 2016, 04:46:01 AM

Title: Manas
Post by: gecitli on September 14, 2016, 04:46:01 AM
Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2859)
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fcustom.simplemachines.org%2Fthemes%2Findex.php%2Faction%2Cdownload%2Flemma%2C2859%2Fimage%2Cthumb&hash=1f927a9cdf1638a3d3292740aeb1b948ed7bb997)

Some information about Manas theme.

1) Google Material design (https://www.google.com/design/spec/material-design/introduction.html#introduction-goals) guidelines were used.

2) For Icon Font Awesome (https://fortawesome.github.io/Font-Awesome/) (framework) It was used.

3) Respenzive (Mobile compatible)miss you.

The theme uses CSS3 so wont work in older browsers.

Manas teması hakkında bazı bilgiler;

1) Google Material design (https://www.google.com/design/spec/material-design/introduction.html#introduction-goals) kuralları kullanıldi.

2) İkonlar için Font Awesome (https://fortawesome.github.io/Font-Awesome/) (framework) kullanıldi.

3) Respenzive (Mobil uyumlu)özlik.

Tema eski tarayıcılar,da çalışmaz yani CSS3 kullanır.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.hizliresim.com%2F6m5PWN.jpg&hash=47d1ec092d2688a7a9da24abc53d6d7675533e4c)
Title: Re: Manas
Post by: vonmhel1995 on September 20, 2016, 05:27:46 AM
i like this one hahaha! thanks mate :)
Title: Re: Manas
Post by: Stefan1200 on September 30, 2016, 09:14:02 AM
The responsive css file has one major and one minor bugs.

The major one: If you watch the message index with less or equal than 640px width, all column headers will be displayed, while only one column body is visible.
The minor one: In the forum header the user name will be written above the avatar image, which looks weird. I removed the value "right" of the caret CSS class, now it looks better.

I fixed both issues on my forum, maybe you can fix it in your release too. For me your theme is perfect after fixing this issues.
Title: Re: Manas
Post by: punchy on October 07, 2016, 04:33:41 AM
Excellent Theme, I've used it for my new forum, but i have a couple of issues see the picture below

Title: Re: Manas
Post by: TangoX on October 17, 2016, 04:25:49 PM
Quote from: punchy on October 07, 2016, 04:33:41 AM
Excellent Theme, I've used it for my new forum, but i have a couple of issues see the picture below

I have the same issues.
It would be nice if gecitli fixes them in a new release.

Cheers!
Title: Re: Manas
Post by: gecitli on October 18, 2016, 02:10:05 AM
Quote from: punchy on October 07, 2016, 04:33:41 AM
Excellent Theme, I've used it for my new forum, but i have a couple of issues see the picture below

Quote from: TangoX on October 17, 2016, 04:25:49 PM
Quote from: punchy on October 07, 2016, 04:33:41 AM
Excellent Theme, I've used it for my new forum, but i have a couple of issues see the picture below

I have the same issues.
It would be nice if gecitli fixes them in a new release.

Cheers!

./Themes/Manas/index.css
Find;
#topbar .forumtitle a {
    background-color: rgba(0, 0, 0, 0.32);
    color: #CFD8DC;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    padding: 0 16px;
    display: block;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
}

Replace With:
#topbar .forumtitle a {
    background-color: rgba(0, 0, 0, 0.32);
    color: #CFD8DC;
    font-size: 24px;
    height: 64px;
    padding: 0 16px;
    display: block;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
}

find:
#topbar .forumtitle {
    float: left;
    margin-right: 0px;
}

Replace With:
#topbar .forumtitle {
    float: left;
    margin-right: 0px;
    width: 20.333333%;
    line-height: 30px;
    text-indent: 18px;
}
Title: Re: Manas
Post by: Carp300 on October 30, 2016, 04:37:58 PM
Thanks for the great template, love it! I have only 1 problem, and that's the boardlayout on responsive, as Stefan1200 mentioned (see picture attached). Also posts look a bit weird, see other attachment.


Any idea how to fix this?
Title: Re: Manas
Post by: engrz on January 19, 2017, 02:15:28 AM
hello

I also have one problem with this theme on mobile. please see attacments, it is not full responsive and the menu are also not working on mobile.
Title: Re: Manas
Post by: Veee on January 31, 2017, 07:34:16 PM
Hi,

first of all, thank you so much for creating this amazing theme! I only found about it recently but it's exactly what I've been looking for!! Thank you again!

Anyway, I am having two issues with this theme.

One is, for the option the "online" icon for when members are online shows as if the image was broken. Which I checked and it isn't. How do I fix this?

The other one are the icons in the homepage for when there are new posts, they don't change from that gray color even if there are new posts. They stay gray.

Thanks for your time.
Title: Re: Manas
Post by: nathan_astle on February 13, 2017, 05:45:06 PM
Hi gecitli!

First of all, many thanks for this awesome theme. It's absolutely stunning.

I just have a small query if you don't mind. I'm trying to manually install ad management mod on your theme using the (attached) instructions.

Every code mentioned in the instructions, I'm able to successfully locate and add and/or replace. However, I have trouble locating for this one code in ./Themes/manas/index.template.php

Quote
Find: [Select]

echo '
               <input type="hidden" name="hash_passwrd" value="" />
            </form>';
   }

Add After: [Select]


// Begin Ad  management Location - Welcome Area/User Information Box

   if (function_exists("show_welcomeAds"))
   {
      $ads = show_welcomeAds();
      if(!empty($ads))
      {
         echo '<td class="windowbg2">';
         if($ads['type']==0)
            echo $ads['content'];
         else
            eval($ads['content']);
         echo '</td>';
      }
      unset($ads);
   }

// End Ad  management Location - Welcome Area/User Information Box


Could you please help me out in locating the particular code and as to which code I should touch to replace or add in the index.template.php file.

I would be really thankful if you can help in sorting this out.

Regards
Nathan
Title: Re: Manas
Post by: gecitli on February 14, 2017, 01:44:15 AM
Hi,
./Themes/manas/index.template.php
Find:
<span>', $context['random_news_line'], '</span></div>';

Add After:

// Begin Ad  management Location - Welcome Area/User Information Box

if (function_exists("show_welcomeAds"))
{
$ads = show_welcomeAds();
if(!empty($ads))
{
echo '<td class="windowbg2">';
if($ads['type']==0)
echo $ads['content'];
else
eval($ads['content']);
echo '</td>';
}
unset($ads);
}

// End Ad  management Location - Welcome Area/User Information Box


Title: Re: Manas
Post by: nathan_astle on February 14, 2017, 07:32:56 AM
It works perfectly!

Thank you so much gecitli! :)
Title: Re: Manas
Post by: engrz on February 15, 2017, 05:20:17 AM
Quote from: gecitli on February 14, 2017, 01:44:15 AM
Hi,
./Themes/manas/index.template.php
Find:
<span>', $context['random_news_line'], '</span></div>';

Add After:

// Begin Ad  management Location - Welcome Area/User Information Box

if (function_exists("show_welcomeAds"))
{
$ads = show_welcomeAds();
if(!empty($ads))
{
echo '<td class="windowbg2">';
if($ads['type']==0)
echo $ads['content'];
else
eval($ads['content']);
echo '</td>';
}
unset($ads);
}

// End Ad  management Location - Welcome Area/User Information Box



this solution is of which problem?
Title: Re: Manas
Post by: SleepyRS on March 31, 2017, 08:05:21 AM
Any way to change the icon next to the forum name in the top bar? and if possible is there a fix for the online symbol not showing.

Any response would be great, thank you! :)
Title: Re: Manas
Post by: gecitli on March 31, 2017, 08:44:42 AM
index.template.php

Find
<i class="fa fa-graduation-cap"></i>

Choose what you want from here

http://fontawesome.io/icons/ (http://fontawesome.io/icons/)
Title: Re: Manas
Post by: SleepyRS on March 31, 2017, 11:08:36 AM
Sorry to be annoying, how do I fix the online icon also? Also Thanks!
Title: Re: Manas
Post by: gecitli on March 31, 2017, 02:43:25 PM
Hi, I do not fully understand the problem?

Themes/Manas/images
Title: Re: Manas
Post by: SleepyRS on March 31, 2017, 08:51:10 PM
Tried reinstalling the theme multiple times but the online is always like that in member list and profile which is strange. Any help would be amazing man, thanks
Title: Re: Manas
Post by: SleepyRS on March 31, 2017, 09:10:05 PM
Also don't know if this a fixable problem but the name is in the icon picture in the top right. Like in the image, once again thanks for the help so far!  :)
Title: Re: Manas
Post by: Venitti on April 04, 2017, 01:19:47 AM
I have problem on mobile version. How to disable author hits info on mobile? Its look like this in attachment.
Title: Re: Manas
Post by: gecitli on April 04, 2017, 02:13:57 AM
MessageIndex.template.php

Find:
// Are there actually any topics to show?
if (!empty($context['topics']))
{
echo '
<th scope="col" class="first_th" width="6%">&nbsp;</th>
<th scope="col" class="lefttext"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=subject', $context['sort_by'] == 'subject' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['subject'], $context['sort_by'] == 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a> / <a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=starter', $context['sort_by'] == 'starter' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['started_by'], $context['sort_by'] == 'starter' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>
<th scope="col" class="righttext" width="15%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=replies', $context['sort_by'] == 'replies' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['replies'], $context['sort_by'] == 'replies' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a> / <a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=views', $context['sort_by'] == 'views' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['views'], $context['sort_by'] == 'views' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';
// Show a "select all" box for quick moderation?
if (empty($context['can_quick_mod']))
echo '
<th scope="col" class="lefttext last_th" width="24%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';
else
echo '
<th scope="col" class="lefttext" width="24%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';


Replace With:
// Are there actually any topics to show?
if (!empty($context['topics']))
{
echo '
<th scope="col" class="first_th hidden" width="6%">&nbsp;</th>
<th scope="col" class="lefttext"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=subject', $context['sort_by'] == 'subject' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['subject'], $context['sort_by'] == 'subject' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a> / <a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=starter', $context['sort_by'] == 'starter' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['started_by'], $context['sort_by'] == 'starter' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>
<th scope="col" class="righttext hidden" width="15%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=replies', $context['sort_by'] == 'replies' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['replies'], $context['sort_by'] == 'replies' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a> / <a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=views', $context['sort_by'] == 'views' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['views'], $context['sort_by'] == 'views' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';
// Show a "select all" box for quick moderation?
if (empty($context['can_quick_mod']))
echo '
<th scope="col" class="lefttext last_th" width="24%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';
else
echo '
<th scope="col" class="lefttext hidden" width="24%"><a href="', $scripturl, '?board=', $context['current_board'], '.', $context['start'], ';sort=last_post', $context['sort_by'] == 'last_post' && $context['sort_direction'] == 'up' ? ';desc' : '', '">', $txt['last_post'], $context['sort_by'] == 'last_post' ? ' <img src="' . $settings['images_url'] . '/sort_' . $context['sort_direction'] . '.gif" alt="" />' : '', '</a></th>';
Title: Re: Manas
Post by: edi1967 on April 21, 2017, 05:04:15 AM
great theme ... but please i have one fit in them to solve if you can help me, as you can see the avatar in top right is not so good position, also there is one strange characters near avatar.

thx you for your attention
Title: Re: Manas
Post by: gecitli on April 21, 2017, 09:39:00 AM
Hello there

./Themes/Manas/index.css
Find;

#manas_menu > li > a {
    display: block;
    font-weight: 300;
    font-size: 13px;
    line-height: 64px;
    text-transform: uppercase;
    color: #f8fcff;
}


Replace With:

#manas_menu > li > a {
    display: block;
    font-weight: 300;
    font-size: 12px;
    line-height: 64px;
    text-transform: uppercase;
    color: #f8fcff;
}


Find;

#manas_menu li a {
    padding: 0 15px;
    text-decoration: none;
}


Replace With:

#manas_menu li a {
    padding: 0 10px;
    text-decoration: none;
}
Title: Re: Manas
Post by: edi1967 on April 21, 2017, 06:03:34 PM
Quote from: gecitli on April 21, 2017, 09:39:00 AM
Hello there

./Themes/Manas/index.css
Find;

#manas_menu > li > a {
    display: block;
    font-weight: 300;
    font-size: 13px;
    line-height: 64px;
    text-transform: uppercase;
    color: #f8fcff;
}


Replace With:

#manas_menu > li > a {
    display: block;
    font-weight: 300;
    font-size: 12px;
    line-height: 64px;
    text-transform: uppercase;
    color: #f8fcff;
}


Find;

#manas_menu li a {
    padding: 0 15px;
    text-decoration: none;
}


Replace With:

#manas_menu li a {
    padding: 0 10px;
    text-decoration: none;
}


Done but... not so much changed and that strange characters remain look
Title: Re: Manas
Post by: BABBUSIDHU on September 08, 2017, 02:27:32 AM
Hello Owner Of Theme Manas Please Can You Create Another Version of that Theme  For Advertising Slots ?
Title: Re: Manas
Post by: spiros on December 11, 2017, 07:54:10 AM
Brilliant theme! Thank you!
Is there anyway to remove the background images (in footer too) without causing havoc in the alignments?
Title: Re: Manas
Post by: Darthaniel on June 07, 2018, 01:26:21 PM
Quote from: spiros on December 11, 2017, 07:54:10 AM
Brilliant theme! Thank you!
Is there anyway to remove the background images (in footer too) without causing havoc in the alignments?

I'ed like to know the answer to this question as well.
Title: Re: Manas
Post by: Jamie2k01 on August 04, 2018, 08:25:06 AM
I have issue with mobile view: on iOS Safari 11.3 (at least on an iPhone SE) the login name overlaps the avatar, which looks really weird... same with the search bar having allocated space but it's not being used.

Here's a screenshot attached, look at the blue arrow. The yellow arrow is meant to signify the other less important issue.
Title: Re: Manas
Post by: swerty111 on August 06, 2018, 01:54:50 AM
Good work. It's look great.
Title: Re: Manas
Post by: Darkness_Black on November 10, 2018, 07:27:49 AM
First of all thank you for this wonderful theme.

I would like to make some edits.

1- Firstly I would like to know how to increase the width of the forum
2- If you increase the width of the forum, will the menu have more space for the icons? If not how do I increase the menu too?
3- I searched the theme and did not find where I change these icons, I would like to change them, how do I?