The non-official "eFront 3.6 theme" thread

Suggestions, General Discussion and Feature Requests about eFront

What is your favorite 3.6 theme?

default
17
44%
blue
10
26%
green
3
8%
IE6
2
5%
mobile
3
8%
custom (share details below)
4
10%
 
Total votes : 39

Re: The non-official "eFront 3.6 theme" thread

Postby y.sulistya » Thu Dec 09, 2010 9:51 am

Looking excited with the new blue_html5 theme from papagelis. Here a little improvement to more smoothing the UI with CSS3 coding:

input area on focus:
Code: Select all
/*Form elements and form element holders*/
input,select,textarea {
border:1px solid #BBBBBB;
background:/*#DAE2E9*/ #FFFFFF;
font-size:12px;
font-weight:bold;
font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input:focus,select:focus,textarea:focus {
background-color:#FFFFE6;
border:2px solid #4393bd;
box-shadow:0 0 10px #4393bd;
-o-box-shadow:0 0 10px #4393bd;
-webkit-box-shadow:0 0 10px #4393bd;
-moz-box-shadow:0 0 10px #4393bd;
}

Image

flatbutton on hover:
Code: Select all
input.flatButton,button.flatButton {
padding:5px 30px 5px 30px;
font-weight:bold;
color:#FFFFE6;
border: 1px solid #2a4562;
background-color: #6caee0;
border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow:2px 2px 2px #000;
box-shadow: inset 0 -15px #4393bd;
-o-box-shadow: inset 0 -15px #4393bd;
-webkit-box-shadow: inset 0 -15px #4393bd;
-moz-box-shadow: inset 0 -15px #4393bd;
}
input.flatButton:hover,button.flatButton:hover {
color:#000000;
border: 1px solid #2a4562;
background-color:#feffb4;
box-shadow: inset 0 -15px #f4f667;
-o-box-shadow: inset 0 -15px #f4f667;
-webkit-box-shadow: inset 0 -15px #f4f667;
-moz-box-shadow: inset 0 -15px #f4f667;
}

Image

icondata on hover:
Code: Select all
div.block table.iconTable td.iconData:hover{
background-color:#B6F9FF;
border: 0px solid #2A4562;
border-radius:6px;
-o-border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
-o-box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
-webkit-box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
-moz-box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
}

Image
Blessings & Peace,
Yudi Sulistya

---
Database administrator & programmer at Faculty of Psychology • Airlangga University
Programmer at Cyber Campus • Airlangga University
Need personal help? contact me : yudi.sulistya[at]gmail.com
User avatar
y.sulistya
 
Posts: 717
Joined: Mon Apr 13, 2009 12:02 pm
Location: Surabaya, Indonesia

Re: The non-official "eFront 3.6 theme" thread

Postby papagel » Thu Dec 09, 2010 11:13 am

Nice additions Yudi!

I'll play a bit with them and extend the blue_html5 theme for future releases.
eFront- eLearning and Skill Development Solution for Companies and Educational Institutes
User avatar
papagel
 
Posts: 1568
Joined: Wed Oct 03, 2007 5:07 pm

Re: The non-official "eFront 3.6 theme" thread

Postby y.sulistya » Sat Dec 11, 2010 10:35 am

papagel wrote:Nice additions Yudi!

I'll play a bit with them and extend the blue_html5 theme for future releases.


Papagel, I have build a theme based on CSS3 for the contest before, unfortunately I could not finish it before the deadline submission :D . The CSS script above are a part of my theme. In my opinion, the CSS3 could increase page speed significantly, we can build a UI effect without to load much images. I believe you can do better ;)

Here is addition to change the pointer into hand appear when the flatbutton class on hover:
Code: Select all
cursor:pointer;

Have a nice day!
Blessings & Peace,
Yudi Sulistya

---
Database administrator & programmer at Faculty of Psychology • Airlangga University
Programmer at Cyber Campus • Airlangga University
Need personal help? contact me : yudi.sulistya[at]gmail.com
User avatar
y.sulistya
 
Posts: 717
Joined: Mon Apr 13, 2009 12:02 pm
Location: Surabaya, Indonesia

Re: The non-official "eFront 3.6 theme" thread

Postby palmpilot » Tue Feb 01, 2011 4:32 pm

I sat for a little today not being that great with CSS myself personally trying to get this to work with the default theme, I really loved just the light enhancements it gave my custom logos and etc /theme colors, could some polite person take the default CSS and implement this all to work with it? If not ALL, just the form glow when field input area, and glow over button? Thanks, oh and love the new Efront!








by y.sulistya » Thu Dec 09, 2010 9:51 am

Looking excited with the new blue_html5 theme from papagelis. Here a little improvement to more smoothing the UI with CSS3 coding:

