Przyklad kodu HTML z uzyciem notacji BEM. Widac jak powtarzanie blokow zasmieca notacje. Uzycie samych tabulatorow \ spacji wystarczy zeby zagniezdzenia byly czytelne. Niestety nie zawsze mozna zrezygnowac z BEM. Ale dzieki separacji w #angular mozna. W Angularze nie kopiuje sie kodu SCSS. Jak juz to cale komponenty. Wiec czy BEM ma sens skoro zasmieca kod? Co myslicie? #css #webdev #programowanie
tomaszs - Przyklad kodu HTML z uzyciem notacji BEM. Widac jak powtarzanie blokow zasm...

źródło: comment_1588024222PBG7kohj3wBSWkxBUxQcjp.jpg

Pobierz
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

List_item_white? To jest bee a nie bem. bem jest wygodny w developmencie a co z nim na produkcji zrobisz to inna sprawa. Uglify itp
  • Odpowiedz
@tomaszs: robienie klas typu item-white, button-green czy button-large to dla mnie naruszenie SoC.

html powinien opisywać strukturę, CSS nadawać wygląd. Klasy powinny opisywać CZYM JEST dana rzecz, a nie jak ma wyglądać.

Zamiast klasy button-green, która de facto służy do sterowania wyglądem z HTMLa, powinno być np show-item-button i w CSSie sobie ustalamy jak chcemy – zielony, żółty czy różowy. Jak chcemy zmienić kolor, HTML nie powinien się
  • Odpowiedz
Witam, witam, sprzedam książki jak na zdjęciu:

1) Książka Bazy danych i systemy baz danych - E.14.2 technik informatyk - 10 złociszy
2) Książka Giełda - Podstawy inwestowania - 20 złociszy
3) Książka Big Data - efektywna analiza danych - 20 złociszy
4) Słownik polsko-niemiecki, niemiecko-polski - 10 złociszy
p.....z - Witam, witam, sprzedam książki jak na zdjęciu:

1) Książka Bazy danych i ...

źródło: comment_1588008963YaxEMIvaCMmAz9ynsGEvbz.jpg

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#html #css #blogspot #blogger #www
sprawdziłam już tysiąc kodów css do bloggera, które miały usunąć ramki wokół zdjęć i rozciągnąć je na całą szerokość posta, żodyn nie działa (,) czy ktoś byłby tak wspaniałomyślny z rana i mógł podrzucić kawałek kodu? pretty please
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@TeflonDon: p{margin-bottom:2em;margin-top:0;} - to powinno byc odpowiedzialne za odstep akapitowy, prawda? a jak zmieniam 2em na np 5em to nic sie nie dzieje.
  • Odpowiedz
@Lena93: cały główny kontener ma padding 80px. Musiałabyś zostawić 80 dla paddingu gornego i dolnego. Dla prawo lewo dać zero. Treść jest wewnątrz div a zdjęcia w tabelkach. A wiec dla divow z treścią dać padding lewo prawo 80 a dla tabelek zostawić zero. To tak na szybko
  • Odpowiedz
Hej mam pytanie z CSS, trochę dziwne, ale...
Czym się różnią dwa poniższe fragmenty kodu z pliku CSS z klasami .modal i .top

.modal.top{tu jakieś właściwości CSS}

.modal .top{tu jakieś właściwości CSS}
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

hej, jak się nazywa (chyba w ustawieniach cachowania), że jak ładuje się strona to najpierw masz sam content "niebiesko-fioletowy TXT na mozilla np) a pozniej dopiero laduje sie caly css?
to jest css ladowany asynchronicznie czy nie?

#css #html #frontend #programowanie
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witajcie Mirki,
Mam do was niebywale wielki problem z którym nie potrafię sobie poradzić od 2 dni dlatego postaram się możliwie jak najdokładniej go opisać. Otóż jakiś czas temu otworzyłem sklep oparty na Wordpressie i dokonałem zakupu stylu na Themeforest. Wszystko było fajnie do momentu aż moje obrazki produktów z woocommerce rozmyły się przy którejś aktualizacji. Chodzi tutaj jedynie o ramkę "Polecane produkty" która teoretycznie powinna znajdować się w zakupionym stylu. Wiem gdzie
KluczeCyfrowe - Witajcie Mirki,
Mam do was niebywale wielki problem z którym nie pot...

źródło: comment_158749917408sPR1fMaiBRlgHBdwUWyT.jpg

Pobierz
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Hipodups: Nie ma tam niestety żadnej wzmianki o maksymalnej wielkości obrazka

@TeflonDon: Jeżeli chodzi o styl to zakupiłem "Orienko". Tutaj jest przykładowa strona demo:
https://demo.lion-themes.net/orienko/shop/hat-7/
Chodzi o obrazki z "RELATED PRODUCTS". I co dziwne u nich w wersji demo jest sizes="(max-width: 300px)

Natomiast jeżeli chodzi o support to pisałem do nich i na tą chwilę bez odpowiedzi co mnie szczególnie nie dziwi bo przez tego koronawirusa praktycznie
KluczeCyfrowe - @Hipodups: Nie ma tam niestety żadnej wzmianki o maksymalnej wielkośc...

źródło: comment_15875013661qOuFGVcIVYx1ImXxijy7q.jpg

