ElkArte Community

Extending Elk => Custom Themes => Topic started by: ahrasis on October 18, 2014, 03:16:58 am

Title: [Theme] FaceIt
Post by: ahrasis on October 18, 2014, 03:16:58 am
Theme is updated and released.[1]

Version 1.0.0.

Free license. Feel free to modify according to your own needs.

https://github.com/ahrasis/FaceIt/releases/tag/FaceIt100
I thought I released it already.  :D
Title: Re: [WIP] FaceIt
Post by: Mstcool on October 18, 2014, 03:18:50 am
Very nice :)
Title: Re: [WIP] FaceIt
Post by: ahrasis on October 18, 2014, 03:38:09 am
This WIP is viewable at http://x-mans.sch.my. Still editing the css though...

And moving menu to the right trick/tip is by emanuale here: http://www.elkarte.net/community/index.php?topic=2129.0
Title: Re: [WIP] FaceIt
Post by: emanuele on October 18, 2014, 05:13:16 am
Very nice!

I was going to suggest to remove the "collapse" button visible in the images, but I see you already removed it from the site. :D
Title: Re: [WIP] FaceIt
Post by: meetdilip on October 18, 2014, 07:40:36 am
Nice that we are getting more themes. Thanks @ahrasis . :)
Title: Re: [WIP] FaceIt
Post by: Mstcool on October 18, 2014, 04:27:17 pm
It doesn't look like a Facebook knockoff on a mobile tho. :P
Title: Re: [WIP] FaceIt
Post by: Spuds on October 18, 2014, 07:07:18 pm
Nice work, keep having fun :D
Title: Re: [WIP] FaceIt
Post by: ahrasis on October 18, 2014, 10:11:53 pm
Thanks for the feedback guys.

Quote from: Mstcool – It doesn't look like a Facebook knockoff on a mobile tho. :P

It is FaceIt not Facebook.  :D
Title: Re: [WIP] FaceIt
Post by: Mstcool on October 18, 2014, 10:55:20 pm
True but the desktop theme looks like facebook so thats what I was referring to. But good job though! :D
Title: Re: [WIP] FaceIt
Post by: ahrasis on October 18, 2014, 11:29:39 pm
Anything is possible. But I am still confused on how the to change the admin menu and sub menu as well as the button. Jquery stuffs seem clouding the css stylings. First I need to disable them in my custom css.

Edited: No need to do that.
Title: Re: [WIP] FaceIt
Post by: ahrasis on December 18, 2014, 11:24:02 pm
Updated.
Title: Re: [WIP] FaceIt
Post by: meetdilip on December 19, 2014, 07:40:21 am
Thanks @ahrasis :thumbsup:
Title: Re: [BETA] FaceIt
Post by: ahrasis on January 10, 2015, 02:55:09 am
Beta release of Face It theme. :P
Title: Re: [BETA] FaceIt
Post by: emanuele on January 10, 2015, 05:23:47 am
Good! :D
Title: Re: [BETA] FaceIt
Post by: meetdilip on January 10, 2015, 06:44:43 am
Great @ahrasis
Title: Re: [Theme] FaceIt
Post by: ahrasis on July 06, 2015, 09:43:03 pm
Finally releasing this theme. Can someone add it to the theme site? Thanks.
Title: Re: [Theme] FaceIt
Post by: Burke Knight on July 06, 2015, 10:03:28 pm
http://www.elkarte.net/community/index.php?topic=2330.0
Title: Re: [Theme] FaceIt
Post by: ahrasis on July 06, 2015, 10:41:49 pm
Thanks. PR submitted. Hopefully, I did it right. :)
Title: Re: [Theme] FaceIt
Post by: Spuds on July 07, 2015, 07:25:39 am
Thank you for the theme submission :D Its all merged .. only had to rename the base file name.
Title: Re: [Theme] FaceIt
Post by: ahrasis on November 08, 2015, 09:45:26 pm
I haven't gone through with this theme after various ElkArte versions. I think somewhere since 1.0.2. If you want the same home button in the linktree as in the current ElkArte version, simply copy the linktree code in ElkArte default index.template.php and replace the one in FaceIt index.template.php.
Title: Re: [Theme] FaceIt
Post by: Antechinus on June 03, 2016, 08:26:14 pm
Just noting that the zip that is currently on the theme site is zipped one level too far down. IOW, the theme folder was zipped instead of the theme folder contents. ;)
Title: Re: [Theme] FaceIt
Post by: ahrasis on June 05, 2016, 05:23:45 am
Thanks. I haven't review it for quite some times but I will try to see about that soon.
Title: Re: [Theme] FaceIt
Post by: Jorin on June 06, 2016, 03:46:40 am
I really like the 3D effect of the active buttons, the text with the shadow! Can you give me a CSS example for it? Could give it a try with my theme, if you allow it. O:-)
Title: Re: [Theme] FaceIt
Post by: ahrasis on June 08, 2016, 11:09:29 am
Quote from: Jorin – I really like the 3D effect of the active buttons, the text with the shadow! Can you give me a CSS example for it? Could give it a try with my theme, if you allow it. O:-)

I think I forgot almost everything about it. I guess you just have to install it and check its related css. Feel free to do whatever you want with it.

Edited: Inspecting it just now, I think the color is simple white #fff; and the link is text-shadow: 1px 1px 1px #000; is making the word look like a 3D plus bolder word and darker background for the active button.
Title: Re: [Theme] FaceIt
Post by: Jorin on June 09, 2016, 01:09:12 am
Thank you!
Title: Re: [Theme] FaceIt
Post by: Antechinus on June 09, 2016, 01:23:21 am
You can also use something like 1px 1px 0 #*** if you want a sharper shadow effect on text. The zero is just blur radius.

Tends to look best on heavier text, unless the shadow isn't a lot different to the background.
Title: Re: [Theme] FaceIt
Post by: ahrasis on December 24, 2017, 11:03:39 pm
I will try to upgrade this theme for 1.1 soon.
Title: Re: [Theme] FaceIt
Post by: ahrasis on December 26, 2017, 06:21:13 am
The work is in progress, viewable at https://sahabat.ahrasis.com.

Basically done in custom_face11.css created using the latest cnve addon, then via default theme copy, and followed by modifying it accordingly.

The index.template.php is slightly modified but the main css changes are all viewable at https://sahabat.ahrasis.com/themes/face11/css/_face11/custom_face11.css.

Hopefully I could finish before 2018.