Topic: Insidious II

['Trax']

Link to theme

Insidious II

Insidious II is an updated version of http://custom.simplemachines.org/themes/index.php?lemma=2451

Changes we made are:

Re-designed header area
Fixed width
Cleaned up menu
Changes to some font colors

This theme uses some css3 which will not render in older browsers

Not Recommended For RTL Languages

>> License – Read included txt file <<

>> More Free Themes <<

[ProdigySim]

Hi, I've been using and modifying your theme for the past week or so. Overall it is a very nice and professional looking theme. Thanks for making it!

There's a few issues we've had to address while using it.

1. A few of the small icons have single, white pixels in their corners. Notably images/english/new.gif and the 4 "star" icons (star.gif, staradmin.gif, starmod.gif, stargmod.gif).
2. The #topbar div is too small when you're not logged in and you have "Show a quick login on every page" enabled (the quick login area becomes too large).
3. The "(No) New Posts" icons seemed a little hard to distinguish for me (off.png and on.png).
4. There's a general lack of color--which I think makes it harder to attract users' attention.

That said, your template has been an invaluable starting point for my website. I hope I can help by returning this feedback.

[ARG]

Not too keen on how the menu jumps on hover but nice theme overall. Reminds me of Crip's Black Rain.


 

[Topperfalkon]

as noted by the other users, this theme has been an invaluable starting point but has a few problems.

• Having a fixed width leaves a lot of unused real estate on the screen, and means it doesn't scale to screen size. Using a percentage width is much more professional
• The background image was not long enough for modern resolutions and scrolls. I had to stretch the background and add the 'fixed' variable for that image
• It's not cool to plant text advertising in the copyright section

Other than that, no major issues so far.

['Trax']

as noted by the other users, this theme has been an invaluable starting point but has a few problems.

• Having a fixed width leaves a lot of unused real estate on the screen, and means it doesn't scale to screen size. Using a percentage width is much more professional
• The background image was not long enough for modern resolutions and scrolls. I had to stretch the background and add the 'fixed' variable for that image
• It's not cool to plant text advertising in the copyright section

Other than that, no major issues so far.

These issues have already been addressed, except im having trouble re-uploading the theme at the moment. As for the so called "text advertising" both links in the footer are both my sites

[Topperfalkon]

Ah, fair enough.

I've removed the second link for your hosting site, but I did retain the copyright and link to the skin-box site, because I give credit where credit is due, obviously.

Glad to hear those problems are fixed though and I hope you get many more happy 'customers' in the future I'm certainly happy enough with what I got to start off with.

[DarkAngel612]

I would like to know the name of the font you used for the header image.

[Mr. Pedram]

Code: [Select]

.dropmenu li li a:hover, .dropmenu li li:hover>a
i didn't see such a css code like this before 

li:hover>a

@index.css
line 1194

[Arantor]

Yeah, element > element is fine in CSS, it means specific child.

li:hover a normally means any a tag that is any level of descendent of li:hover, li:hover a means any a tag that is specifically a child of an li:hover, not any descendent thereafter.

[Antechinus]

Yup. If that's not clear, it works like this:

Code: [Select]

.dropmenu li li a:hover
That code will target all anchors listed below.

Code: [Select]

<ul class="dropmenu">
<li>Stuff_here
<ul>
<li><a> 1 </a></li>
<li><a> 2 </a>
<ul>
<li><a> 3 </a></li>
<li><a> 4 </a>
<ul>
<li><a> 5 </a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>';

On the other hand, this code will only target links 1 and 2.

Code: [Select]

.dropmenu li li:hover>a
This is very handy for instances where you don't want the same presentation being inherited down through all levels.

The other point about the second part, is that putting the :hover on the li makes the anchor within it stay highlighted when you move your cursor over to the next level of the menu. This is because the li extends to hold the next level flyout, so you are still hovering over the li.

[Mr. Pedram]

Very interesting, never seen before
thanks for explain

[Mr. Pedram]

@Trax,
Please take a look to this topic:
http://www.simplemachines.org/community/index.php?topic=499659.0

['Trax']

@Trax,
Please take a look to this topic:
http://www.simplemachines.org/community/index.php?topic=499659.0