input area on focus:
CODE: SELECT ALL
/*Form elements and form element holders*/
input,select,textarea {
border:1px solid #BBBBBB;
background:/*#DAE2E9*/ #FFFFFF;
font-size:12px;
font-weight:bold;
font-family:Trebuchet MS,verdana,geneva,arial,helvetica,sans-serif;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input:focus,select:focus,textarea:focus {
background-color:#FFFFE6;
border:2px solid #4393bd;
box-shadow:0 0 10px #4393bd;
-o-box-shadow:0 0 10px #4393bd;
-webkit-box-shadow:0 0 10px #4393bd;
-moz-box-shadow:0 0 10px #4393bd;
}



flatbutton on hover:
CODE: SELECT ALL
input.flatButton,button.flatButton {
padding:5px 30px 5px 30px;
font-weight:bold;
color:#FFFFE6;
border: 1px solid #2a4562;
background-color: #6caee0;
border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow:2px 2px 2px #000;
box-shadow: inset 0 -15px #4393bd;
-o-box-shadow: inset 0 -15px #4393bd;
-webkit-box-shadow: inset 0 -15px #4393bd;
-moz-box-shadow: inset 0 -15px #4393bd;
}
input.flatButton:hover,button.flatButton:hover {
color:#000000;
border: 1px solid #2a4562;
background-color:#feffb4;
box-shadow: inset 0 -15px #f4f667;
-o-box-shadow: inset 0 -15px #f4f667;
-webkit-box-shadow: inset 0 -15px #f4f667;
-moz-box-shadow: inset 0 -15px #f4f667;
}



icondata on hover:
CODE: SELECT ALL
div.block table.iconTable td.iconData:hover{
background-color:#B6F9FF;
border: 0px solid #2A4562;
border-radius:6px;
-o-border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
-o-box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
-webkit-box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
-moz-box-shadow: 0 1px 5px #0061AA, inset 0 10px 20px #99CCFF;
}


Blessings & Peace,
Yudi Sulistya

y.sulistya

Posts: 136
Joined: Mon Apr 13, 2009 12:02 pm
Location: Surabaya, Indonesia
palmpilot
 
Posts: 28
Joined: Wed Dec 22, 2010 10:17 pm

Re: The non-official "eFront 3.6 theme" thread

Postby palmpilot » Tue Feb 01, 2011 4:35 pm

I think I was inserting it wrong, think I got the glowing buttons on form input to work, aweeesome, now just checking what the other features are like if they work.. will respond soon thanks guys!
palmpilot
 
Posts: 28
Joined: Wed Dec 22, 2010 10:17 pm

Re: The non-official "eFront 3.6 theme" thread

Postby gamusinox » Thu Feb 17, 2011 1:46 pm

Fantastic job y.sulistya.

You´ve given me several ideas.

I´m playing with CCS3 and blue_html5 theme in my Efront platform but I haven´t finished yet.
At the moment is optimized only for Firefox.
Can take a look at http://aula.tutoresoposiciones.com

As soon as he has finished it off I will share it with the efront community
User avatar
gamusinox
 
Posts: 11
Joined: Mon May 31, 2010 7:01 am

Re: The non-official "eFront 3.6 theme" thread

Postby Setvir » Tue Feb 19, 2013 11:46 am

I am sorry if this has been asked before. I have searched the forum but can not find a similar discussion.
I have a new installation of efront installed. (twice)
All the file permissions have been checked and showed correct when installes.
I am trying to change from the default install theme to the modern theme, but the colors etc stay the same.
I have also tried to load other themes, but this also fails. The layout changes, but the colors stay exactly the same.

I have checked the file permissions in admin/maintenance and the theme folder shows as not writable. Cheked the permissions and chmodded to 0777. Still shows up as not writable. Tried this from the cpanel file manager and ssh-ing to the server.

Anyone have an clue what to do here?
Setvir
 
Posts: 13
Joined: Tue Nov 06, 2012 11:22 am

Re: The non-official "eFront 3.6 theme" thread

Postby elpapath » Tue Feb 19, 2013 11:57 am

Hello,

Can you describe the steps that you follow while changing the theme?
Can you also send a screenshot describing the problem?

Regards,
Eleftheria
elpapath
 
Posts: 786
Joined: Wed Jun 18, 2008 9:25 am

Re: The non-official "eFront 3.6 theme" thread

Postby millahjovich01 » Wed Jul 20, 2016 11:13 am

I personally prefer the "Blue" theme and will create a custom theme as a variation of it.

I prefer the breadcrumb style navigation as my users are more familiar with it then the sidebar sidebar style navigation of the default theme.
millahjovich01
 
Posts: 4
Joined: Tue Jul 19, 2016 11:34 am

Previous

Return to eFront

Who is online

Users browsing this forum: Bing [Bot] and 3 guests

cron