Advertisement:

Author Topic: Insidious II  (Read 11367 times)

Offline 'Trax'

  • Jr. Member
  • **
  • Posts: 283
  • Gender: Male
    • @hostflare on Twitter
    • HostFlare
Insidious II
« on: January 07, 2012, 02:12:32 PM »
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 <<

Theme support
« Last Edit: April 10, 2014, 05:03:22 PM by 'Trax' »

Offline ProdigySim

  • Newbie
  • *
  • Posts: 1
Re: Insidious II
« Reply #1 on: January 17, 2012, 12:13:25 PM »
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.

Offline Also Gone

  • SMF Hero
  • ******
  • Posts: 2,534
  • I Don't Shower Much
    • Files4Design
Re: Insidious II
« Reply #2 on: January 18, 2012, 02:21:39 AM »
Not too keen on how the menu jumps on hover but nice theme overall. Reminds me of Crip's Black Rain.


 ;)

Offline Topperfalkon

  • Newbie
  • *
  • Posts: 6
Re: Insidious II
« Reply #3 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.

Offline 'Trax'

  • Jr. Member
  • **
  • Posts: 283
  • Gender: Male
    • @hostflare on Twitter
    • HostFlare
Re: Insidious II
« Reply #4 on: January 23, 2012, 07:09:04 AM »
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 ???

Offline Topperfalkon

  • Newbie
  • *
  • Posts: 6
Re: Insidious II
« Reply #5 on: January 23, 2012, 09:52:03 PM »
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.

Offline DarkAngel612

  • Sr. Member
  • ****
  • Posts: 764
  • Gender: Female
Re: Insidious II
« Reply #6 on: February 13, 2012, 07:58:43 PM »
I would like to know the name of the font you used for the header image.
Fantasy Attic ::  Fantasies Realm Market :: SMF 2.0.7 with various mods and TinyPortal

Offline Mr. Pedram

  • Full Member
  • ***
  • Posts: 542
  • Gender: Male
  • SMF MOD Developer
    • LinkinParkPersianFans on Facebook
    • @LPFans_Ir on Twitter
    • Linkin Park Persian Website
Re: Insidious II
« Reply #7 on: February 26, 2013, 04:27:34 PM »
Code: [Select]
.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:
● Buddies Block
● Redirect Links
● Birthdate On Registration
● PM Warning
● Instagram
● Add Table,Td,Tr Button
● Search Topic & Board Button
● Favorite Game Console
● Persian Time/Date for Header
Browse All...

Offline Arantor

  • SMF Friend
  • SMF Legend
  • *
  • Posts: 58,417
Re: Insidious II
« Reply #8 on: February 26, 2013, 04:39:17 PM »
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.

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,349
  • Master of BBC Abuse
Re: Insidious II
« Reply #9 on: February 26, 2013, 04:55:16 PM »
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.
President for life - Righteous League of GitHub Haterz

 "Seems brilliantly designed to match the intuitions of demented ferrets"

Offline Mr. Pedram

  • Full Member
  • ***
  • Posts: 542
  • Gender: Male
  • SMF MOD Developer
    • LinkinParkPersianFans on Facebook
    • @LPFans_Ir on Twitter
    • Linkin Park Persian Website
Re: Insidious II
« Reply #10 on: February 26, 2013, 05:22:16 PM »
Very interesting, never seen before
thanks for explain :)
My Modifications:
● Buddies Block
● Redirect Links
● Birthdate On Registration
● PM Warning
● Instagram
● Add Table,Td,Tr Button
● Search Topic & Board Button
● Favorite Game Console
● Persian Time/Date for Header
Browse All...

Offline Mr. Pedram

  • Full Member
  • ***
  • Posts: 542
  • Gender: Male
  • SMF MOD Developer
    • LinkinParkPersianFans on Facebook
    • @LPFans_Ir on Twitter
    • Linkin Park Persian Website
Re: Insidious II
« Reply #11 on: March 14, 2013, 04:53:42 PM »
My Modifications:
● Buddies Block
● Redirect Links
● Birthdate On Registration
● PM Warning
● Instagram
● Add Table,Td,Tr Button
● Search Topic & Board Button
● Favorite Game Console
● Persian Time/Date for Header
Browse All...

Offline 'Trax'

  • Jr. Member
  • **
  • Posts: 283
  • Gender: Male
    • @hostflare on Twitter
    • HostFlare
Re: Insidious II
« Reply #12 on: March 15, 2013, 10:12:14 AM »
@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
« Last Edit: March 15, 2013, 12:14:54 PM by 'Trax' »

Offline Mr. Pedram

  • Full Member
  • ***
  • Posts: 542
  • Gender: Male
  • SMF MOD Developer
    • LinkinParkPersianFans on Facebook
    • @LPFans_Ir on Twitter
    • Linkin Park Persian Website
Re: Insidious II
« Reply #13 on: March 15, 2013, 12:48:38 PM »
Quote
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!

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

My Modifications:
● Buddies Block
● Redirect Links
● Birthdate On Registration
● PM Warning
● Instagram
● Add Table,Td,Tr Button
● Search Topic & Board Button
● Favorite Game Console
● Persian Time/Date for Header
Browse All...

Offline Topperfalkon

  • Newbie
  • *
  • Posts: 6
Re: Insidious II
« Reply #14 on: March 17, 2013, 04:48:43 PM »
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.

Offline Topperfalkon

  • Newbie
  • *
  • Posts: 6
Re: Insidious II
« Reply #15 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.

Offline 'Trax'

  • Jr. Member
  • **
  • Posts: 283
  • Gender: Male
    • @hostflare on Twitter
    • HostFlare
Re: Insidious II
« Reply #16 on: March 18, 2013, 08:37:23 AM »
Quote
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!

Quote
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?

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

Not too sure what you are saying here?
« Last Edit: March 18, 2013, 08:50:40 AM by 'Trax' »

Offline Mr. Pedram

  • Full Member
  • ***
  • Posts: 542
  • Gender: Male
  • SMF MOD Developer
    • LinkinParkPersianFans on Facebook
    • @LPFans_Ir on Twitter
    • Linkin Park Persian Website
Re: Insidious II
« Reply #17 on: March 18, 2013, 09:25:36 AM »
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;
}

My Modifications:
● Buddies Block
● Redirect Links
● Birthdate On Registration
● PM Warning
● Instagram
● Add Table,Td,Tr Button
● Search Topic & Board Button
● Favorite Game Console
● Persian Time/Date for Header
Browse All...

Offline 'Trax'

  • Jr. Member
  • **
  • Posts: 283
  • Gender: Male
    • @hostflare on Twitter
    • HostFlare
Re: Insidious II
« Reply #18 on: March 18, 2013, 11:37:27 AM »
It should work without using direction: in the css, it does for me. But if that works for you than great :)

Offline Antechinus

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 22,349
  • Master of BBC Abuse
Re: Insidious II
« Reply #19 on: March 18, 2013, 05:16:22 PM »
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.
President for life - Righteous League of GitHub Haterz

 "Seems brilliantly designed to match the intuitions of demented ferrets"