Notatki, a pudełka w CSS
Moderators: Public Relations Department, Players Department
-
- Posts: 110
- Joined: Tue May 14, 2013 7:27 pm
Notatki, a pudełka w CSS
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?
- Greek
- Programming Dept. Member/Translator-Polish
- Posts: 4726
- Joined: Mon Feb 13, 2006 5:41 pm
- Location: Kraków, Poland
- Contact:
Re: Notatki, a pudełka w CSS
Pudełko?
‘Never! Run before you walk! Fly before you crawl! Keep moving forward! You think we should try to get a decent mail service in the city. I think we should try to send letters anywhere in the world! Because if we fail, I’d rather fail really hugely’
-
- Posts: 110
- Joined: Tue May 14, 2013 7:27 pm
Re: Notatki, a pudełka w CSS
Najlepiej opisane jest to tu: http://www.kurshtml.edu.pl/css/model_pu ... inesy.html
Sam obszar notatki to chyba jest pudełko.
Sam obszar notatki to chyba jest pudełko.
- Pies
- Programming Dept. Member
- Posts: 383
- Joined: Sat Nov 29, 2008 1:32 pm
- Location: https://314es.pl/irc
- Contact:
Re: Notatki, a pudełka w CSS
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ś?
dwudziestoletni mężczyzna wrote:"OOC: Jak ci się nie podoba, to nie graj. Ta gra nie szuka więcej graczy."
kaloryfer wrote:This game already has a lot of problems, new players would only bring new ones.
- Greek
- Programming Dept. Member/Translator-Polish
- Posts: 4726
- Joined: Mon Feb 13, 2006 5:41 pm
- Location: Kraków, Poland
- Contact:
Re: Notatki, a pudełka w CSS
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.
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.
‘Never! Run before you walk! Fly before you crawl! Keep moving forward! You think we should try to get a decent mail service in the city. I think we should try to send letters anywhere in the world! Because if we fail, I’d rather fail really hugely’
-
- Posts: 110
- Joined: Tue May 14, 2013 7:27 pm
Re: Notatki, a pudełka w CSS
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
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
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
- gala
- Posts: 493
- Joined: Sat Jan 24, 2015 7:21 pm
Re: Notatki, a pudełka w CSS
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.).
pre h {
}
pre p {
}
itd.
Zagwarantuje Ci to to, że nie będziesz przypadkiem stylował samej strony Cantra (tabelki, headery, background, etc.).
Alutka wrote:Zielony świat jest opanowany przez śpiące Smaugi, które budzą się tylko i wyłącznie wtedy, gdy ktoś chce się zainteresować ich skarbami.
https://www.reddit.com/r/Cantr/
- psychowico
- Posts: 1732
- Joined: Wed Mar 02, 2011 9:57 am
- Contact:
Re: Notatki, a pudełka w CSS
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.
i w stylach
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 {
...
}
"Please give us a simple answer, so that we don't have to think, because if we think, we might find answers that don't fit the way we want the world to be."
https://www.kinkykitty.pl
https://www.kinkykitty.pl
Who is online
Users browsing this forum: No registered users and 1 guest