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.
Theming Guide?
Re: Theming Guide?
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
Re: Theming Guide?
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.
Re: Theming Guide?
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
PryMary
Re: Theming Guide?
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.
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.
Re: Theming Guide?
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.
Re: Theming Guide?
Go ahead. Documentation is good.edp wrote: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.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.
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.
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?
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
Re: Theming Guide?
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.
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.