Skocz do zawartości

[HTML & CSS] Massively


Tomik
 Udostępnij

Rekomendowane odpowiedzi

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Podobna zawartość

    • Witajcie! Chciałbym w tym poradniku krótko opisać język HTML5 oraz CSS3 i jak nim się posługiwać.
      Język html stosuje się do tworzenia stron internetowych. Przeglądarki internetowe odczytują składnię html i interpretują ją, wyświetlając stronę.
      Zaczynając krótko opiszę wam parę rzeczy, które warto stosować.
      <meta charset="utf-8">   Czyli jest to potrzebne żeby pojawiały się polskie znaki na naszej stronie internetowej.
      Znacznik body <body> </body> Ustawienia strony trafiają do sekcji wyznaczonej przez element <head>,  natomiast treść strony internetowej, czyli wszystko to co zostanie wyświetlone na ekranie musi znaleźć się w elemencie <body> (ang. ciało strony, dokumentu).
      Pomiędzy znacznikami <body> oraz </body> lokujemy wszystkie informacje, które chcielibyśmy umieścić na stronie. Zaktualizujmy teraz nasz dokument o nowy znacznik.
      <meta name="viewport" content="width=device-width, initial-scale=1"> Wiele osób wie czym jest RWD, ale postaram wam się to wyjaśnić:
      Responsive web design (RWD) – technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna przeglądarki, na której jest wyświetlany np. przeglądarki, smartfonów czy tabletów.
      Aby zrobić odsyłacz należy do tego:
      <a href="index.html">Twój Tekst</a> Jeżeli chcemy mieć kod css to tworzymy pliczek style.css, ale przed tym musimy w html dodać to:
      <link rel="Stylesheet" type="text/css" href="style.css" /> Generalnie jeżeli chcemy dodać jakiś kod css gdzie nie mamy tego kodu wyżej lub style.css to po prostu dajemy
      <style> </style> Lecz po co sobie zaśmiecać index.html/php jak możemy mieć do tego odpowiedni pliczek, którym jest np style.css
      Jeżeli chcemy edytować nasz odsyłacz to możemy to zrobić za pomocą CSS
      Nasz kod na odsyłacz <a href="index.html">Start</a> Jeżeli chcemy, aby nasz odsyłacz zyskał np wielkość itd to należy do tego: <div class="odsylacz"><a href="index.html">Start</a></div> Tam gdzie dałem "odsylacz" mozecie dać co chcecie i gdy chcemy wtedy w style.css dodać nasz kod wystarczy .odsylacz { } lub jeżeli chcemy w html pliku to <style> .odsylacz { } </style> Pokaże wam krótki kodzik: <style> .odsylacz { color: #000; text-align: right; font-size: 7.2rem; } </style> Jeżeli chcemy, aby nasza strona posiadała tytuł należy do niego kod:
      <tittle> </tittle> czyli <tittle>tutorial</tittle> nasz strona zyskała tytuł tutorial Jeżeli chcemy, aby nasz tekst itd zyskał jakiś fajny efekt mam na myśli font to polecam stronę:
      https://fonts.google.com/ Gdy chcemy aby nasz font zadziałał należy w htmlu dodać:
      <link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah" rel="stylesheet"> a tam gdzie mieliśmy
      <style> .odsylacz { } </style> Należy dodać: <style> .odsylacz { font-family: 'Gloria Hallelujah', cursive; } </style> DOCTYPE HTML5
      <!DOCTYPE html> Deklaracji dokumentu html dokonujemy na samym początku strony internetowej, na samej górze, na pierwszej linii kodu html. Deklaracja ta informuje przeglądarkę o rodzaju dokumentu, który ma przetworzyć.
      Deklaracji języka stosowanego na naszej stronie internetowej dokonujemy za pomocą:
      <html lang="pl"> Sekcja nagłówkowa w HTML
      <head> </head> Krótki kodzik: <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" /> <meta http-equiv="Content-Language" content="pl" /> <meta name="Author" content="Jacob192" /> <title>Poradnik</title> </head> Autor html
      <meta name="Author" content="Jacob192" /> Może teraz trochę o javascript:
      Tworzymy plik o nazwie np: xxx.js a w htmlu:
      <script src="xxx.js"></script> Tak jak wyżej pisaliśmy o odsyłaczu także możemy edytować nasz tekst za pomocą CSS wystarczy:
      <div class="xxxxx">xxxxx</div><br> Też możemy za pomocą style.css lub po prostu <style></style> <style> .xxxxx { } </style> Każdą rzecz można edytować w CSS tylko nie zapominajcie o <div class="xxxxx"></div>
      Kody Javascript są określane tagiem
      <script> </script>  Jeżeli chodzi oto jaki program macie pobrać to polecam notepad ++. Polecam wam też pobrać przeglądarkę Firefox developer edition
      Jeżeli nie wiecie jaki to kolor, który wam się podoba na danej stronie to polecam zainstalować dodatek Color Picker lub ColorZilla.
      Co do RWD to polecam temat: Wstęp do RWD jako obowiązkowa lektura każdego Juniora
      Poradnik będę dokańczać! Na ten moment jest to tylko opisanie co i jak a póżniej będziemy robić strony w tym poradniku krok po kroku.
    • Sprzedam Szablon pod silnik 4.1 - FastGamers_v2. Szablon unikatowy wykonany dla mojej własnej osoby. (autorstwa: FiFi.ART & Edyta Seremak & Krasnal) Posiada przerobioną tabele online z serwerami. Screen szablonu na dole.
      Cena: Do negocjacji, ale około 250zł.
      Płatność: Głównie interesuje PayPal, może być przelew bankowy, ale wszystko finalizuje po zaksięgowaniu kwoty.
      Kontakt:  GG: 43690537, Steam: tenstyll4ever, może być PW tutaj na forum.
      Allegro (nie wymagane): Nie
      Zdjęcia: 

    • Autor: @myCreedo
      Wersja MyBB: 1.8.x
      Wersja stylu: 1.0
      Podgląd - więcej zdjęć tutaj.
      OPIS
      Fladmin to darmowy szablon panelu administratora w stylu Flat Design dla MyBB 1.8.x. Jest w pełni responsywny i wielokolorowy - każda sekcja panelu (nawet te niestandardowe!) posiada własny pastelowy kolor! Nie wymaga instalacji dodatkowych wtyczek. 
      INSTALACJA
      1. Otwórz folder upload i prześlij całą zawartość do katalogu głównego swojego forum.
      2. Przejdź do ACP  Konfiguracja  Ustawienia  Preferencje panelu sterowania (globalne).  
      3. Wybierz Fladmin w Styl panelu administratora i naciśnij Zapisz ustawienia.
      WŁĄCZENIE DLA SWOJEGO KONTA
      Przejdź do ACP  Start  Ustawienia ACP Wybierz Fladmin w Styl panelu administratora i naciśnij Zapisz notatki i ustawienia.   
      Pobierz:  Ukryta zawartość
      Zareaguj na post lub odpowiedz w temacie aby zobaczyć ukrytą zawartość.
      Mybb Community: Link
    • Chcę wycenić: Całe forum http://forum.fastgamers.eu/  bez serwerów szablonu + licencji 
    • Po wgraniu szablonu, panelu administracyjnego MyGentelella Theme ACP for MyBB by chack1172 wyskakuje taki błąd:

      ? co to ma być
  • Najnowsze tematy

  • Ostatnio rozwiązane

    • Cześć. Sprawdź poniższe tematy z tabelką "Kontakt z Administracją":  Tabela "Kontakt z Administracją" dla stylu MyBB Trzeci kod na tabelkę "Kontakt z Administracją" pod MyBB Gotowy kod na "Kontakt z Administracją". Kontakt z Administracją + status Online - Offline [MyBB] Kontakt z Administracją w panelu bocznym A tutaj tabelka serwerów Counter Strike: Gotowa Tabela Serwerów CS pod MyBB Te wszystkie gotowce są przeważnie wyciągane z różnych styli i nie zawsze je tak łatwo dodać do innego. Trzeba zazwyczaj poprawić lekko kod pod swój motyw.
    • Cześć. Tak strona internetowa musi mieć informację iż wykorzystuje pliki cookies, najczęściej jest to wyskakujący baner na dole strony z przyciskiem "Zgadzam się". Oczywiście jeżeli Twoja strona nie wykorzystuje cookies to nie musisz umieszczać żadnego ostrzeżenia. Dodatkowo nie każdy rodzaj ciasteczek wymaga publikacji na stronie o ich wykorzystywaniu.  Ustawa wyłącza spod tego obowiązku ciasteczka o charakterze technicznym, czyli wykorzystywane między innymi przy rejestracji kont, logowaniu albo zapisywaniu towarów w koszyku sklepu internetowego. W Polsce przepis dotyczący stosowania plików cookies został umieszczony 22 marca 2013 roku w ustawie Prawo Telekomunikacyjne w art. 173 i brzmi on tak: Przechowywanie informacji lub uzyskiwanie dostępu do informacji już przechowywanej w telekomunikacyjnym urządzeniu końcowym abonenta lub użytkownika końcowego jest dozwolone, pod warunkiem że: abonent lub użytkownik końcowy zostanie uprzednio bezpośrednio poinformowany w sposób jednoznaczny, łatwy i zrozumiały, o:  celu przechowywania i uzyskiwania dostępu do tej informacji, możliwości określenia przez niego warunków przechowywania lub uzyskiwania dostępu do tej informacji za pomocą ustawień oprogramowania zainstalowanego w wykorzystywanym przez niego telekomunikacyjnym urządzeniu końcowym lub konfiguracji usługi; abonent lub użytkownik końcowy, po otrzymaniu informacji, o których mowa w pkt 1, wyrazi na to zgodę; (…) przechowywana informacja lub uzyskiwanie do niej dostępu nie powoduje zmian konfiguracyjnych w telekomunikacyjnym urządzeniu końcowym abonenta lub użytkownika końcowego i oprogramowaniu zainstalowanym w tym urządzeniu. Jest taki zapis w ustawie, ale dotyczy on bardziej dużych korporacji czy technologicznych gigantów jak Google czy Amazon.  Zgodnie z przepisami karnymi Prawa Telekomunikacyjnego (art. 209 ust. 1, pkt. 27 i art. 210) za brak informacji o ciasteczkach karę  pieniężną w drodze decyzji nakłada Prezes Urzędu Komunikacji Elektronicznej. Uwzględniając okoliczności i możliwości finansowe ukaranego podmiotu może nałożyć karę w wysokości do 3 % przychodu ukaranego podmiotu, osiągniętego w poprzednim roku kalendarzowym.  Jeżeli okres działania podmiotu jest krótszy niż rok kalendarzowy, za podstawę wymiaru kary przyjmuje się kwotę 500 000 złotych! Najłatwiej i najszybciej skorzystać z gotowych skryptów Javascript i zaimplementować je na swojej stronie.  Skorzystaj ze strony: Skrypt-cookies.pl albo ciasteczka.eu.
    • Musisz dodać kod HTML legendy grup w osobnej tabeli, bo dodałeś kod wewnątrz tabeli "WhosOnline" dlatego się rozjechało. Znaki zapytania wyświetlają się dlatego że w stylu masz zaimplementowaną nowszą wersję Font Awesome 5 a w kodzie legendy grup jest kod dla wersji 4.7. Przykładowo ten kod dla ikonki pół-gwiazdy nie zadziała na FA5 a zamiast ikonki będzie pokazywał się znak zapytania o którym wspomniałeś. <i class="fa fa-star-half-o" aria-hidden="true"></i> Poprawnym odpowiednikiem tej ikonki w nowej wersji jest: <i class="fas fa-star-half"></i> Jak widać w FA5 jest "fas" zamiast "fa" i zniknęło -o na końcu. Natomiast dla ikonek z logiem marek np. Steam czy Facebook zamist "fas" jest "fab" = Font Awesome Brand. Warto dodać że w FA5 wiele ikonek jest dostępnych tylko w wersji PRO więc nie zawsze znajdziesz dokładny odpowiednik, trzeba użyć najbardziej zbliżonej dostępnej ikonki. Myślę że wiesz już o co chodzi, bo są to naprawdę podstawy HTML.  Dobra, poprawiłem cały kod za Ciebie. Warto zadbać o to aby kod był czytelny czyli np. oddzielić sobie poszczególne komórki (td) wtedy łatwiej jest go zrozumieć i edytować. Dodatkowo nie widzę sensu dodawać stylu lokalnego (CSS) wewnątrz kodu HTML, przecież od tego jest właśnie arkusz styli, aby tam dodwać klasy i w razie czego edytować jedną klasę a nie tracić czasu na edycję kodu HTML. Przykładowo jeżeli chciałbyś teraz zmienić "padding-left" to musisz edytować to w każdym elemencie "span" a wystarczyłoby dodać nową klasę do global.css i operować tylko nią... ale mniejsza o to nie będę się czepiał 😛  Przejdź do szablonu index_boardstats, usuń cały dotychczasowy kod i wklej: {$forumstats} <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <thead> <tr> <td class="thead{$collapsedthead['boardstats']}"> <div><strong><span class="podkresleniestaty">{$lang->whos_online} </span><span class="podnapisstaty"> {$lang->online_note} </span></strong></div> </td> </tr> </thead> <tbody style="{$collapsed['boardstats_e']}" id="boardstats_e"> {$whosonline} </tbody> </table> <br /> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: red; text-shadow: 3px 3px 10px !important;font-weight:bold;">Administracyjne:</span><br> <br> <span class="rank_admin"><i class="fa fa-star"></i> Właściciel</span> <br> <span class="rank_viceadmin" style="padding-left: 10px;"><i class="fas fa-star"></i> Współwłaściciel</span> <br> <span class="rank_hadmin" style="padding-left: 10px;"><i class="fas fa-star" aria-hidden="true"></i> Administrator Forum</span> <br> <span class="rank_opforum" style="padding-left: 10px;"><i class="fas fa-star-half"></i> Opiekun Forum</span> <br> <span class="rank_mod" style="padding-left: 10px;"><i class="fas fa-cogs" aria-hidden="true"></i> Moderator</span><br> <span class="rank_ubt" style="padding-left: 10px;"><i class="fas fa-gavel"></i> UBTeam</span> <br> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: green; text-shadow: 3px 3px 10px !important;font-weight:bold;">Serwerowe:</span> <br><br> <span class="rank_wserwera" style="padding-left: 10px;"><i class="fas fa-shield-alt"></i> Właściciel Serwera</span> <br> <span class="rank_opiekun" style="padding-left: 10px;"><i class="fab fa-yelp"></i> Opiekun Serwera</span> <br> <span class="rank_madmin" style="padding-left: 10px;"><i class="fab fa-steam"></i> Multi-Admin</span><br> <span class="rank_aserwera" style="padding-left: 10px;"><i class="fab fa-steam"></i> Admin Serwera CS 1.6</span> <br> <span class="rank_ats" style="padding-left: 10px;"><i class="fas fa-microphone"></i> Admin Serwera TS3</span><br> <span style="font-weight: bold; color: #00ffff;"><i class="fab fa-steam" aria-hidden="true"></i>&nbsp;Admin Rezerwowy</span><br> <span style="text-shadow: 1px 1px 8px #FFCC00 ; font-weight: bold; color:#FFCC00 ;"><i class="fas fa-code" aria-hidden="true"></i>Technik Serwerów</span><br> <span style="text-shadow: 1px 1px 8px #FFCC00 ; font-weight: bold; color:#FFCC00 ;"><i class="fas fa-microphone"></i>Technik TeamSpeak</span> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: cyan; text-shadow: 3px 3px 10px !important;font-weight:bold;">Forumowe:</span> <br><br> <span class="rank_grafik" style="padding-left: 10px;"><i class="fas fa-paint-brush"></i> Grafik</span> <br> <span class="rank_redaktor" style="padding-left: 10px;"><i class="fas fa-edit"></i> Redaktor</span><br> <span class="rank_rfb" style="padding-left: 10px;"><i class="fab fa-facebook" aria-hidden="true"></i> Redaktor FanPage</span> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px;color: purple; text-shadow: 3px 3px 10px !important;font-weight:bold;">Premium:</span> <br><br> <span class="rank_donator" style="padding-left: 10px;"><i class="fas fa-dollar-sign"></i> Donator</span><br> <span class="rank_premium" style="padding-left: 10px;"><i class="fas fa-star"></i> Premium</span><br> <span class="rank_weteran" style="padding-left: 10px;"><i class="fas fa-gem"></i> Zasłużony</span> </td> <td class="trow1" style="vertical-align:top;height:20%;margin:0 auto;width:13.5%;"> <span style="font-size:13px; color: white;text-shadow: 3px 3px 10px !important;font-weight:bold;">Podstawowe:</span> <br><br> <span class="rank_laska" style="padding-left: 10px;"><i class="fas fa-heart"></i> Kobieta</span> <br> <span class="rank_bywalec" style="padding-left: 10px;"><i class="fas fa-gem"></i> Bywalec</span><br> <span class="rank_user" style="padding-left: 10px;"><i class="fas fa-user"></i> Użytkownik</span> <br> </td> </table> <br />
×