ElkArte Community

Extending Elk => Custom Themes => Topic started by: meetdilip on September 21, 2014, 01:29:08 pm

Title: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on September 21, 2014, 01:29:08 pm
Ok, another Bootstrap theme and I plan to spend more time on this. Will try to work on more pages and areas on Meet Bootstrap theme. This is where I have got so far

-- Update --

# Powered by Twitter Bootstrap Framework

# Awesome icons by Font Awesome

# Responsive ( mobile / tablet friendly )

(http://www.elkarte.net/community/index.php?action=dlattach;topic=2049.0;attach=2308;image)

Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Mstcool on September 21, 2014, 08:40:33 pm
Nice theme.  How do you connect the theme with the file codes? I mean like I ain't no pro coder,  I'm just a beginner. So if I make a theme using html,  how can I make it so it works as a forum theme?
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on September 21, 2014, 09:06:35 pm
Nice theme.  How do you connect the theme with the file codes? I mean like I ain't no pro coder,  I'm just a beginner. So if I make a theme using html,  how can I make it so it works as a forum theme?

Thanks. I am planning to refer " Be Cool " theme from ElkArte Studio on which we used similar template using Bootstrap.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Mstcool on September 22, 2014, 06:26:36 am
Alright, can you explain what you are doing though because I want to create a theme as well. :)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on September 22, 2014, 03:54:17 pm
@Mstcool , please use this guide

http://adminforum.in/index.php?/topic/148-guide-how-to-make-a-bootstrap-3-theme-from-scratch-simple-method/
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Mstcool on September 23, 2014, 07:22:06 am
Alright, ill look at it later on in the week. I saw that post before but now I fully understand it, thanks for making that post! :)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on September 23, 2014, 02:27:35 pm
You are welcome :)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: CrimeS on September 23, 2014, 07:25:59 pm
The theme looks similar to the BeCool! You could use BeCool! to code this as the layout is similar, just changing the css.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on September 23, 2014, 07:34:44 pm
I am planning to add more elements on this one. Just stuck with some real life commitments.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: P2P on October 07, 2014, 09:21:19 pm
Nice theme ;)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: ahrasis on October 08, 2014, 07:38:38 pm
Nice... I am looking forward for this theme.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 25, 2014, 03:23:51 am
Updated the files to BootStrap 3.3.1 . @CrimeS has kindly helped us with a GitHub repo at https://github.com/CrimeS/MeetBoot-ElkArte
It needs an update to 3.3.1 files though.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: CrimeS on December 25, 2014, 02:17:43 pm
I don't really see changes between those two versions. Please add more essential elements, such as buttons.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 27, 2014, 11:14:35 am
Started working on topic page (page.html) and added info center at bottom of home page

Attaching progress so far
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 27, 2014, 03:23:25 pm
Post Info almost done. Revamped Index page. Thank to my friend Sreedhar for help. Attaching the file and screenshots.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Spuds on December 27, 2014, 06:35:08 pm
Starting to take some real shape now ... very cool  8)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 27, 2014, 06:49:46 pm
Thank you @Spuds
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Mstcool on December 27, 2014, 10:49:55 pm
Well done!


However, the text in the info center don't look aligned. :P
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 28, 2014, 02:33:31 am
I know :D
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 28, 2014, 02:33:59 am
Thanks @Mstcool :)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 28, 2014, 03:49:08 am
Some housekeeping ..


Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: CrimeS on December 28, 2014, 11:13:48 am
/me is wondering if we can split the buttons, so different colours could be used.

Anyone  wants to undertake the topic part?
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on December 28, 2014, 01:01:47 pm
We can give any colour to those buttons. Let me know which one you are referring.
I will attend the topic area soon.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Mstcool on December 31, 2014, 05:16:45 pm
Anytime
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: emanuele on January 02, 2015, 09:25:53 pm
Very nice! :D
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: live627 on February 27, 2015, 02:11:07 am
Is it just me, or is the la,test zip archive (rev 6) incomplete? I only see the Bootstrap folder...

Edit: Found files on GitHub.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Allan on February 28, 2015, 02:48:47 am
@meetdilip is there a way to move the postbit info to the default left side of the post?
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 02, 2015, 09:49:22 am
Yes @Allan . Possible. You could simply put the required code within the Panel which define the post. Or with the current file, you could set dimension so that it is resized to take the left or right as you might like :)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 13, 2015, 07:45:04 am
Working on topic listing. Thought will give you a teaser  ;)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 13, 2015, 09:02:54 am
An update
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Jorin on March 13, 2015, 09:20:23 am
Lovely!  O:-)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 13, 2015, 09:44:27 am
The UI is almost complete. Will try to refine things if needed. Please find the zip attached.

Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 13, 2015, 09:54:13 am
Lovely!  O:-)

Thanks @Jorin  O:-)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 15, 2015, 05:50:17 pm
Working on Poll elements
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: Spuds on March 15, 2015, 06:50:18 pm
loving the progress reports :D
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 16, 2015, 02:22:09 am
Thank you @Spuds  :)

Here is the latest with Poll included
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 16, 2015, 04:44:56 am
]Board page with avatars (  Responsive )

(http://www.elkarte.net/community/index.php?action=dlattach;topic=2049.0;attach=2302;image)

Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: emanuele on March 16, 2015, 03:51:43 pm
Nice job!
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 17, 2015, 11:58:24 am
Thanks @emanuele :)
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: ahrasis on March 20, 2015, 12:17:11 pm
Wow! This is looking great... Good job.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: CrimeS on March 20, 2015, 12:53:48 pm
Great to see your project expanding. Feel free to edit code in the GitHub (https://github.com/CrimeS/MeetBoot-ElkArte) repo I created for this theme. Currently I've no time to engage in this project.
Title: Re: [WIP] Meet Bootstrap Theme for ElkArte
Post by: meetdilip on March 22, 2015, 12:06:11 pm
Thanks @ahrasis  :)

@CrimeS

Thanks. Will try :)