Theming Guide?

Discuss/Upload themes created for EDK here.
Post Reply
User avatar
Royalkin
Noob
Posts: 3
Joined: Thu Mar 17, 2011 15:20

Theming Guide?

Post by Royalkin » Thu Mar 17, 2011 15:26

Hello guys, I'm trying to create a custom theme and I'm having hell.

I'm very experienced when in comes to web design, however the structure for EDK is making me pull my hair out. Because of this I need some documentation on this.

For instance, how do you change the banner to a format to something other than a jpg? I can't seem to get it to recognize anything other than default.jpg. However, that is only a small portion of the problems I have.

Please help.

Blake
Someday Author
Posts: 88
Joined: Sat Jan 24, 2009 20:53

Re: Theming Guide?

Post by Blake » Thu Mar 17, 2011 15:57

Might be slightly out of data now but this is a good place to start for the basics http://eve-id.net/forum/viewtopic.php?f=1031&t=14197
Image

User avatar
Royalkin
Noob
Posts: 3
Joined: Thu Mar 17, 2011 15:20

Re: Theming Guide?

Post by Royalkin » Thu Mar 17, 2011 16:51

I appreciate the help, but that doesn't really tell me anything I didn't already know. I guess I'll just have to continue hacking through it.

User avatar
pdidoc
Apprentice
Posts: 45
Joined: Sat Jun 14, 2008 20:24
Location: Wiltshire, UK
Contact:

Re: Theming Guide?

Post by pdidoc » Fri Mar 18, 2011 01:32

Royal, I always use .png's for my banners and they have always been selectable via the admin panel. just make sure the banner is 950 x 125 :: Max = 970 x 150
Regards,
PryMary

Kovell
Veteran
Posts: 1036
Joined: Wed Nov 26, 2008 13:35

Re: Theming Guide?

Post by Kovell » Fri Mar 18, 2011 04:36

The code for banner selection doesn't actually do any testing of the file. Anything in the banner directory will be added to the list, valid image or not.

Most of the templates include start/finish comments so you can tell which template you need to modify. To create your own theme you only need to include the templates you change, the rest will be taken from the default template as needed. If the site is accessed through the IGB then it will use templates named igb_* if they exist. I think those are really all I can add. Find the template that covers the part you want to change, and add your own stuff to it.

For very simple changes, which covers most themes, you only need to edit index.tpl to add some divs, and add your own css.

Do you have any other specific questions? Happy to answer them all as best I can. :)

User avatar
edp
Someday Author
Posts: 95
Joined: Fri Sep 25, 2009 19:10

Re: Theming Guide?

Post by edp » Thu Dec 08, 2011 23:35

Kovell wrote:The code for banner selection doesn't actually do any testing of the file. Anything in the banner directory will be added to the list, valid image or not.

Most of the templates include start/finish comments so you can tell which template you need to modify. To create your own theme you only need to include the templates you change, the rest will be taken from the default template as needed. If the site is accessed through the IGB then it will use templates named igb_* if they exist. I think those are really all I can add. Find the template that covers the part you want to change, and add your own stuff to it.

For very simple changes, which covers most themes, you only need to edit index.tpl to add some divs, and add your own css.

Do you have any other specific questions? Happy to answer them all as best I can. :)

Actually I have one. Some portions are hard to figure out what css element affects it, other than trial and error. Some areas seem to also use an element from another, so a change that looks good in one spot, now doesn't look so appealing in another. If there was a rosetta stone for what portion of the standard default template uses what css element, that would help.

But perhaps I can help - my post wasn't a request for you to GIMME GIMME GIMME, but to check if there is any commented css files, and if not, see if it's ok that perhaps I start putting one together.

Kovell
Veteran
Posts: 1036
Joined: Wed Nov 26, 2008 13:35

Re: Theming Guide?

Post by Kovell » Fri Dec 09, 2011 05:35

edp wrote:
Kovell wrote:The code for banner selection doesn't actually do any testing of the file. Anything in the banner directory will be added to the list, valid image or not.

Most of the templates include start/finish comments so you can tell which template you need to modify. To create your own theme you only need to include the templates you change, the rest will be taken from the default template as needed. If the site is accessed through the IGB then it will use templates named igb_* if they exist. I think those are really all I can add. Find the template that covers the part you want to change, and add your own stuff to it.

For very simple changes, which covers most themes, you only need to edit index.tpl to add some divs, and add your own css.

Do you have any other specific questions? Happy to answer them all as best I can. :)
Actually I have one. Some portions are hard to figure out what css element affects it, other than trial and error. Some areas seem to also use an element from another, so a change that looks good in one spot, now doesn't look so appealing in another. If there was a rosetta stone for what portion of the standard default template uses what css element, that would help.

But perhaps I can help - my post wasn't a request for you to GIMME GIMME GIMME, but to check if there is any commented css files, and if not, see if it's ok that perhaps I start putting one together.
Go ahead. Documentation is good. :)

Feel free to write a whole new theme that becomes the default in the future!

Incidentally, you should be able to target any element now. e.g. if you wanted to target the the table that a victim details is in on the kill details page, you don't have to change all tables of class kb-table. Instead you could use 'kl-detail-victim kb-table'. I tried to use a standard naming approach to help this but I probably failed occasionally.

tripstarrr
Greenhorn
Posts: 30
Joined: Mon Jul 11, 2011 13:14

Re: Theming Guide?

Post by tripstarrr » Sun Dec 18, 2011 21:39

If you're having issues with css edits looking good in one place and not in the other find the html your editing in the .tpl files. add a new class. add the edits to that class. you should find that the latest iterations of the xhtml and default theme's have had more classes added to make css selection easier. If you need help with a specific problem feel free to ask and I will do my best to help

Tyranero
Apprentice
Posts: 46
Joined: Sat Sep 10, 2011 14:41

Re: Theming Guide?

Post by Tyranero » Wed Dec 21, 2011 14:09

Just saying, but did you try to use a tool like Firebug for Firefox? You can see the css definitions under the css tab, in the upper right corner is a link to the corresponding css file so you can see which sources were used. If "element style" is defined, the style attributes are hardcoded into the tpl/html/php file, so you might want to add a class selector and move the style to a css file.
If you're having trouble with overridden styles, you can take the easy route and add !important to the attribute, or do it good and provide a path to the element, e.g. line up the hierarchy of classes - using more classes ranks the style up, so
.outer .inner .element IMG will override .outer .inner IMG.
If the targeted element has two classes you want to select, write the classes together (no space!), like .outer.bottom .inner

Hope this might help.

Post Reply

Return to “Theming”

Who is online

Users browsing this forum: No registered users and 4 guests