RTL Updated to correct issue with post buttons. I will need to have a look at why the bottom navigation is not following RTL rules.

PS: I also expect you to put the link back in the footer of my theme!

EDIT: Fixed. Re-download and replace rtl.css and index.template.php

[Mr. Pedram]

PS: I also expect you to put the link back in the footer of my theme!

Sorry, what i have done is illegal?
if you want, ok i do!

EDIT: Fixed. Re-download and replace rtl.css and index.template.php

Thank you, may i request you to put those codes that need to change here? because (as you know probably) i have done very change to this theme, include index.template.php, and css , rtl. i can't replace neither.

[Topperfalkon]

I've been trying to use your latest version of the theme, and I seem to have hit upon the same issue as I had with the other theme.

For some reason, the 'news ticker' that used to display is no longer displaying on your themes (although it displays fine on default). I have recently moved the install directory of the forums, but I've fixed all the links in config and db to my knowledge, so I'm not sure what's happening.

Also, you have my thanks for releasing this as CC BY-NC-SA, but I'd add that it's not particularly clear in your theme's copyright section.

[Topperfalkon]

As it happens, it doesn't seem to be picking up changes to Subs.php either, even on the default theme.

So maybe it's not entirely related to the theme.

['Trax']

PS: I also expect you to put the link back in the footer of my theme!

Sorry, what i have done is illegal?
if you want, ok i do!

EDIT: Fixed. Re-download and replace rtl.css and index.template.php

Thank you, may i request you to put those codes that need to change here? because (as you know probably) i have done very change to this theme, include index.template.php, and css , rtl. i can't replace neither.

In the index.template replace everything between

Code: [Select]

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..

}
With this

Code: [Select]

// Show a linktree. This is that thing that shows "My Community | General Category | General Discussion"..
function theme_linktree($force_show = false)
{
global $context, $settings, $options, $shown_linktree;

// If linktree is empty, just return - also allow an override.
if (empty($context['linktree']) || (!empty($context['dont_default_linktree']) && !$force_show))
return;

echo '
<div class="navigate_section">
<ul>';

// Each tree item has a URL and name. Some may have extra_before and extra_after.
foreach ($context['linktree'] as $link_num => $tree)
{
echo '
<li', ($link_num == count($context['linktree']) - 1) ? ' class="last"' : '', '>';

// Show something before the link?
if (isset($tree['extra_before']))
echo $tree['extra_before'];

// Show the link, including a URL if it should have one.
echo $settings['linktree_link'] && isset($tree['url']) ? '
<a href="' . $tree['url'] . '"><span>' . $tree['name'] . '</span></a>' : '<span>' . $tree['name'] . '</span>';

// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];

// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo ' &#187;';

echo '
</li>';
}
echo '
</ul>
</div>';

$shown_linktree = true;
}

As it happens, it doesn't seem to be picking up changes to Subs.php either, even on the default theme.

So maybe it's not entirely related to the theme.

So this is not theme related?

but I'd add that it's not particularly clear in your theme's copyright section.

Not too sure what you are saying here?

[Mr. Pedram]

Thanks @Trax , but arrows have a problem! you need to do a little change in rtl.css to make it perfect for rtl pages, this will fix arrows issue:

Code: [Select]

/* The navigation list (i.e. linktree) */
.navigate_section ul li {
  float: right;
  padding: 0 0 0 0.5em;
}
Replace With:

Code: [Select]

/* The navigation list (i.e. linktree) */
.navigate_section ul li
{
  float: right;
  direction: rtl;
  padding: 0 0 0 0.5em;
}

['Trax']

It should work without using direction: in the css, it does for me. But if that works for you than great

[Antechinus]

If you want to try something different, you can write a linktree that will do the arrows automatically in ltr and rtl. You're calling one html entity for the arrows. You can call different ones for rtl and ltr, either by using a ternary in the linktree markup:

Code: [Select]

// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
$context['right_to_left'] ? '«' : '»';
or, you can get even sneakier and remove the arrows from the template completely, and set them in the CSS by using the :before or :after pseudo element and CSS3 first-child or last-child to hide the one you want hidden.

Using first-child is better for performance, in which case you'd also be using :before to put the arrows in front of each link.