Strona główna » Fora » Drupal » Skórki i wygląd

Lista selektorów CSS

chato.pl, sob., 2006-12-02 18:38

Na początku się przywitam, bo jest to mój pierwszy post na tym forum ;)

A pytanie jest takie – gdzie mogę znaleźć wykaz wszystkich komend/zmiennych (np. #block-user-1 – nie wiem czy je poprawnie nazywam) używanych przez Drupala, które definiuje się w CSS'ie ??

Pytam o to, bo co prawda z powodzeniem zdrupalizowałem swoją stronę – chato.pl – ale to co mam zdefiniowane w stylach, powyciągałem z cudzych tematów … a chciałbym mieć pełną świadomość co i jak mogę we własnym temacie skonfigurować.

sposob wysiwetlania tresci jak na golfmania.pl ›

Sposób wyświetlania odpowiedzi

Wybierz preferowany sposób wyświetlania odpowiedzi i kliknij "Zachowaj ustawienia", by wprowadzić zmiany.
Portret użytkownika lolki

Kiedyś pytałem o to samo

lolki, sob., 2006-12-02 22:08

Witam.

Kiedyś pytałem o to samo i mnie odesłano do kursu, ja zrobię to samo ale dam ci wskazówkę. Szukasz Selektora który jest w divach (pliki tpl.php), np mamy:
to w pliku css szukaj „wrap” itd.

Polecam jakiś kurs, w sieci jest ich pełno np: Ten

Portret użytkownika archetwist

selektory

archetwist, sob., 2006-12-02 23:14 moderator

Witaj!

Masz na myśli selektory. Nie ma żadnej oficjalnej dokumentacji na ten temat. Ktoś stworzył natomiast coś takiego jak Drupal CSS Analysis (u dołu strony są odnośniki). Lista ta powstała w czerwcu, więc nie wiem na ile jest aktualna.

Osobiście mogę jeszcze zaproponować wyszukanie w katalogu modułów i misc wszystkich plików CSS oraz połączenie ich za pomocą programu typu UUMerge. Potem Vimem czy innym rozbudowanym edytorem można by usunąć wszystko co pomiędzy { i } i otrzymać listę selektorów.

Portret użytkownika archetwist

Pobawiłem się chwilę

archetwist, sob., 2006-12-02 23:34 moderator

Pobawiłem się chwilę Windows Grep i po obróbce otrzymałem coś takiego: lista selektorów z plików CSS Drupala 5.0-beta2.

P.S. Zmieniłem tytuł wątku na bardziej odpowiedni.

Portret użytkownika chato.pl

WIELKIE dzięki – o to mi

chato.pl, ndz., 2006-12-03 00:30

WIELKIE dzięki – o to mi właśnie chodziło :D

Oprócz listy wygenerowanej

artur, pt., 2007-01-05 12:19

Oprócz listy wygenerowanej przez archetwista, gdzie masz tylko podstawowe ogólne selektory nie ma tych generowanych do konkretnych fragmentów kodu, np:

<div id=„block-user-0” class=„clear-block block block-user”>

<div id=„node-4” class=„node”>

itp.

Podstawowe formatują Ci ogólnie, natomiast dzięki id=„block-user-0” może oddzielnie ustawić wygląd konkretnego fragmentu, wg mnie najprościej zaglądać po prostu do źródła strony, jeśli używasz Firefoxa albo Mozille to polecam też dodatek:

Web Developer

za pomocą niego można zmieniać na ‚żywej’ stronie style i obserwować co się dzieje, oprócz zwykłego edytora txt to moje podstawowe narzędzie przy tworzeniu css.

i jeszcze jedna fajna wtyczka CSSViewer: https://addons.mozilla.org/firefox/2104/

Portret użytkownika Voltaire

Lista selektorów/stylów CSS

Voltaire, czw., 2008-02-14 12:45

Ciężko, oj ciężko wydedukować jakie style używa Drupal. Nawet zastosowanie Firebug'a nie zawsze pomoże, bo Drupal ładuje arkusze modułowo – tylko te, które są aktualnie potrzebne.

Jakiś czas temu na Archetwist zamieścił listę selektorów (http://drupal.org.pl/node/349#…).

Teraz można dodatkowo oprzeć się na liście dostępnej dzięki twórcom skórki ZEN. Pobieramy wersję dla Drupal 6 (http://ftp.drupal.org/…x-dev.tar.gz), rozpakowujemy i cieszymy się zawartością pliku drupal5-reference.css.

Udanego tworzenia themów/skórek!