News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

[Preview] Unplugged 2.1 theme

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

Previous topic - Next topic

Mick.

You cannot view this attachment.

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 view this attachment.

Mick.

Exploring darkness  8) 

You cannot view this attachment.

Mick.

#3
I'm slacking.

Swift demo: https://

..still in progress.

TwitchisMental

That is looking great Mick. 
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

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!
My SMF Themes - Remixed Breadcrumb Tutorial -
My SMF 2.1 Themes Demo
Need a Custom SMF Theme? Send me a message.

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.

#12
testing Youtube videos and Event calendar support 8)

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

You cannot view this attachment.

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 view this attachment.


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 view this attachment.

Mick.

Too bad Billboard100 API is dead.  :o

Mick.

I think I should stop adding stuff Hahahaha.

You cannot view this attachment.

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 view this attachment.

Mick.

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

You cannot view this attachment.

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.

#36
Color Changer is slick!

You cannot view this attachment. You cannot view this attachment. You cannot view this attachment. You cannot view this attachment. 

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: