Wszystko

Najnowsze

Archiwum

mattcabb
mattcabb
  • 5
@Xanthia:
1. wrzuć cały szablon w index.php
2. wytnij początek kodu (za menu, przed content) i wklej do header.php
3. w index.php wstaw get_header();
4. powtórz dla stopki.
5. a potem to już jakoś pójdzie
  • Odpowiedz
MJToshi
MJToshi
  • 1
Potrzebuję jakiś darmowych i płatnych fontów jak "font awesome" do robienia grafiki (komercyjnie). Głównie interesują mnie ładne ikony typu: Tagi, Komentarze, Kategoria, Logowanie, Koszyk itd.

Ktoś coś poleci ciekawego oprócz font awesome, glypha?

#fontawesome
#webdev
  • 4
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
TeflonDon
TeflonDon
  • 2
Mirasy, mam problem. Ćwiczę sobie bootstrapa no i stanąłem w jednym miejscu. Do stronki podpiąłem sobie ten UI pack. Wszystko bangla poza jednym elementem. Chodzi mi o navbar i brak wyświetlania icon-barów - screen

Podejrzałem źródło strony i wygląda na to, że css od flat-ui nadpisuje mi defaultowe style bootstrapa. Dodatkowo firebug mówi mi, że element ten ma takie właściwości
content: "";
font-family: Flat-UI-Icons;

Skopiowałem
  • 2
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
Lew_Bartosz
Lew_Bartosz
  • 1
@michael94: Mobile first. Kolega kojarzy? Świetnie, to teraz piszemy kod żeby bez zbędnych ceregieli wyświetlał się na telefonie, a później ustawiamy jak kolega @emtei: wspomniał za pomocą ordering, czyli offset, pull. A kolega
@mattcabb: chyba nie do końca zrozumiał o co w bootstrapie chodzi.
  • Odpowiedz
yozz84
yozz84
  • 1
Wpadłem w dołek i nie wiem jak z niego wybrnąć by uzyskać porządany efekt... Na wordpresie i bootstrap 3 robię siatkę postów. Mają one przyjąć postać kwadratów które same dopasowują się do szerokości okna a po zejściu do rozdzielczości ekranu telefonów zmieniać ilość kolumn. Czyli dla PC 4x2 dla urzadzeń mobilnych 2x4. Wygląd i działanie jakie chce uzyskać jest przedstawione w dolnej części tej strony (grid który znajduje sie pod nagłówkiem "FEATURES").
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
yozz84
yozz84
  • 0
Stanąłem na tym:

php query_posts('showposts=8 & category_name=xyz'.'&paged='.$paged); // our custom query
if ( have_posts() ) : while ( have_posts() ) : the_post(); // Start the loop
$img = get_post_meta($post-ID, "postimage", $single = true);//any custom fields? ?>

*
  • Odpowiedz
yozz84
yozz84
  • 0
Rozwiązałem wczoraj problem działania, układu postów itd... został mi do rozwiązania jeden problemik, mianowicie tło... pomimo ustawień w atrybutach:

background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
  • Odpowiedz
michael94
michael94
  • 3
Robię sobie formularz kontaktowy na stronę, jak usunąć to niebieskie podświetlenie po kliknięciu na pole? Do szablonu strony używam również bootstrapa, czy to on narzuca to podświetlenie czy jakieś domyślne ustawienie przeglądarki? Gdzie szukać możliwości wyedytowania tej opcji? ;)

#webdesign #webdev #bootstrap
michael94 - Robię sobie formularz kontaktowy na stronę, jak usunąć to niebieskie podś...

źródło: comment_sUrLf1hkyPlWfJhnZPxEfcWRBSmhbyWO.jpg

Pobierz
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
poh
poh
  • 1
Robię stronę z rwd (bootstrap i troche pluginow do niego), jednak na chrome na telefonie jest magiczna opcja "wersja na komputer", która podmienia useragenta na takiego bez "android" (podobno) i wyświetlamy wersję na desktop (w teorii).

Ale jak wiadomo, rwd opiera się na min-width i max-width, więc to w ogóle nie zadziała. Mam phpowy wykrywacz mobilków który mi dodaje do body klasę "is_mobile". Jedyne na co wpadłem, to powywalać z wszystkich cssów
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
poh
poh
  • 0
@Jurigag: widziałeś moja stronę rwd, że oceniasz? btw, wytłumacz to osobie starszej, która wchodząc na desktopie a potem na mobile widzi co innego (fyi, tak działa rwd) ? i jeśli jakimś cudem znajdzie w chromie opcję "wersja na komputer" to chciałbym by ona działała. A jeśli to jest kwestia dopisania 3 linijek kodu, to tymbardziej. EOT
  • Odpowiedz
Jurigag
Jurigag
  • 0
@poh: ale to nie trzeba widzieć strony rwd - rwd z definicji samej ma być tylko zależne od rozdzielczości, więc sam wygląd strony powinien wygląd identyko, jeśli u ciebie na pc i na telefonie dla tych samych rozdzielczości strona różnie wygląda to nie jest to rwd tylko dwie różne wersje pod różne urządzenia

opcja wersja na komputer właśnie do tego służy, tj są dwie różne wersje stron pod mobile i
  • Odpowiedz
yozz84
yozz84
  • 1
Mireczki... Nie moge sobie z tym poradzić, choć poprzeglądałem już mase postów na http://stackoverflow.com

Mianowicie chciałbym aby menu "zapadało" mi sie przy < 1000px (ekranach które mają mniej jak 1000px). Nijak bez używania LESS nie mogę tego uczynić... Czy ma ktoś jakiś sprawdzony pomysł? Menu mam 2 poziomowe póki co ale będzie 3 poziomwe docelowo. Wszystko czego używałem powodowało iż po zapadnięciu się menu, naciśnięciu na przycisk dropdown w menu kolejna wartwa
  • 12
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
yozz84
yozz84
  • 0
Za pomocą Bootstrap Customize zmieniłem wartość @grid-float-breakpoint z @screen-sm-min na @screen-md-min, nastepnie wygenerowałem raz jeszcze pliki Bootstrapa, podmieniłem z tymi w themie i to w sumie rozwiązało mój problem. Dobrze że własne zmiany nanoszę w osobnych plikach css / js :) Najprostrze rozwiązanie okazało się nalepsze... szkoda ze wczesniej o tym nie pomyslalem... tylko chciałem to za pomocą "własnego css-a zmieniac ;P

Dziękuje za chęć pomocy i wskazówki.
  • Odpowiedz
RudyLis
RudyLis
  • 1
Pewnie głupie pytanie, ale co tam - Jak ustawić w #bootstrap aby karuzela miała szerokość i wysokość taką, jak zaimportowane do niej obrazki?
#webdev
  • 3
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
go3
go3
  • 0
@RudyLis: Ale tobie chodzi dokładniej o jaki element? Bo wszystko powinno grać.

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 100%;
height: auto;
}
  • Odpowiedz
mirkowypok
mirkowypok
  • 3
#webdev
Mirki ma ktos z was doswiadczenie, uzywal ktos CMSa o nazwie Bolt? https://bolt.cm/
Na pierwszy i drugi rzut oka wyglada bardzo ciekawie - bazuje na Twig, pisanie templatek bajecznie proste dla #frontend, backend do zarzadzania to poczciwy #bootstrap.

Zastanawia mnie jak jest z wydajnoscia, szybkoscia stron w porownaniu z innymi CMSami.
  • 7
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
jayfly
jayfly
  • 5
mirki pliki w bootstrapie edytuje się bezpośrednio czy tworzy jakieś kopie i na nich pracuje?
chyba lepiej tworzyć własne klasy niż edytować, bo przy nowej wersji je nadpisze (?) a jak to jest w takim razie z modyfikacjami popularnych tagów/klas ?

#bootstrap #webmastering
  • 8
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach
marrbacca
marrbacca
  • 1
@jayfly: najpierw dołączasz plik bootstrapa, a później swój. Takie same reguły css z Twojego pliku nadpiszą te z bootstrapa. Podczas pracy na stroną dołącz sobie pełny plik css, a później jak już będziesz ją publikował podmień na zminifikowany.
I o jakich danych templatek piszesz, bo nie bardzo rozumiem ;)
  • Odpowiedz
marrbacca
marrbacca
  • 1
@jayfly: jeśli chodzi Ci o CSS to dalej robisz to samo. Zawsze pliki CSS są wczytywane w kolejności w której masz je w części nagłówkowej. Swój plik wstawiasz jako ostatni i to jego reguły będą tymi najważniejszymi.
  • Odpowiedz
lukasz_
lukasz_
  • 4
Mirki, mam mały problem z boostrapem i jak dotąd nie znalazłem rozwiązania :/

Potrzebuję zrobić układ dwóch kolumn, w sumie zajmować mają 100% z tym, że pierwsza kolumna ma się rozszerzać wraz z zawartością (będzie tam tekst, może mieć 10 znaków, a może 120 czy więcej, nie dopuszczam przejścia do nowej linii), a druga kolumna ma automatycznie zajmować pozostałą przestrzeń.

Ktoś, coś ?
#webdev #html #html5
  • 5
  • Odpowiedz

  • Otrzymuj powiadomienia
    o nowych komentarzach

Powiązane tagi