Skip to main content
Topic: Elk styling made simple (Read 15252 times) previous topic - next topic
0 Members and 1 Guest are viewing this topic.

Re: Elk styling made simple

Reply #15

that didn't solved the big icons on IE above Info center
sorry for my bad english

Re: Elk styling made simple

Reply #16

Which Version of IE is it?
Thorsten "TE" Eurich
------------------------

Re: Elk styling made simple

Reply #17

IE 11 win7, and also on win8
sorry for my bad english

Re: Elk styling made simple

Reply #18

ok, can you try
Code: [Select]
.new_redirect_board:before, .new_none_board:before, .new_some_board:before {
font-size: 15px !important;
position: relative;
top: -2px;
}
IE seems to be a bit stupid regarding em somethimes. this version uses px for the font size instead.
Thorsten "TE" Eurich
------------------------

Re: Elk styling made simple

Reply #19

Thanks for your help @TE , is working fine now  ;)
sorry for my bad english

Re: Elk styling made simple

Reply #20

Morning,

i tried the changes form the first post.

Link Color and category color but nothing happend.

i changed the id to my forum, so i was wondering if there was a elkarte general change?

quelltext show me this

<div class="forum_category" id="category_3">
and
<li class="board_row" id="board_34">
for example

Re: Elk styling made simple

Reply #21

This should change the background color / link color from category_3.
Code: [Select]
#category_3 h2 {
color: white;
background-color: #666;
text-shadow: none;
}
In which file did did you place that code? Have you cleared the forum cache / browser cache? Maybe it's just a caching issue..

A link to your forum would be helpful..
Thorsten "TE" Eurich
------------------------

Re: Elk styling made simple

Reply #22

now it works... ;) dont know why i cleared the chache before, it was also my first idea,

but now it works so never mind :)

Thank you

edit:

i was wondering if it possible to style the inside of the board the same as at the front?
i mean when i give a board a color like red then the inside posts should also be red...

but so far i see there is only a way to style all boards the same inside ore i wrong?
Last Edit: June 15, 2015, 07:40:46 am by blueone

Re: Elk styling made simple

Reply #23

Can we grab the number of categories and store it into the variable? I would like to make "intelligent" system that will generate random, or with pattern type coloured categories.

Re: Elk styling made simple

Reply #24

@CrimeS that would be nice! and i think that should be possible the ID is stored in the database... but i am to new to elkarte to figure out how it works exactly

Re: Elk styling made simple

Reply #25

Quote from: blueone – i was wondering if it possible to style the inside of the board the same as at the front?
i mean when i give a board a color like red then the inside posts should also be red...
OK, not sure I understand right.. You wan't to colorize the boards not just on the board index but on the message index / posts display too?

There's a class="action_messageindex board_X" attached to the html body tag, so in theory it should be possible to style it via this attribute.
Thorsten "TE" Eurich
------------------------

Re: Elk styling made simple

Reply #26

yea TE you get me right i made some pictures to make it realy clear...

so far the cebra styling inside "board index" works with "basic_row" that was easy because i want that for all boards :)
but the link color mean the "h4 tags" inside board index is a diffrent story but i will try to figure it out my self ;)

on a first try it seam it dosent works so easy but i will try it again later the day...

is there somwhere a collection or doku about the tags and so on?

thx TE


Re: Elk styling made simple

Reply #27

TE can you please give me a example with the "action_messageindex board_X" and styling the board index!?

i have tried serveral diffrent things but i think im on the wrong way...

thank you

Re: Elk styling made simple

Reply #28

You may use for example:
Code: [Select]
#action_messageindex board_1 #description_board .category_header {
    color: red;
}
for the board title (Allgemein in your second picture), or:
Code: [Select]
#action_messageindex board_1 .category_header {
    color: red;
}
to color anything using category_header in that page.

For the topic titles you can use:
Code: [Select]
#action_messageindex board_1 .topic_name {
    color: red;
}

then, for the topic subject inside the topic itself (picture 3) you can use:
Code: [Select]
#action_messageindex board_1 #forumposts .category_header {
    color: red;
}
or otherwise the more general one:
Code: [Select]
#action_messageindex board_1 category_header {
    color: red;
}
that is the same as the previous for board titles. ;)

and for the reply numbers:
Code: [Select]
#action_messageindex board_1 .postarea .keyinfo {
    color: red;
}

Of course than you can change the "1" after the id of the board to selectively apply different color schemes to different boards. ;)
Bugs creator.
Features destroyer.
Template killer.

Re: Elk styling made simple

Reply #29

ah im so an idot...

the # and so makes the vodoo ;) i had nerly the same but there where missing some arguments...
thanks TE for your hard work!!!!!