Notatki, a pudełka w CSS

Forum dla graczy do pisania ogólnych próśb o pomoc. Zarówno członkowie załogi i doświadczeni gracze mogą na nim pomóc w rozwiązaniu problemów, z jakimi spotkają się gracze. Prosimy nie prowadzić pogawędek na tym forum.

Moderators: Public Relations Department, Players Department

Rafal3920
Posts: 110
Joined: Tue May 14, 2013 7:27 pm

Notatki, a pudełka w CSS

Postby Rafal3920 » 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?
User avatar
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

Postby Greek » Tue Mar 24, 2015 9:06 pm

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’
Rafal3920
Posts: 110
Joined: Tue May 14, 2013 7:27 pm

Re: Notatki, a pudełka w CSS

Postby Rafal3920 » 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.
User avatar
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

Postby Pies » 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ś?
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.
User avatar
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

Postby Greek » 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.
‘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’
Rafal3920
Posts: 110
Joined: Tue May 14, 2013 7:27 pm

Re: Notatki, a pudełka w CSS

Postby Rafal3920 » 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
User avatar
gala
Posts: 493
Joined: Sat Jan 24, 2015 7:21 pm

Re: Notatki, a pudełka w CSS

Postby gala » 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.).
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/
User avatar
psychowico
Posts: 1732
Joined: Wed Mar 02, 2011 9:57 am
Contact:

Re: Notatki, a pudełka w CSS

Postby psychowico » 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 {
  ...
 }
"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

Return to “Ogólna pomoc”

Who is online

Users browsing this forum: No registered users and 1 guest