News:

Wondering if this will always be free?  See why free is better.

Main Menu

Insidious II

Started by The Domain Shop, January 07, 2012, 02:12:32 PM

Previous topic - Next topic

The Domain Shop

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

>> License – Read included txt file <<

Created by:


For more free themes visit us here

For theme support visit us here

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.

ARG01

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


;)
No, I will not offer free downloads to Premium DzinerStuido themes. Please stop asking.

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.

The Domain Shop

Quote from: Topperfalkon on January 21, 2012, 03:48:34 PM
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.
Fantasy Attic ::  Fantasies Realm Market :: SMF 2.0+ with various mods and TinyPortal

Mr. Pedram

.dropmenu li li a:hover, .dropmenu li li:hover>a

i didn't see such a css code like this before  :D

li:hover>a

@index.css
line 1194
My Modifications:
» Loading For SMF
» Buddies Block
» Redirect Links
» Birthdate On Registration
» PM Warning
» Instagram
» Add Table,Td,Tr Button
» Search Topic & Board Button
Browse All...

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:

.dropmenu li li a:hover

That code will target all anchors listed below.

<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.

.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 :)
My Modifications:
» Loading For SMF
» Buddies Block
» Redirect Links
» Birthdate On Registration
» PM Warning
» Instagram
» Add Table,Td,Tr Button
» Search Topic & Board Button
Browse All...

Mr. Pedram

My Modifications:
» Loading For SMF
» Buddies Block
» Redirect Links
» Birthdate On Registration
» PM Warning
» Instagram
» Add Table,Td,Tr Button
» Search Topic & Board Button
Browse All...

The Domain Shop

#12
Quote from: Mr. Pedram on March 14, 2013, 04:53:42 PM
@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

QuotePS: 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!

QuoteEDIT: 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.

My Modifications:
» Loading For SMF
» Buddies Block
» Redirect Links
» Birthdate On Registration
» PM Warning
» Instagram
» Add Table,Td,Tr Button
» Search Topic & Board Button
Browse All...

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.

The Domain Shop

#16
Quote from: Mr. Pedram on March 15, 2013, 12:48:38 PM
QuotePS: 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!

QuoteEDIT: 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

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

}


With this

// 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;
}


Quote from: Topperfalkon on March 17, 2013, 06:24:42 PM
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?

Quotebut 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:

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


Replace With:

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


My Modifications:
» Loading For SMF
» Buddies Block
» Redirect Links
» Birthdate On Registration
» PM Warning
» Instagram
» Add Table,Td,Tr Button
» Search Topic & Board Button
Browse All...

The Domain Shop

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:

// 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.

Advertisement: