MyBB Community Forums - MyTrade theme

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

I have installed this theme but i want to show news block only to guest but i did not know how ?

Can anyone help ?

There are some problems:

1 Buttons do not seem as promised,

2 Side bar does now look,

3 People here are talking about plugins that come with downlaed package, but I did not see them, where can i download them?
Can anyone please help me with those ?

Thanks.

well in fact they are in package
if u upload the contents of the "upload" folder correct, just go to ur admin area and in plugins u will see something like"XSTYLED custom languaje vars"
just press install and it should be fine

Like subzr1 says, the plugin comes with the theme, and when you install it, all the custom language vars loads and you have the theme 100% installed.

Also, you have a .txt for that in the .zip file.

Greetings.

Guys thank you both, I was struggling nearly 5 hours for that issue.

The last thing I need your help is that I want to change the colour of background and text of the bars, What i mean is :

And If I want to add new features into the bar at top, How can i do that? I mean:

eNvy, you created a really good work, thanks.

All the text is located here:

INC > LANGUAGES > ENGLISH > vars_envy.lang.php

Open that file and translate all what you want ^^

To change the background of the bars, go to Templates & Styles > Styles > MyTrade > MyTrade.css

Search this:

.thead {
  	font-family: 'PT Sans', sans-serif;
  	font-size: 16px;
  	font-weight: 700;
  	height: 30px;
  	border-radius: 3px;
  	border: 1px solid #E4E4E4;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	color: #969696;
        box-shadow: 0 3px 4px 0 #DDDDDD;
}

.menu {
  	padding: 0 12px;
  	height: 50px;
  	border-radius: 3px;
  	border: 1px solid #E4E4E4;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
  	box-shadow: 0 3px 4px 0 #DDDDDD;
}

The first code is for the thead class, it's the main class, and the bar of the categories. The second code is the top bar with the navigation menu.

If you want to add more elements to the menu, you need to go to Templates & Styles > Templates > MyTrade Templates > Header Templates > Header_welcomeblock_member

Inside search this:

<div class="userpanel">
	{$admincplink}
  	{$modcplink}
  	<span class="sep"><a href="{$mybb->settings['bburl']}/usercp.php" title="{$lang->xstyled_usercp}"><i class="fa fa-cog fa-2x"></i></a></span>
  	<span class="sep"><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', null, true); return false;" title="{$lang->xstyled_friendlist}"><i class="fa fa-users fa-2x"></i></a></span>
  	<span class="sep"><a href="{$mybb->settings['bburl']}/private.php" title="{$lang->xstyled_pms}"><i class="fa fa-envelope fa-2x"></i> <span class="pms">{$mybb->user['pms_unread']} </span></a></span>
</div>

If you see, there's only a few elements, if you want to add more, you need to:

1. Use the "sep" class in order to display correctly the elements, like this:

<span class="sep"></span>

2. Put the reference link, like this:

<span class="sep"><a href="YOUR LINK HERE" title="THE TITLE HERE"></a></span>

3. Use one FontAwesome Icon to keep the balance with the rest of the menu, like this:

<span class="sep"><a href="YOUR LINK HERE" title="THE TITLE HERE"><i class="fa fa-CHOOSE THE ICON fa-2x"></i></a></span>

You can see the list of icons here: http://fortawesome.github.io/Font-Awesome/icons/

Greetings.

(2015-01-31, 09:57 AM)eNvy Wrote: [ -> ]All the text is located here:

INC > LANGUAGES > ENGLISH > vars_envy.lang.php

Open that file and translate all what you want ^^

To change the background of the bars, go to Templates & Styles > Styles > MyTrade > MyTrade.css

Search this:

.thead {
  	font-family: 'PT Sans', sans-serif;
  	font-size: 16px;
  	font-weight: 700;
  	height: 30px;
  	border-radius: 3px;
  	border: 1px solid #E4E4E4;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	color: #969696;
        box-shadow: 0 3px 4px 0 #DDDDDD;
}

.menu {
  	padding: 0 12px;
  	height: 50px;
  	border-radius: 3px;
  	border: 1px solid #E4E4E4;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
  	box-shadow: 0 3px 4px 0 #DDDDDD;
}

<div class="userpanel">
	{$admincplink}
  	{$modcplink}
  	<span class="sep"><a href="{$mybb->settings['bburl']}/usercp.php" title="{$lang->xstyled_usercp}"><i class="fa fa-cog fa-2x"></i></a></span>
  	<span class="sep"><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', null, true); return false;" title="{$lang->xstyled_friendlist}"><i class="fa fa-users fa-2x"></i></a></span>
  	<span class="sep"><a href="{$mybb->settings['bburl']}/private.php" title="{$lang->xstyled_pms}"><i class="fa fa-envelope fa-2x"></i> <span class="pms">{$mybb->user['pms_unread']} </span></a></span>
</div>

If you see, there's only a few elements, if you want to add more, you need to:

1. Use the "sep" class in order to display correctly the elements, like this:

<span class="sep"></span>

2. Put the reference link, like this:

<span class="sep"><a href="YOUR LINK HERE" title="THE TITLE HERE"></a></span>

3. Use one FontAwesome Icon to keep the balance with the rest of the menu, like this:

<span class="sep"><a href="YOUR LINK HERE" title="THE TITLE HERE"><i class="fa fa-CHOOSE THE ICON fa-2x"></i></a></span>

You can see the list of icons here: http://fortawesome.github.io/Font-Awesome/icons/

Greetings.

Thank you so much.

Here is another problem:

I read the same problem in one of the pages under this thread, i did the instructions(portal, switch yes to Show latest discussions) given here; However, i could not make it work. I deleted the forum completely and uploaded it again, and then installed the theme, activated the plugin, but the result did not change.

