• Welcome to Simple Machines Community Forum. Please login or sign up.

[Preview] Unplugged 2.1 theme

Started by Mick., October 21, 2021, 07:58:41 AM

Previous topic - Next topic

Mick.

You cannot see attachments on this board.

Mick.

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.

You cannot see attachments on this board.

Mick.

Exploring darkness  8) 

You cannot see attachments on this board.

Mick.

October 22, 2021, 05:46:22 PM #3 Last Edit: October 23, 2021, 08:35:30 AM by Mick.
I'm slacking.

Swift demo: https://

..still in progress.

TwitchisMental

That is looking great Mick. 

shadav

 :laugh: you are having entirely too much fun

Mick.

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


Mick.


TwitchisMental

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!

Mick.

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

gecitli

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>
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Mick.


Mick.

October 24, 2021, 09:08:02 AM #12 Last Edit: October 24, 2021, 10:32:52 AM by Mick.
testing Youtube videos and Event calendar support 8)

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

You cannot see attachments on this board.

gecitli

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.
http://www.webtiryaki.com
webmaster forumu
Free & Premium Responsive Themes for SMF.

Mick.

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

Mick.

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

You cannot see attachments on this board.


shadav

and again I say, you are having entirely too much fun  :laugh:
but this is looking awesome

Mick.

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.

Mick.

Added Soundcloud & Spotify Follow buttons and moved Event block below videos. Easy since I'm lit this afternoon.  :P

You cannot see attachments on this board.

Mick.

Too bad Billboard100 API is dead.  :o

Mick.

I think I should stop adding stuff Hahahaha.

You cannot see attachments on this board.

Antechinus

Lol. I remember times when I said that to myself. :D

(ETA: It never stopped me.)

Antechinus

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

Mick.

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

Mick.


Antechinus

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.

Mick.

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!

Mick.

I have to stay away from this theme. I'm not liking the color red. ::sigh:: I think I have designer rabies

shadav

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)

Mick.

I removed unwanted red.
Now, board_icons need a re-do.

You cannot see attachments on this board.

Mick.

Well well well. Not too bad in Green. I'm thinking I should add a simple color Switcher.

You cannot see attachments on this board.

Diego Andrés

Check how well it works with the curve color changer, you could just recommend it

SMF Tricks - Free & Premium Responsive Themes for SMF.

Mick.

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

Mick.

...but wait, Admins need to install that mod in order for this theme to change colors?

Diego Andrés


SMF Tricks - Free & Premium Responsive Themes for SMF.

Mick.

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.

Mick.

October 27, 2021, 06:18:34 PM #36 Last Edit: October 27, 2021, 10:06:21 PM by Mick.
Color Changer is slick!

You cannot see attachments on this board. You cannot see attachments on this board. You cannot see attachments on this board. You cannot see attachments on this board. 

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%)')
        )
    ),
);


Advertisement: