Cantr II Discussion Forum

Posted: **Tue Mar 24, 2015 8:39 pm**

Mam takie pytanie: czy da się ustawić w notatkach CSS-owe pudełko? Próbowałem na kilka sposobów znalezionych w internecie, a sam potrafie je robić tylko przez plik *.css lub w <head> do którego w cantr (o ile mi wiadomo) nie ma dostępu. Czy jest jakakolwiek możliwość zrobienia pudełek oraz pseudoklas globalnych?

Posted: **Tue Mar 24, 2015 9:06 pm**

Pudełko?

Posted: **Tue Mar 24, 2015 9:09 pm**

Najlepiej opisane jest to tu: http://www.kurshtml.edu.pl/css/model_pu ... inesy.html

Sam obszar notatki to chyba jest pudełko.

Posted: **Wed Mar 25, 2015 9:19 pm**

Nie do końca rozumiem co masz na myśli, ale spróbuj może podejrzeć kody zródłowe co ładniejszych/ciekawszych technicznie notatek? Nie rozwiązał ktoś już wcześniej problemu z którym się spotkałeś?

Posted: **Wed Mar 25, 2015 9:42 pm**

Jeśli chodzi o stosowanie styli CSS w rodzaju "margin", "padding" itp. to istnieją dwie możliwości:
1. podanie stylu wprost (inline) przy definicji taga np. <p style="margin:3px;text-align:center;">Jakiś tekst</p> aby ustawić mu właściwy styl
Nie wszystkie style można zdefiniować w ten sposób
2. zdefiniowanie swojego arkusza stylów CSS oddzielnie na początku notatki
wszystkie style CSS muszą znajdować się w tagu <style type="text/css"></style> znajdującym się na początku notatki. Można w nim definiować style dla selektorów w taki sam sposób jak w oddzielnym pliku CSS. Niemożliwy jest import zewnętrznych arkuszy styli lub rzeczy takich jak media queries.
Nie wszystkie selektory i parametry są dozwolone, więc dobrze co jakiś czas patrzeć na podgląd, żeby upewnić się, że gra czegoś nie odrzuci.

Należy pamiętać, że notatki reprezentują papier lub inny materiał piśmienniczy i należy uważać ze stosowaniem animacji, pseudoselektorów lub rzeczy, które mogą znacznie różnić się na różnych przeglądarkach.

Posted: **Thu Mar 26, 2015 8:50 am**

Znalazłem że <style type="text/css"></style> pod żadnym pozorem nie należy stosować w sekcji body, ale w cantr działa wystarczająco dobrze

Greek wrote:Należy pamiętać, że notatki reprezentują papier lub inny materiał piśmienniczy

No właśnie po to mi to przede wszystkim było: żeby były ładne kolejne strony książki, a przy okazji żeby szybciej pisać nagłówki itp... Swoją drogą temat by zapewne nie powstał gdybym przy eksperymentowaniu z tym wpisał <style type="text/css"> zamiast <style type="css">

Tak czy inaczej wielkie dzięki, przyda mi się to

Posted: **Thu Mar 26, 2015 10:27 pm**

Oprócz <style><style> dodam jeszcze jeden mały "tip". Użyj znacznika pre.

pre h {

}

pre p {

}
itd.

Zagwarantuje Ci to to, że nie będziesz przypadkiem stylował samej strony Cantra (tabelki, headery, background, etc.).

Posted: **Fri Mar 27, 2015 7:55 am**

z pre jest syf.
praktycznie każdą notatkę zaczynam od zamknięcia pre, </pre>
to samo można spoko osiągnąć przez diva z jakąś klasą okalającego całą notatkę, np.

Code: Select all

<div class="my-note">
..... 
</div>

i w stylach

Code: Select all

.my-note h { 
  ...
 }

Cantr II Discussion Forum

Notatki, a pudełka w CSS

Notatki, a pudełka w CSS

Re: Notatki, a pudełka w CSS

Re: Notatki, a pudełka w CSS

Re: Notatki, a pudełka w CSS

Re: Notatki, a pudełka w CSS

Re: Notatki, a pudełka w CSS

Re: Notatki, a pudełka w CSS

Re: Notatki, a pudełka w CSS