Wide A Responsive Theme

Started by gecitli, February 28, 2016, 05:19:34 PM

Previous topic - Next topic

gecitli

tehemes-index.css

Find
.fa-calendar_post_event:before {content: "\f067";}

Add After

.fa-SMFQuiz:before {content:"\f059";}
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

jack001

Quote from: gecitli on January 22, 2018, 06:49:13 AM
tehemes-index.css

Find
.fa-calendar_post_event:before {content: "\f067";}

Add After

.fa-SMFQuiz:before {content:"\f059";}

thanks it worked!
https://www.edufor.xyz Edutainment forum - Education with Entertainment!

jack001

i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

Add after:

      if(LikePosts::$LikePostsUtils->showLikeNotification()) {
         echo '
               <li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
      }


I am trying to change manually but no luck. Can someone guide me what should i do?
https://www.edufor.xyz Edutainment forum - Education with Entertainment!

gecitli

Quote from: jack001 on January 25, 2018, 09:27:56 AM
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

Add after:

      if(LikePosts::$LikePostsUtils->showLikeNotification()) {
         echo '
               <li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
      }


I am trying to change manually but no luck. Can someone guide me what should i do?

./Themes/wide/index.template.php

Find
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>

Add After:

';
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
echo '
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

jack001

Quote from: gecitli on January 25, 2018, 12:44:18 PM
Quote from: jack001 on January 25, 2018, 09:27:56 AM
i am trying to install like plus mod but error is showing in index template. Can someone help me fix it?
It says test failed..
Find Code:
<li><a href="', $scripturl, '?action=unreadreplies">', $txt['show_unread_replies'], '</a></li>';

Add after:

      if(LikePosts::$LikePostsUtils->showLikeNotification()) {
         echo '
               <li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
      }


I am trying to change manually but no luck. Can someone guide me what should i do?

./Themes/wide/index.template.php

Find
<li><a href="', $scripturl, '?action=unreadreplies"><span class="fa fa-comment"></span> ', $txt['unread_replies'], '</a></li>

Add After:

';
if(LikePosts::$LikePostsUtils->showLikeNotification()) {
echo '
<li><span class="showLikeNotification" onclick="lpObj.likePostsNotification.showLikeNotification()">', $txt['like_show_notifications'], '</span></li>';
}
echo '

thanks it worked!!

and how to add like button just like we did on quiz by this
.fa-SMFQuiz:before {content:"\f059";}
https://www.edufor.xyz Edutainment forum - Education with Entertainment!

gecitli

.fa-like_post_stats:before {content: "\f08a";}
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

RamailoForum.com

#86
Well First up I all I would like to thanks a lot to the author Gecitli for providing such a wonderful responsive theme for us.
Kudos for your effort.

Some errors are expected but you have been very quick and keen in replying to queries and solving many such errors for other users.

Myself went through the discussions here and fixed some stuffs like defaultavatar, noavatar , and useron.gif issues. They are working good now. But there are few issues on my own forum that haven't been discussed here yet. I'm not sure whether it is particular to my case or others are facing the same issue.

1) The menu icon doesn't show the menu but redirects to the index page
2) Site Logo isn't shown properly and hides somewhere behind the hat icon in top left corner in Desktop. Same case in mobile. Also wanted to know what would be the optimal size for the banner. (Was using 1500x120 px banner in default theme and it was working fine, wish to use same here at the top of the page ) and how could you remove the hat icon
3) Same issue is with the site slogan and it isn't shown anywhere (text or image) , also could you set image as site slogan like in default theme

Have installed the theme for few days now and I really like it a lot and truly appreciate your effort. Just these few things bothering me.

I am sure you will provide a solution though.

My website is www(dot)ramailoforum(dot)com - Please do check it and analyze if you may.

Thanks in advance and Regards.

juliereader

hi there,

thanks for the awesome theme. For me this theme was the decider between phpbb and SMF  ;D

everything is perfect so far.

There is a little issue on mobile site though. The avatar image is not appearing correctly. Take a look




gecitli

Hello RamailoForum.com , if you edit the logo, many features will not work but instead create a field like the one shown in the picture,



index.template.php

Find:
<section class="content">

Add After:

<div class="top-banner">
<a class="logo_destop" title="' . $context['forum_name'] . '" href="'.$scripturl.'"></a>
<div class="news normaltext hidden-xs hidden-sm">';
// Show a random news item? (or you could pick one from news_lines...)
if (!empty($settings['enable_news']))
echo '
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>';

echo '
</div>
</div>';


