Elk styling made simple

Elk styling made simple Started by TE · January 30, 2014, 11:29:58 am · Read 28126 times 0 Members and 5 Guests are viewing this topic. previous topic - next topic

Re: Elk styling made simple

Reply #15 – February 02, 2015, 03:51:05 am

that didn't solved the big icons on IE above Info center

Re: Elk styling made simple

Reply #16 – February 02, 2015, 10:57:00 am

Which Version of IE is it?

Re: Elk styling made simple

Reply #17 – February 02, 2015, 11:57:52 am

IE 11 win7, and also on win8

Re: Elk styling made simple

Reply #18 – February 02, 2015, 10:41:23 pm

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.

Re: Elk styling made simple

Reply #19 – February 03, 2015, 05:02:20 am

Thanks for your help @TE , is working fine now

Re: Elk styling made simple

Reply #20 – June 15, 2015, 02:28:28 am

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 – June 15, 2015, 06:53:30 am

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..

Re: Elk styling made simple

Reply #22 – June 15, 2015, 07:25:47 am

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?

Re: Elk styling made simple

Reply #23 – June 15, 2015, 07:43:31 am

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 – June 15, 2015, 07:47:41 am

@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 – June 16, 2015, 10:58:55 pm

Quote from: blueone – June 15, 2015, 07:25:47 ami 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.

Re: Elk styling made simple

Reply #26 – June 17, 2015, 02:45:49 am

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 – June 22, 2015, 05:26:18 am

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 – June 22, 2015, 07:20:05 am

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.

Re: Elk styling made simple

Reply #29 – June 22, 2015, 07:33:01 am

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!!!!!