Simple Machines Community Forum

Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2620)
(http://custom.simplemachines.org/themes/index.php/action,download/lemma,2620/image,thumb)

New original theme from studioCRIMES.com
Contains unique menu with extraordinary layout.
Live demo is available HERE (http://demo.studiocrimes.com)

Nawet fajny styl

Pretty cool style. I like the side menu, an interesting solution

Just had to say  this theme is fantastic i am currently using it on my test forum and doing slight mods to it via colours etc. Anyway i have a question i re added the smf search bar to index.template.php and it shows up although sits on the far right of the screen at the top  and looks odd i am trying to get it so it sits lower than it is.

Got any ideas how i move it lower i have provided a link below.

http://www.keepitrealkeepitgoth.com/test/forum/index.php

Hello, the easiest thing to do is to add a new class and div.
Add this to index.template.php:

<div class="search_top"><form id="search_form" action="', $scripturl, '?action=search2" method="post" accept-charset="', $context['character_set'], '">
<input type="text" name="search" value="" class="input_text" />&nbsp;
<input type="submit" name="submit" value="', $txt['search'], '" class="button_submit" />
<input type="hidden" name="advanced" value="0" />';

// Search within current topic?
if (!empty($context['current_topic']))
echo '
<input type="hidden" name="topic" value="', $context['current_topic'], '" />';
// If we're on a certain board, limit it to this board ;).
elseif (!empty($context['current_board']))
echo '
<input type="hidden" name="brd[', $context['current_board'], ']" value="', $context['current_board'], '" />';

echo '</form></div>

and this to index.css:
.search_top
{
right: 40px;
top: 50px;
position: absolute;

}

Thanks it sorted it :)

You're welcome. Thanks for all the comments and if you need more help don't hesitate to ask.

The theme is looking pretty sweet i have it tweaked to exactly how i want it but now i have some other questions that need answering.

1. When i click on profile and i click on the navigation bar the profile info and modify profile all the links are looking fine apart from the bottom link on both are white background and white text. I cant figure out how to change them. Also it is the case with a few of the admin navigation links towards the bottom of the menu they turn out white background and white text.

I use firebug to figure out what elements i need to change on the css file but this last element i cant figure out what to change. ?

2. Would there be be any chance i can separate links on the left hand side navigation bar IE have a set of links such as home, forum, profile etc etc then a HR line and then another set of links below the line i'm not sure if it's a theme change or a subs change ?

3. I noticed some of the footer copywrite is hiding under my sa chat bar how would i bring it up more or creat space so it shows them ?

Thanks again anyway

Hello, can you please attach an image showing what you want to change.

As far as I remember I didn't touch the menu code except its css, so that's where I would look for it.

I have included two pics of how they look everything is ok apart from this last thing. I have spent a few hours trying to figure out what part of CSS i edit but i cant figure out what part lol.

Can you please send me your index.css, so I can look into it.

Here you go thanks for the help :)

Find:
.dropmenu li li a span
and add a background to it.

That should solve your problem :)

Thanks it worked great :P

hi,
I really like this theme (sampleazure) and have had some positive feedback already about it.  However, we are noticing that the text in the navigation menu merges into the text in the main frame when you slide the horizontal scroll bar (not sure if that´s the right term for it!


you can find my forum by googling Spanish Bank Property

I´ve tried adjusting the forum width, but it doesn´t seem to make any difference, whateverr settings I choose.

Thanks for any help  you can offer.

Hello, you can change it by editing the size of this file:
../Themes/SampleAzure/images/theme/navbar_active.png

---

Or in fact much easier way:

Go into css/index.css in the theme and find:
.nav_bar_item:hover
{
background: url(../images/theme/navbar_active.png);

}

Change to:
.nav_bar_item:hover
{
background: url(../images/theme/navbar_active.png);
width: 110px;
}

thanks for your quick response - I´ll try that.

hi,
I`ve tried both methods, and doesn´t seem to have made any difference.  I attach a screen shot.
I wonder if you have any idea why.

Regards
Andy

Try to use the second solution and do this:

Find:
.nav_bar_item
{
height: 30px;
line-height: 30px;
padding: 0 17px;
color: #625f5f;
position: relative;
top: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
}

Remove from it:
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;

it worked for me on your website (dev tools).

hi, I will try that when I have fed my kids haha!

thanks again for your very prompt replies.  It´s very much appreciated,
Andy

No problem, let me know if it works, so I can look for other solutions if it doesn't works. I always try to provide fast (when I can) support for my themes :)

---

Also here's a small fix for the category background (don't know why it's like this on your forum)
(http://img.liczniki.org/20140312/43423-1394650867.jpg)

In index.css find:
h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left

and remove this:
background: url(../images/theme/main_block.png) no-repeat 0 -160px;

Should look like this:
(http://img.liczniki.org/20140312/43423-1394650985.jpg)

hi,
unfortunately I tried both those suggestions, and it doesn´t seem to have changed anything.
Andy

It seems to work for me, the menu tabs are not overlapping anymore:

(http://img.liczniki.org/20140312/un-1394653947.jpg)

Do you edit the right index.css in ../Themes/SampleAzure/css ?

I´ve been going into Admin/Current Theme/Modify Themes/SampleAzure/Edit this themes stylesheets

and making the changes there.

Is that right?

I would imagine that you can do it through there, but I don't know if it works properly. I recommend to use notepad++.

But it seems that you fixed the problem. If not please send me screenshot of exactly what's wrong, as it could look differently on your computer :)

Well maybe we´re using different browsers.  I´m using Chrome on a Windows 8.1 machine.

Same browsers :) Attach a screenshot.

Try navigating to the URL shown in the screenshot, and then use the horizontal slider bar.

I see it now

find:
.logo
{
height: 136px;
width: 100%;
/* background: url(../images/theme/topbar.png) repeat; */

}

and replace with:
.logo
{
height: 136px;
width: 90%;
/* background: url(../images/theme/topbar.png) repeat; */

}

Thanks for your continued help with this, but unfortunately.....no, it didn´t work.  :'(

I can't see change on your forum, the width is still 100%. You can try to lower those values to even 80% if you want to. You can also try here:

.logo_content
{
display: table;
padding: 0 17px;
width: 90%;
height: 136px;
}

message with raw css deleted

Please place your index.css into an attachment as in here the important bit is being cut. I'll try to edit the code tomorrow and give you the ready file (tomorrow evening).

ok, thanks a million.  ;)

I´ve attached the file.

The file that you've attached contains all the changes I suggested.

I looked on your forum and there's no horizontal bar, maybe it takes a bit for the css to changed if done using your way?

PS. can you edit your message with the raw css? It's hard to scroll down that much :)

hi yes of course, I´ve deleted the raw css.  I think the real problem is my own poor programming, because I´ve modified a classifieds mod in a rather amateurish way, with little regard for table formatting, and now they render all over the place.  I think I need to go back to html school !!

So thanks again for all your assistance, and well done on a really great theme which has a very professional appearance.

Thank you! If you need more help with just write a message in the topic :)

hey can you tell me how to show News?

Add this code anywhere in index.template.php (of course without breaking the code):

if (!empty($settings['enable_news']))
echo '
<h2>', $txt['news'], ': </h2>
<p>', $context['random_news_line'], '</p>';