index.css
Find:
/* Styles for print media.

Add Before:

.content-wrapper .top-banner {
    color: #fff;
    padding: 10px;
    height: 100px;
    min-height: 132px;
    margin-bottom: 3px;
    position: relative;
    background-size: cover;
    box-sizing: border-box;
    background-color: #263238;
    -webkit-border-radius: 0.3em 0.3em 0em 0em;
    -moz-border-radius: 0.3em 0.3em 0em 0em;
    -ms-border-radius: 0.3em 0.3em 0em 0em;
    -o-border-radius: 0.3em 0.3em 0em 0em;
    border-radius: 0.3em 0.3em 0em 0em;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.top-banner a {
    display: block;
    float: left;
    background: url(../images/theme/logo.png) no-repeat;
    width: 220px;
    height: 100px;
    margin: 0px 0 0 25px;
}
.news {
    float: right;
    width: 35%;
    margin-top: 19px;
    padding: 10px 20px 10px 10px;
}
.news h2{
    color: #3c8dbc;
}


images-theme- logo.png  Add
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

gecitli

Hello juliereader
index.css
Find:
@media (max-width: 991px)
index.css?fin20:3811
.poster .avatar img {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 10px;
    margin-top: -60px;
    border-radius: 50%;
    object-fit: cover;
}


Replace With:

@media (max-width: 991px)
index.css?fin20:3811
.poster .avatar img {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 10px;
    margin-top: -79px;
    border-radius: 50%;
    object-fit: cover;
}
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

RamailoForum.com

Thanks Gecitli for your quick response. I have used SMFAds for Free Forum mod to display site banner that solved the site banner issue... the code modification you have suggested should solve the issue as well for others users including me. I need a help from you to solve the following issues:

1)Can you suggest a way to change the hat icon for something else or mention where is it located.

2)The menu thing is still troubling me. When you click on the menu icon it redirects to the index page. Could you please suggest a solution for it.  Without it, it's still not a real problem on Desktop where you can see sidebar menu on left but you have no option when you login to a mobile and no admin menu is displayed unless you request a desktop site on mobile.

3)Also, could you suggest a easy way to embed a Facebook like button. The Facebook Slide Box mod doesn't seem to be working.

I am using SMF 2.0.15 and my website is hxxp:ramailoforum.com [nonactive] (same as my username). Feel free to ask if you need any other information.

Thanks in advance and Regards.

RamailoForum.com

UPDATE:

The menu icon seems to be working fine now on Desktop (Narrows and expands menu) and mobile (shows user menu)

I have no clue why it didn't work earlier.

jack001

installed like mod and showing like notification like this
https://www.edufor.xyz Edutainment forum - Education with Entertainment!

jack001

instead if default profile picture could show, then problem would be solved.
https://www.edufor.xyz Edutainment forum - Education with Entertainment!

schoolclubsforum

Really loving the theme. Thank you. I have a question relating to css.
When I view the theme on my iphone the title of a post wraps so that the text only fills half the line.

So for example a post titled
"Promoting Yourself on School Clubs Forum" fills one line on PCs and tablets.

But on a phone it becomes

Promoting Yourself
on School
Clubs Forum

and to the right of this text is a large white space covering about 50% of the view.

I cannot work out what to change in the css to make the title flow across the whole of the screen instead of breaking half way across.
Do you have any tips on how I can fix this please.

Thank you.

gecitli

Hi can you show me the screen image I fully understand the problem.
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

schoolclubsforum

Thanks for the quick reply gecitli
Attached is a screen grab of the post's title area when the browser window is reduced to the size of a mobile phone screen.

It looks as though the title "The New Member Welcome PM" should be able to flow into the space on the right, but it wraps a couple of times leaving a lot of white space. This also has the effect of pushing the contents of the post lower down.

When I "inspect" this area in Google Chrome I cannot work out what to alter to make the text flow correctly.

Thank you for your help.

gecitli

Hello 1 question answer here
https://www.simplemachines.org/community/index.php?topic=543941.msg3960345#msg3960345
index.css

find
#forumposts h3 img {
    float: left;
    margin: 4px 0.5em 0 0;
}


Replace With

#forumposts h3 img {
    float: left;
    margin: 14px 0.5em 0 0;
}
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

schoolclubsforum

Thanks for the reply gecitli

I looked at the post you referred to and the code you added in the last post. I played around with the index.css file but I could not affect the amount of white space in the title in mobile view. The post's title text stays over on the left half of the screen in mobile view.


gecitli

Quote from: schoolclubsforum on February 08, 2018, 03:29:25 PM
Thanks for the reply gecitli

I looked at the post you referred to and the code you added in the last post. I played around with the index.css file but I could not affect the amount of white space in the title in mobile view. The post's title text stays over on the left half of the screen in mobile view.



Hello Try this
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Advertisement: