Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Theme Site Themes => Topic started by: Crip on January 30, 2011, 07:59:47 PM

Title: Epic
Post by: Crip on January 30, 2011, 07:59:47 PM
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 ...
Title: Re: Epic
Post by: ARG01 on January 31, 2011, 12:01:27 AM
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.  ;)
Title: Re: Epic
Post by: Crip on January 31, 2011, 05:58:23 AM
t/y
... True , i tried 3 or 4 but i'll keep looking for one.
Title: Re: Epic
Post by: ARG01 on January 31, 2011, 01:43:31 PM
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.

;)
Title: Re: Epic
Post by: Crip on January 31, 2011, 04:53:21 PM
wow!
..thanks bro -- not sure I can do it though , might try?
Title: Re: Epic
Post by: ARG01 on January 31, 2011, 05:13:41 PM
I will work on it on my test site and let you know how it turns out.  ;)
Title: Re: Epic
Post by: ARG01 on January 31, 2011, 09:31:04 PM
Maybe something like one of these?  ;)
Title: Re: Epic
Post by: Crip on February 01, 2011, 05:59:52 AM
T/Y G1,

------- I really like the one in the 1st shot , how can i get that?
Title: Re: Epic
Post by: ARG01 on February 01, 2011, 09:49:11 AM
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;
}


:)
Title: Re: Epic
Post by: Crip on February 01, 2011, 11:51:45 AM
Thanks bro ,
trying it now. :P
Title: Re: Epic
Post by: SCM23 on February 02, 2011, 10:40:40 AM
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
Title: Re: Epic
Post by: ARG01 on February 02, 2011, 10:52:32 AM
Your site is running SMF 1.1.12. The theme is for SMF 2.0 rc4.  ;)
Title: Re: Epic
Post by: SCM23 on February 02, 2011, 10:54:05 AM
1.1.12
Title: Re: Epic
Post by: ARG01 on February 02, 2011, 10:55:04 AM
See my last post. I edited before you posted.  ;)
Title: Re: Epic
Post by: SCM23 on February 02, 2011, 10:56:56 AM
Oh i see. Thanks.
Title: Re: Epic
Post by: ARG01 on February 03, 2011, 01:38:35 PM
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
Title: Re: Epic
Post by: Crip on February 03, 2011, 01:45:27 PM
..yeah , just increase Theme Width .. √√
Title: Re: Epic
Post by: ARG01 on February 03, 2011, 01:52:06 PM
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.  ;)
Title: Re: Epic
Post by: Crip on February 03, 2011, 06:25:36 PM
you know it bro'  .. better than me Lol . :D
Title: Re: Epic
Post by: 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;}
Title: Re: Epic
Post by: Crip on February 08, 2011, 05:13:42 PM
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
Title: Re: Epic
Post by: Crip on February 13, 2011, 08:21:01 AM
Note Updated RC5
Title: Re: Epic
Post by: Ciler on June 30, 2011, 12:19:27 PM
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?
Title: Re: Epic
Post by: sbjluke on July 01, 2011, 05:54:50 PM
Love the theme! How would i go about removing the "Epic" logo?
Title: Re: Epic
Post by: MrGrumpy on July 01, 2011, 06:08:00 PM
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.
Title: Re: Epic
Post by: sbjluke on July 01, 2011, 09:09:41 PM
THANKS!!!
Title: Re: Epic
Post by: Powerbob on July 02, 2011, 07:22:31 AM
Great Theme Crip, well done  ;D
Title: Re: Epic
Post by: Turt on February 15, 2012, 06:07:04 AM
i cant change the "logo" ... :L

any idea how to change it ?

(i'm new to smf)
Title: Re: Epic
Post by: Crip on February 15, 2012, 02:16:37 PM
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;
}

===========>
Title: Re: Epic
Post by: fran- on October 30, 2012, 11:32:20 AM
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
Title: Re: Epic
Post by: Crip on October 30, 2012, 03:33:54 PM
Looks nice, ;)
.. unfortunately it's hard to please everyone.
Title: Re: Epic
Post by: fran- on November 07, 2012, 01:55:43 PM
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

Title: Re: Epic
Post by: Crip on November 07, 2012, 02:15:16 PM
Like a PM >? > or on the Forum >>?
-----------------------------------------
I'll check that ASAP!
Title: Re: Epic
Post by: Crip on November 07, 2012, 02:30:07 PM
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;
}
Title: Re: Epic
Post by: fran- on November 07, 2012, 02:51:56 PM
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

Title: Re: Epic
Post by: Crip on November 07, 2012, 02:57:37 PM
prolly just needed a Refresh  ..?
Title: Re: Epic
Post by: 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?
Title: Re: Epic
Post by: Crip on November 11, 2012, 08:58:07 AM
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..
Title: Re: Epic
Post by: fran- on November 12, 2012, 10:15:08 AM
Crip, could you bring me a croissant and a coffee with milk ?  ;)   (sorry I couldn't resist)
Title: Re: Epic
Post by: Crip on November 12, 2012, 03:24:24 PM
Lol ;D
Title: Re: Epic
Post by: Unruler on November 30, 2012, 03:20:09 PM
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.
Title: Re: Epic
Post by: Crip on December 01, 2012, 03:48:22 PM
I'd need to see a Screenshot before i can say anything about it??
Title: Re: Epic
Post by: Unruler on December 04, 2012, 04:29:40 AM
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.
Title: Re: Epic
Post by: 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
Title: Re: Epic
Post by: 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?

Title: Re: Epic
Post by: Crip on December 31, 2012, 08:32:15 AM
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.
Title: Re: Epic
Post by: Hardcase on December 31, 2012, 12:16:34 PM
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
Title: Re: Epic
Post by: Crip on January 01, 2013, 02:31:21 PM
Glad it's sorted now. ;)
Title: Re: Epic
Post by: MikaZ on September 01, 2013, 06:07:43 AM
http://community.bugbeargames.com/index.php

Thanks very much for this theme, Crip

-Mika
Title: Re: Epic
Post by: serendipityrose on September 15, 2013, 09:24:26 PM
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
Title: Re: Epic
Post by: Crip on September 16, 2013, 06:37:51 AM
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...
Title: Re: Epic
Post by: TrueZone on September 23, 2013, 06:02:09 AM
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 :) 
Title: Re: Epic
Post by: Crip on September 23, 2013, 06:46:47 AM
Glad you sorted it..
Title: Re: Epic
Post by: 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 !
Title: Re: Epic
Post by: Crip on September 23, 2013, 07:01:06 AM
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 !
Title: Re: Epic
Post by: 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 ?
Title: Re: Epic
Post by: Crip on September 23, 2013, 09:19:13 AM
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..?
Title: Re: Epic
Post by: TrueZone on September 26, 2013, 03:24:42 AM
Anyway, thanks mister, for your support, i resolved majority of problmes.

What i say... your them is nice and profesional.

Have a good day
Title: Re: Epic
Post by: Doctor2013 on November 07, 2013, 02:50:50 PM
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?