[Windmark]

#webdev #amator #poczatkujacy #niebijcie

Mam takiego htmla:













W jaki sposób dodać w CSS do divów body i footer "class: span".

Taki CSS nie działa:

#body{ class: span10;}

#footer{class: span2;}

[g.....n]

@Windmark:

[Windmark]

@goatman: ale ja to chcę w CSS dodać.

[g.....n]

@Windmark: nie rozumiem. możesz dodać klasę za pomocą jQuery, w css-ie przypisujesz wartości atrybutom danego selektora.

np

div#body{background-color: #fff}

[indiglo]

@Windmark: klasy w CSS robi się chyba od kropki ".span10" {}

[plushy]

@Windmark: Może opisz lepiej co chcesz osiągnąć?

[npsr]

@Windmark: trudno, żeby zadziałało.

nie możesz nadawać klasy w css. i tyle. Chyba, ze używasz less/saas i mixnów ale nie podejrzewam Cię o to ;)

[Windmark]

@plushy: @goatman: @xxxx: @npsr: Chcę w jakiś łatwy sposób zmieniać ułożenie elementów na stronie w zależności od zainstalowanego motywu (którym do tej pory był plik CSS). Co polecacie? Używam Bootstrapa i PHP.

[npsr]

@Windmark: Nie do końca Cię kumam, ale po to masz właśnie klasy i identyfikatory.

W każdym innym motywie zmieniasz style dla #footer na przykład i tyle. A bootrap jest na less z resztą. Zapoznaj się z tym.

Będziesz mógł użyć np.

#footer {

.row;

div {

.span10;

}

}

[g.....n]

@Windmark: Imho częścią motywu powinien być html zawierający szkielet strony, w środku jakiś container w którym będzie umieszczana zawartość strony, jeżeli chcesz zmieniać klasy elementów szkieletu.

[quba88]

@Windmark: A dobrze za linkowałeś CSS'a

[Windmark]

@npsr: w LESS można dodawać klasy divom poprzez styl CSS?

[npsr]

@Windmark: nie klasy, tylko mixin ;P Na chłopski rozum działa dość podobnie, tylko ma szersze zastosowanie. Np.

deifiniujesz zmienną:

@site-width: 980px;

potem mixin:

.block(@site-width) {

width: @site-width;

margin: 0 auto;

inne: style;

}

I jedziesz:

header {

.block;

}

W razie potrzeby zmieniasz jedną zmienną i cała strona zmienia szerokość ;)

saas jest jeszcze lepszy, no ale jak bootstrap to less ;)

[Windmark]

@npsr: faktycznie. To jest to czego potrzebuje do swojego projektu. Dzięki