Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Previews => Topic started by: Mick. on October 21, 2021, 07:58:41 AM

Title: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 21, 2021, 07:58:41 AM
unplugged.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 21, 2021, 06:29:50 PM
This template is changing constantly. I added an MP3 player for the admin so he/she can promote whichever song track. You already seen the album covers at the footer linked to whatever page or topic.

Remember; all features have the option to show on front page and/or board index.

unplugged1.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 21, 2021, 11:19:01 PM
Exploring darkness  8) 

unplugged2.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 22, 2021, 05:46:22 PM
I'm slacking.

Swift demo: https://

..still in progress.
Title: Re: [Preview] Unplugged 2.1 theme
Post by: TwitchisMental on October 22, 2021, 09:09:17 PM
That is looking great Mick. 
Title: Re: [Preview] Unplugged 2.1 theme
Post by: shadav on October 22, 2021, 09:13:23 PM
 :laugh: you are having entirely too much fun
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 22, 2021, 09:26:40 PM
...and it looks fantastic using a portal. (Their article layouts are awesome)
You now have a website landing page when using any portal plus theme options and boom!  8)

A custom theme revolution has begun.

Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 23, 2021, 12:08:52 PM
Spotify Has a decent player with API

https://www.idesignsmf.com/dev-site2/index.php
Title: Re: [Preview] Unplugged 2.1 theme
Post by: TwitchisMental on October 23, 2021, 02:03:26 PM
Quote from: Mick. on October 23, 2021, 12:08:52 PMSpotify Has a decent player with API

https://www.idesignsmf.com/dev-site2/index.php
Okay that is pretty cool... You should make that a mod XD.

Keep up the good work!
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 23, 2021, 02:16:46 PM
Quote from: TwitchisMental on October 23, 2021, 02:03:26 PM
Quote from: Mick. on October 23, 2021, 12:08:52 PMSpotify Has a decent player with API

https://www.idesignsmf.com/dev-site2/index.php
Okay that is pretty cool... You should make that a mod XD.

Keep up the good work!
Thanx dude! but I don't write mods anymore. I think it has been 10yrs since lol
Title: Re: [Preview] Unplugged 2.1 theme
Post by: gecitli on October 24, 2021, 04:15:19 AM
Quote from: Mick. on October 23, 2021, 02:16:46 PM
Quote from: TwitchisMental on October 23, 2021, 02:03:26 PM
Quote from: Mick. on October 23, 2021, 12:08:52 PMSpotify Has a decent player with API

https://www.idesignsmf.com/dev-site2/index.php
Okay that is pretty cool... You should make that a mod XD.

Keep up the good work!
Thanx dude! but I don't write mods anymore. I think it has been 10yrs since lol

Hi you can do this with a simple query

{
global $smcFunc, $scripturl;
    $boards = array();
    $request = $smcFunc['db_query']('order_by_board_order', '
        SELECT b.id_board, b.name AS board_name, c.name AS cat_name
        FROM {db_prefix}boards AS b
            LEFT JOIN {db_prefix}categories AS c ON (c.id_cat = b.id_cat)',
        array(
        )
    );
    while ($row = $smcFunc['db_fetch_assoc']($request))
        $boards[] = $row['id_board'];
    $smcFunc['db_free_result']($request);
   
    $request = $smcFunc['db_query']('', '
    SELECT t.id_topic, m.subject, m.body
    FROM {db_prefix}topics AS t
    INNER JOIN {db_prefix}messages AS m ON (m.id_msg = t.id_first_msg)
    WHERE t.id_board IN ({array_int:boards})
    ORDER BY t.id_topic DESC
    LIMIT {int:limit}',
    array(
        'boards' => $boards,
        'limit' => 9,
        )
    );
    $topics = array();
    while ($row = $smcFunc['db_fetch_assoc']($request))
      $topics[] = array(
        'id_topic' => $row['id_topic'],
        'subject' => $row['subject'],
        'body' => $row['body'],
        'first_image'  => preg_match_all('~\[img.*?\]([^\]]+)\[\/img\]~i', $row['body'],  $images) ? '<img src="' . $images[1][0] . '" alt="' .  $row['subject'] . '" height="150" width="200" />      ' : '',
      );
    $smcFunc['db_free_result']($request);
    echo'<section class="container">
  <div id="carousel">';
    foreach ($topics as $topic)
    {
    if($topic['first_image'])
    {       
    echo ' <figure><a  href="', $scripturl, '?topic=', $topic['id_topic'], '.0">',  $topic['first_image'], '</a></figure>';
    }
    }
echo'  </div>
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 24, 2021, 07:46:43 AM
@gecitli
What's this for?
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 24, 2021, 09:08:02 AM
testing Youtube videos and Event calendar support 8)

https://www.idesignsmf.com/dev-site2/index.php

unplugged3.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: gecitli on October 24, 2021, 01:00:27 PM
Quote from: Mick. on October 24, 2021, 07:46:43 AM@gecitli
What's this for?
You have an Albums section, it takes pictures added here?

By the way, your theme is very nice.
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 24, 2021, 01:39:52 PM
Quote from: gecitli on October 24, 2021, 01:00:27 PM
Quote from: Mick. on October 24, 2021, 07:46:43 AM@gecitli
What's this for?
You have an Albums section, it takes pictures added here?

By the way, your theme is very nice.
Yes. I already have a slot for images for the admin. Thank you though
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 24, 2021, 03:27:57 PM
The Event Calendar has a bug so for now I added a few slots for admin to populate in theme options for the time being until SMF squash the bug.

Added tour dates to index  ;)