here is the pic:

(2014-10-12, 03:26 PM)eNvy Wrote: [ -> ]
(2014-10-12, 03:21 PM)Tallow Wrote: [ -> ]sorry, but how do i change the text logo? when i did it on the header template it wont shows.

ACP > Template & Styles > Templates > MyTrade templates > Header templates > open header template

Search this:
<div id="header">
  	<div class="wrapper">
      	<div class="logo"><i class="fa fa-comments fa-lg"></i> {$lang->xstyled_mytrade}</div>
  	</div>
</div>
Delete this: "<i class="fa fa-comments fa-lg"></i> {$lang->xstyled_mytrade}", and put your custom logo inside the "<div class="logo"></div>"

Something like this:
<div id="header">
  	<div class="wrapper">
      	<div class="logo"><img src="your path to your custom image" alt="My logo" /></div>
  	</div>
</div>

[ltr]I've tried everything here, but can't put my own logo on the theme. How do I do?[/ltr]

Hi,

I need some help with how to keep 1 while chaning 2, here is what i mean:

In 2 , I want to put the flag of Pakistan for Pakistan place, and also keep 1 as it is in Russia.

Thank you in advance.

(2015-01-31, 10:40 AM)sitekur Wrote: [ -> ]
(2015-01-31, 09:57 AM)eNvy Wrote: [ -> ]All the text is located here:

INC > LANGUAGES > ENGLISH > vars_envy.lang.php

Open that file and translate all what you want ^^

To change the background of the bars, go to Templates & Styles > Styles > MyTrade > MyTrade.css

Search this:
.thead {
  	font-family: 'PT Sans', sans-serif;
  	font-size: 16px;
  	font-weight: 700;
  	height: 30px;
  	border-radius: 3px;
  	border: 1px solid #E4E4E4;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	color: #969696;
        box-shadow: 0 3px 4px 0 #DDDDDD;
}

.menu {
  	padding: 0 12px;
  	height: 50px;
  	border-radius: 3px;
  	border: 1px solid #E4E4E4;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
  	box-shadow: 0 3px 4px 0 #DDDDDD;
}
The first code is for the thead class, it's the main class, and the bar of the categories. The second code is the top bar with the navigation menu.

If you want to add more elements to the menu, you need to go to Templates & Styles > Templates > MyTrade Templates > Header Templates > Header_welcomeblock_member

Inside search this:
<div class="userpanel">
	{$admincplink}
  	{$modcplink}
  	<span class="sep"><a href="{$mybb->settings['bburl']}/usercp.php" title="{$lang->xstyled_usercp}"><i class="fa fa-cog fa-2x"></i></a></span>
  	<span class="sep"><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', null, true); return false;" title="{$lang->xstyled_friendlist}"><i class="fa fa-users fa-2x"></i></a></span>
  	<span class="sep"><a href="{$mybb->settings['bburl']}/private.php" title="{$lang->xstyled_pms}"><i class="fa fa-envelope fa-2x"></i> <span class="pms">{$mybb->user['pms_unread']} </span></a></span>
</div>
If you see, there's only a few elements, if you want to add more, you need to:

1. Use the "sep" class in order to display correctly the elements, like this:
<span class="sep"></span>
2. Put the reference link, like this:
<span class="sep"><a href="YOUR LINK HERE" title="THE TITLE HERE"></a></span>
3. Use one FontAwesome Icon to keep the balance with the rest of the menu, like this:
<span class="sep"><a href="YOUR LINK HERE" title="THE TITLE HERE"><i class="fa fa-CHOOSE THE ICON fa-2x"></i></a></span>
You can see the list of icons here: http://fortawesome.github.io/Font-Awesome/icons/

Greetings.
Thank you so much.

Here is another problem:

I read the same problem in one of the pages under this thread, i did the instructions(portal, switch yes to Show latest discussions) given here; However, i could not make it work. I deleted the forum completely and uploaded it again, and then installed the theme, activated the plugin, but the result did not change.

here is the pic:

It works with the latest activity from the portal, look if the latest threads/posts shows on the portal.

(2015-02-01, 07:11 PM)ForumMix Wrote: [ -> ]
(2014-10-12, 03:26 PM)eNvy Wrote: [ -> ]
(2014-10-12, 03:21 PM)Tallow Wrote: [ -> ]sorry, but how do i change the text logo? when i did it on the header template it wont shows.

ACP > Template & Styles > Templates > MyTrade templates > Header templates > open header template

Search this:
<div id="header">
  	<div class="wrapper">
      	<div class="logo"><i class="fa fa-comments fa-lg"></i> {$lang->xstyled_mytrade}</div>
  	</div>
</div>
Delete this: "<i class="fa fa-comments fa-lg"></i> {$lang->xstyled_mytrade}", and put your custom logo inside the "<div class="logo"></div>"

Something like this:
<div id="header">
  	<div class="wrapper">
      	<div class="logo"><img src="your path to your custom image" alt="My logo" /></div>
  	</div>
</div>
[ltr]I've tried everything here, but can't put my own logo on the theme. How do I do?[/ltr]

You need to upload your logo into your hosting, and after, put the path of that logo inside the src="" of the tag <img>, something like this:

<img src="images/mytheme/logo.png" alt="My logo" /></div>

(2015-02-02, 07:31 PM)sitekur Wrote: [ -> ]Hi,

I need some help with how to keep 1 while chaning 2, here is what i mean:

In 2 , I want to put the flag of Pakistan for Pakistan place, and also keep 1 as it is in Russia.

Thank you in advance.

You can't do that with the current system, I think you're looking for FICONS (Put icons on each forum, same or different icons).

The current icon is from FontAwesome and it's only to display if there is new messages or not.

Greetings.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17