Pobierz
  • Odpowiedz
hejka, zlituje sie ktos nad początkującym użytkownikiem bloggera i powie mi jak usunąć białe ramki i obwódki dookoła zdjęć? probowalam kilku gotowych formuł css w opcji motywu "zaawansowane", ale żaden nie działa. ( ͡° ʖ̯ ͡°)
#blog #blogger #html #css
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam pytanie odnośnie CSS Grid.

Jest element HEADER, który zaczyna się od linii 1 i kończy na linii 5:

header {
grid-column: 1 / 5;
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

1) -30% na ebooka Podstawy wizualizacji danych. Zasady tworzenia atrakcyjnych wykresów. Do końca dnia (16.04.2020) za 33,50 zł
TU SKORZYSTASZ Z PROMOCJI

2) Do 20.04.20 odbywa się akcja [-50% EBOOKI] ~ Ebookobranie na Wiosnę. Między innymi 'C# od podszewki. Wydanie IV'. Razem w akcji możliwych do zdobycia jest 1645 itemów. Poniżej 10 wybranych itemów:

✓ Java. Kompendium programisty. Wydanie XI (Java: The Complete Reference, Eleventh Edition), Herbert Schildt, 1048 stron, 2020 rok (nowe)
tomaszs - 1) -30% na ebooka Podstawy wizualizacji danych. Zasady tworzenia atrakcyjny...

źródło: comment_1587020607VFZcAliHzu09491hnOIYIP.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam pytanko z #css i być może #javascript #jquery
Zrobiłem sobie menu dropdown, ale mam problem na mneijszych rozdzielczościach ekranu. Skrajnie prawe menu po rozwinięciu i w przypadku posiadania "dzieci", podczas ich wyświetlania znikają za krawędzią okna, a raczej "rozciągają" stronę. Da się to ogarnąc w samym CSS, czy bez JS ani rusz? Może ktoś zarzuciłby jakimś linkiem co do sposobu rozwiązania tego?

Załączam screena jak to wygląda,
mariecziek - Mam pytanko z #css i być może #javascript #jquery
Zrobiłem sobie menu d...

źródło: comment_1586849191Vub1LoVkZFUGA0qpYQn0kd.jpg

Pobierz
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Mezir: możesz zrobić, żeby tło nachodziło na header i dać np. gradient od 10% (czyli to co jest na header) rozmazane a reszta jednolitę. Poszukaj w jak zrobić gradient w css i się pobaw
  • Odpowiedz
@Mezir: zrób na bannerze pseudoelement after z gradientem z dołu do góry, w 0% kolor tła w 100% widoczności, w 30% ten sam kolor w 0% widoczności (te 30% to może być też 20 albo 40 w zależności jak duży jest ten banner)
  • Odpowiedz
Mirki, chciałbym, aby pod każdym postem na moim blogu widniały ikony social media pozwalające na jego udostępnienie. W pluginie Jetpack taka opcja jest, uruchomiłem ją i ikony się pojawiają, ale są za małe. Próbowałem zwiększenia poprzez edycję CSS z ich poradnika, ale wchodząc do edytora nie mam żadnego pola, w który mogę cokolwiek wpisać - motyw ma zablokowaną edycję? Jak chcę skonfigurować przyciski we wtyczce Jetpack to przekierowuje mnie na stronę wordpress.com,
karoleeek - Mirki, chciałbym, aby pod każdym postem na moim blogu widniały ikony soci...

źródło: comment_1586389453zhgYrC6C8wK5umR12RiH1Z.jpg

Pobierz
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

#css #webdev #html

Mordeczki, potrzebuje zrobic dla obrazkow z sekcji one (obok obrazka gdzie jest tresc Sed ipsum dolor
---------------

) i sam obrazek ![](images/pic01.jpg) i dla kazdego nastepnego zoom hover, tak, zeby ten obrazek powiekszyl sie ale nie wszedl na tekst obok. Czy jedynym sposobem jest dodanie w kodzie html sekcji div dla kazdego obrazka?
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mam jeden style css ktory jest domyslnie czytany przez szablon. Mam drugi też, ktory jest custom. css - w tym custom.css musze za kazdy razem dodawać "!important" zeby zalapalo. Jak nadać pierwszorzędność (zwał jak zwał :D ) mojemu custom.css, aby nie bylo potrzeby tak kombinować glupio?

#html #css
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Elo #django #html #css #programowanie
Piszę sobie taką tabelkę z wartościami liczbowymi od 0 do 100 (na razie tylko na bazie projektu z tutoriala django, ale później będzie ona docelowo w moim projekcie prywatnym), gdzie chciałbym aby kolor tła komórki był uzależniony od wartości w komórce, którą wczytuję z bazy danych. Miałoby to działać tak jak formatowanie warunkowe w excelu z dwukolorową skalą.
Wg
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Hans_Olo: Przesyłaj z backendu wartość komórki + zmienną która pozwoli ci określić jaki kolor powinna mieć.

Później w zależności od wartości tej zmiennej przypisujesz odpowiednią klasę w CSSie
np. ustalasz skalę od -10 do 10
dla zmiennej równej "-10" przypisujesz klasę CSS red-10, dla "9" -> green-9

Ale lepiej po prostu użyj jsa
  • Odpowiedz