https://www.idesignsmf.com/dev-site2/index.php

unplugged5.jpg

Title: Re: [Preview] Unplugged 2.1 theme
Post by: shadav on October 24, 2021, 03:34:12 PM
and again I say, you are having entirely too much fun  :laugh:
but this is looking awesome
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 24, 2021, 03:41:05 PM
Quote from: shadav on October 24, 2021, 03:34:12 PMand again I say, you are having entirely too much fun  :laugh:
but this is looking awesome
Ha! I just got back from the pub after a few pints!  8)  I'm at it again.
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 24, 2021, 05:37:23 PM
Added Soundcloud & Spotify Follow buttons and moved Event block below videos. Easy since I'm lit this afternoon.  :P

unplugged6.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 24, 2021, 05:44:20 PM
Too bad Billboard100 API is dead.  :o
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 25, 2021, 11:01:53 AM
I think I should stop adding stuff Hahahaha.

unplugged7.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Antechinus on October 25, 2021, 03:44:00 PM
Lol. I remember times when I said that to myself. :D

(ETA: It never stopped me.)
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Antechinus on October 25, 2021, 03:49:48 PM
Hey it's looking really good, but try that CSS filter trick on the board icons. It works really well for lazy theming, when you want a better colour match and cbf'd making new icons. ;)

ETA: for the dark version, as a quick trial...
.board_on{
    filter: sepia(.75) hue-rotate(310deg) saturate(5);
}
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 25, 2021, 04:05:04 PM
Quote from: Antechinus on October 25, 2021, 03:49:48 PMHey it's looking really good, but try that CSS filter trick on the board icons. It works really well for lazy theming, when you want a better colour match and cbf'd making new icons. ;)

ETA: for the dark version, as a quick trial...
.board_on{
    filter: sepia(.75) hue-rotate(310deg) saturate(5);
}
I'll bite.

I don't mess with them icons since we got mods for that  :o
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 25, 2021, 04:06:37 PM
Holy cow! Check it out lol
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Antechinus on October 25, 2021, 04:11:50 PM
See? :D CSS filters are fun for this sort of thing. I use them heaps since I discovered them. Great for making lots of default icons less eye-burning on dark themes too.
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 25, 2021, 04:20:19 PM
Quote from: Antechinus on October 25, 2021, 04:11:50 PMSee? :D CSS filters are fun for this sort of thing. I use them heaps since I discovered them. Great for making lots of default icons less eye-burning on dark themes too.
Thanx for the hack! I dig it!
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 25, 2021, 06:28:27 PM
I have to stay away from this theme. I'm not liking the color red. ::sigh:: I think I have designer rabies
Title: Re: [Preview] Unplugged 2.1 theme
Post by: shadav on October 25, 2021, 08:02:15 PM
what about adding a pop of color with the news bars
helping with breaking up all of the red

something like
linear-gradient(to right, #eb3b5a, #307fc3, #269d35, #1c3478, #55121e)
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 26, 2021, 07:17:00 AM
I removed unwanted red.
Now, board_icons need a re-do.

unplugged8.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 26, 2021, 07:04:28 PM
Well well well. Not too bad in Green. I'm thinking I should add a simple color Switcher.

unplugged9.jpg
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Diego Andrés on October 26, 2021, 08:30:47 PM
Check how well it works with the curve color changer, you could just recommend it
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 26, 2021, 09:24:25 PM
Quote from: Diego Andrés on October 26, 2021, 08:30:47 PMCheck how well it works with the curve color changer, you could just recommend it
Oh dang, I didn't know about this. lol
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 26, 2021, 09:31:51 PM
...but wait, Admins need to install that mod in order for this theme to change colors?
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Diego Andrés on October 26, 2021, 09:40:02 PM
Well yes, if they want to
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 26, 2021, 10:00:47 PM
Quote from: Diego Andrés on October 26, 2021, 09:40:02 PMWell yes, if they want to
I can work with that. I'll add it to the theme description if they wish to use it.
I'm testing it now.
Title: Re: [Preview] Unplugged 2.1 theme
Post by: Mick. on October 27, 2021, 06:18:34 PM
Color Changer is slick!

unplugged11.jpg unplugged10.jpg unplugged12.jpg unplugged13.jpg 

Here's my setup.
    // Color Switcher
    $settings['color_changes'] = array(
    'primary_color' => array(
        array(
            'elements' => '.amt, .dropmenu li a.active, #top_info li a.active, #top_info > li > a:hover, #top_info > li:hover > a, #top_info > li > a.open, .dropmenu li a:hover, .dropmenu li:hover a, .dropmenu li a:focus, .button.active, .button.active:hover, .news2, .row-album, .project .overlay, .title_bar, .go-top, .menu li a:hover, .menu li:hover > a, .menu ul li a:hover, .menu ul li:hover > a, .hero-button',
            'properties' => array('background', 'border-color')
        ),
        array(
            'elements' => 'a, .bbc_link, .code, .top_links a:hover, .footer_article ul li a:hover, #footer a:hover, .current_page, .news3 h2, .page_number, blockquote cite::before, .forumtitle i',
            'properties' => array('color')
        ),
        array(
            'elements' => 'a:hover, .bbc_link:hover',
            'properties' => array('color' => '#fff')
        ),
        array(
            'elements' => '.hero-button:hover',
            'properties' => array('background', 'border-color')
        ),
    ),
    'gradient_start' => array(
        array(
            'elements' => '.news2, .news3, .title_bar',
            'properties' => array('background-image' => 'linear-gradient(to right, transparent 0%, {color} 70%)')
        )
    ),
);