Link to the theme (http://custom.simplemachines.org/themes/index.php?lemma=2332)
(http://custom.simplemachines.org/themes/index.php/action,download/lemma,2332/image,thumb)
Very clean and modern
SMF theme with orange colors and gradients.
==> http://www.jpr62.com/demos/
&
==> Alternative Theme Support (http://www.jpr62.com/theme/index.php) ..if needed ...
Another nice one bro. As you know I can only see it using IE on your theme site but one thing that I would consider would be changing the look of the active button in the nave menu. It doesn't quite blend in with the rest of the menu. Other than that, excellent job. ;)
t/y
... True , i tried 3 or 4 but i'll keep looking for one.
Maybe use all three menu images like you do for the span of the menu? Maybe something like these? But of course they will need to be coded in and renamed to be used as active.
;)
wow!
..thanks bro -- not sure I can do it though , might try?
I will work on it on my test site and let you know how it turns out. ;)
Maybe something like one of these? ;)
T/Y G1,
------- I really like the one in the 1st shot , how can i get that?
My first idea didn't go as planned so I tried something different.
Add the image in attachment to the images/id folder and in index.css change this:
#nav li a.active {
background: url(../images/id/chosen.gif) repeat-x;
margin-left: -2px;
display: block;
color: orange;
font-weight: 900;
}
#nav li a:hover, #nav li:hover a, #nav li.sfhover a {
background: none;
color: #ddd;
text-decoration: none;
}
#nav li:hover li a, #nav li ul li a:hover {
color: #fff;
background: #E4620E;
}
To this:
#nav li a.active {
background: url(../images/id/nav_active.png) 0 50% no-repeat;
color: #000;
}
#nav li a.active span {
background: url(../images/id/nav_active.png) 100% 50% no-repeat;
}
#nav li a:hover, #nav li:hover a, #nav li.sfhover a {
background: none;
color: #ddd;
text-decoration: none;
}
#nav li:hover li a, #nav li ul li a:hover {
color: #ccc;
background: #E4620E;
}
:)
Thanks bro ,
trying it now. :P
I have a problem using your theme
http://www.simplemachines.org/community/index.php?topic=420131.0
I always get the message
QuoteUnable to load the 'main_above' template
Your site is running SMF 1.1.12. The theme is for SMF 2.0 rc4. ;)
1.1.12
See my last post. I edited before you posted. ;)
Oh i see. Thanks.
Quote from: Crip on February 01, 2011, 11:51:45 AM
Thanks bro ,
trying it now. :P
Just wondering how this worked out for you Crip. I also noticed a small glitch on my test site. There doesn't seem to be a Logout option with this theme. ;D
..yeah , just increase Theme Width .. √√
Quote from: Crip on February 03, 2011, 01:45:27 PM
..yeah , just increase Theme Width .. √√
You would think that if the width was too narrow then it would push extra menu items to a second line? I have a few test buttons that were in the way. Anyway, that seemed to have worked. ;)
you know it bro' .. better than me Lol . :D
I have noticed some problems — see screenshot.
Fix 1: in index.template.php find
echo ' »';
and replace with
echo ' »';
Fix 2: in index.css add
#nav li ul {width: 250px;}
#nav li li {width: 250px;}
Quote from: Bugo on February 08, 2011, 12:26:45 PM
I have noticed some problems — see screenshot.
Fix 1: in index.template.php find
echo ' »';
and replace with
echo ' »';
Fix 2: in index.css add
#nav li ul {width: 250px;}
#nav li li {width: 250px;}
Correct you are , thanks for posting the fix for other users
Note Updated RC5
I want my forum logo 100% covering the dark brown header area can somebody tell me what to edit in index.css to cover the logo 100%?
Also I have wonderful left, right and footer templates I want to replace with the existing grey color background. Can somebody tell me what php files I have to replace and what to edit in css please?
Love the theme! How would i go about removing the "Epic" logo?
Upload a logo named logo.png to the folder named id inside the themes images folder - epic/images/id
The logo on the theme is 113px wide by 70px high so make yours the same size otherwise you will have to adjust the css as these sizes are set in the css for the theme (index.css) but adjusting that may cause issues with the header area of the theme.
THANKS!!!
Great Theme Crip, well done ;D
i cant change the "logo" ... :L
any idea how to change it ?
(i'm new to smf)
css/index.css Find:
/* logo / slogan
**********************************/
#logo a {
position: absolute;
top: 30px;
left: 1.5em;
display: block;
width: 113px !important;
height: 70px !important;
cursor: pointer;
background: url(../images/id/logo.png) no-repeat;
}
===========>
Although I've modified the background so that the forum suits my website, I really like your theme (as well as Epic Orange) because it's so simple, elegant and clear for navigation. By the way, I really like the user's area being in the top right corner.
Here's my forum, in case you are interested in seeing its look with my background and few other minor changes --> http://www.ajwan.net/smf-forum/index.php
One little thing I'm not in favour of is that the links are not visible (same color, same style, as non link text). Personally, I find it important to always have visible links on any web page, even when not hovered. It's solved for me, I myself made the links orange (and left them underlined when hovered) but I thought I'd share this little feedback.
Thanks very much for this theme, Crip
Fran
Looks nice, ;)
.. unfortunately it's hard to please everyone.
Crip, when using the tag "code" in messages, the the text that is displayed in the code box is too grey and to small for me ; I can hardly read it. So I'd like to change font-size and color.
I guess I should do that in the index.css of the theme but in there, I can't find the proper class or div ID (or whatever other stuff I should find)... Could you enlighten me ?
Thanks in advance,
Fran
Like a PM >? > or on the Forum >>?
-----------------------------------------
I'll check that ASAP!
Okay,
Find this in ./css/index.css ..
/* A code block - maybe even PHP ;). */
code
{
display: block;
color: #666;
background: #fff;
padding: 10px;
border-left: solid 3px #555555;
white-space: nowrap;
overflow: auto;
min-height: 3em;
}
===> Change it Like:::
/* A code block - maybe even PHP ;). */
code
{
display: block;
font-size: 9pt; //* = or whatever *//
color: #333; //* = or whatever *//
background: #fff;
padding: 10px;
border-left: solid 3px #555555;
white-space: nowrap;
overflow: auto;
min-height: 3em;
}
Gosh, I had tried that but I trusted that the Preview would show me the change, which it did not. (Is that normal?)
Anyway, now I did it again and saved and yes, it works.
Thanks for swift response, Crip :)
Fran
prolly just needed a Refresh ..?
What is the name of the font you used on the logo Epic? also can you make one for me saying The Dev Code?
Quote from: arnem on November 10, 2012, 05:00:32 PM
What is the name of the font you used on the logo Epic? also can you make one for me saying The Dev Code?
Font is called
Futura , & no I can't make you one..
Crip, could you bring me a croissant and a coffee with milk ? ;) (sorry I couldn't resist)
Lol ;D
I like this theme, but the orange bit has a gap between black header and forum's menu, it takes space while there's nothing there and that's unfortunate, because it's inefficient space usage.
I'd need to see a Screenshot before i can say anything about it??
Quote from: Crip on December 01, 2012, 03:48:22 PM
I'd need to see a Screenshot before i can say anything about it??
It's also on your screenshot. I mean it's not a bug. There's the black header then the orange bit (that I meant by a gap) and a forum's menu. But that looks nice, I suppose, even though not very utilitarian.
Hello CRIP. :)
How can I change the header's width and height????
I want it to be width 100% and height 20%......
Also how to put custom logo header on it? What files to edit.
Anyway... This theme is awesome! Hope you make more orange themes! :D
Hey Crip having used your themes for sometime now i have edited this theme to suit my needs, but i have come across and issue whilst testing, i don't have the answer so i hope you can help.
When i use the moderation nav link the following appears, any ideas?
Quote from: Hardcase on December 30, 2012, 02:18:14 PM
Hey Crip having used your themes for sometime now i have edited this theme to suit my needs, but i have come across and issue whilst testing, i don't have the answer so i hope you can help.
When i use the moderation nav link the following appears, any ideas?
..Yup , either the
font-size: / or menu width: = it'd be right here to change::::::::
#nav li li {
width: 200px;
height: auto;
padding: 0;
}
#nav li li a, #nav li li a:hover, #nav li li a, #nav a.active li a, #nav li:hover li a, #nav li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 12px;
color: #FFF;
}
#nav li ul {
background: #202020;
position: absolute;
width: 200px;
left: -999em;
margin-left: -1px;
}
CHANGE IT TO APPEAR LIKE BELOW:;;;------------------------------------------------------------->
#nav li li {
width: 210px; < <<=================SEE=================>
height: auto;
padding: 0;
}
#nav li li a, #nav li li a:hover, #nav li li a, #nav a.active li a, #nav li:hover li a, #nav li.sfhover li a {
background: none;
height: 30px;
line-height: 30px;
margin: 0;
font-weight: normal;
text-transform: none;
font-size: 0.9em; << < <=================SEE=================>
color: #FFF;
}
#nav li ul {
background: #202020;
position: absolute;
width: 210px; << < <=================SEE=================>
left: -999em;
margin-left: -1px;
}
Should fix the overlap.
Once again Sir you have enlightened me and aided me, that solved the problem.
As a little side note i left your < <<=================SEE=================> and this made everything appear although overlapped, but it give me a giggle at my stupidity ;D
Glad it's sorted now. ;)
http://community.bugbeargames.com/index.php
Thanks very much for this theme, Crip
-Mika
Quote from: schneizel57 on December 13, 2012, 12:03:09 AM
Hello CRIP. :)
How can I change the header's width and height????
I want it to be width 100% and height 20%......
Also how to put custom logo header on it? What files to edit.
Anyway... This theme is awesome! Hope you make more orange themes! :D
I'm a newbie to SMF and was looking for a clean modern theme and Epic is perfect!
I saw someone asked about the header but I didn't find an answer.
I just need to know how to put my logo in place of Epic in the header. Can I do it through SMF admin or do I need to upload in my file manager?
Thanks for you help!
SerendipityRose
QuoteI'm a newbie to SMF and was looking for a clean modern theme and Epic is perfect!
I saw someone asked about the header but I didn't find an answer.
I just need to know how to put my logo in place of Epic in the header. Can I do it through SMF admin or do I need to upload in my file manager?
Thanks for you help!
SerendipityRose
====================
ok ,
upload your logo via Ftp:// to the same/ place/ Epic/logo.png is and ADD YOUR = WIDTH = HEIGHT in the [ css/index.css ]
then clear your browsers cookies / cache .. Command + R should show then..the header is small so...
Hello Crip, i use your theme, but i have some problems...
I uploaded some mods via Package manager and the result is:
- Favicon - in other themes this functioning, but on Epic no
- In SMF Core appear on new posts that "new"orange button, but on Epic no (its like the button not exist) if i use other language
- Reputation Power instaled but the image not appear
- Advanced Referal sistem not work
Can you help me to fix this problems ?
Thank you
L.E: I resolved problem with that "new" orange button. I created a folder romanian-utf8 and a copyed from english .png and index.php, now seems work fine :)
Glad you sorted it..
ok, seems majority image that is not appearad automaticaly in your theme , we can manage in mode that we just making folders and copy/paste from default theme...
But CRIP, what about: advanced referal sistem and favicon ?
With this can you help me ? This not work in any language !
I'm sure your Right sir, but on my demo-site there is NO problems @ [ all ] => so what can i say? => your favicon should show if you stick it in /public_html/ ..
====================================================================================================>
Quote from: TrueZone on September 23, 2013, 06:50:11 AM
ok, seems majority image that is not appearad automaticaly in your theme , we can manage in mode that we just making folders and copy/paste from default theme...
But CRIP, what about: advanced referal sistem and favicon ?
With this can you help me ? This not work in any language !
OK mister, i saw it that Advanced Refferal system it-s uploading just in default... you need to fix that if you can, because i think, other mods are same problems with your theme. Or we can manualy modifying some files...hmm that is not ok...not ok
Well what do you say ? Tell me, you know something , what I don`t know ? or is just the only mode ?
kid listen => i will check it out Ok!....or i could say F**** off , but i ant like that Yet.
Quote from: TrueZone on September 23, 2013, 07:48:48 AM
OK mister, i saw it that Advanced Refferal system it-s uploading just in default... you need to fix that if you can, because i think, other mods are same problems with your theme. Or we can manualy modifying some files...hmm that is not ok...not ok
Well what do you say ? Tell me, you know something , what I don`t know ? or is just the only mode ?
The "( Index.Template.php )" is fine by my check , why your the Only 1 i dunno ====> can somebody prove me wrong..?
Anyway, thanks mister, for your support, i resolved majority of problmes.
What i say... your them is nice and profesional.
Have a good day
Hello, I am trying to install BBCode Mod Box in this theme, but the following error occurs:
(http://i.imgur.com/XNRW3ii.png)
Mod: http://custom.simplemachines.org/mods/index.php?mod=1676
When I use the default theme, the error does not happen. Can you help me?