Forum Gry Hobby Sprzęt Rozmawiamy Archiwum Regulamin

Forum: Strona HTML jak zrobić ramkę czy coś takiego? :P

03.04.2018 16:08
TradexMaker
1
TradexMaker
29
Konsul
Image

Strona HTML jak zrobić ramkę czy coś takiego? :P

Potrzebuję na mojej stronie internetowej zrobić coś w stylu ramki w której będzie znajdować się tytuł, opis i filmik z youtuba. Ramka musi być w innym kolorze niż tło strony w paincie przyszykowałem specjalistyczny projekt tego jak to ma wyglądać :P

Narobiłem w kodzie syfu i za cholerę nie wiem jak to zrobić ;x

03.04.2018 16:30
hopkins
2
odpowiedz
1 odpowiedź
hopkins
212
Zaczarowany

W tabele to wdupc.

03.04.2018 16:42
2.1
kendrixargon
22
Chorąży

Na tabelach to już się nie pracuje od conajmniej 5 lat, poza mailingami oczywiście.

03.04.2018 16:38
TradexMaker
3
odpowiedz
TradexMaker
29
Konsul

Próbuje ale średnio tabele chcą ze mną współpracować. Mam nadzieje że ktoś wrzuci gotowy kod xD

post wyedytowany przez TradexMaker 2018-04-03 16:38:42
03.04.2018 16:41
4
odpowiedz
kendrixargon
22
Chorąży

Musisz sobie poczytać o CSS

Masz tu przykład jak należy to zrobić.
selector ‹;
background: black;
border: 2px solid yellow;
›;

Poczytaj co to są selectory w CSS-ie. Nie wiem jak dawno uczyłeś się HTML-a, jeśli w ogóle.
Miłej lektury:
https://www.w3schools.com/css/default.asp
Albo wrzuć chociaż kawałek kodu z tytułem opisem i filmikiem na pastebin.com

post wyedytowany przez kendrixargon 2018-04-03 16:49:26
03.04.2018 16:51
TradexMaker
5
odpowiedz
4 odpowiedzi
TradexMaker
29
Konsul

Wrzuciłem kod z tej strony to mi zmieniło tło całej strony i skasowało polskie znaki, wielkie dzięki xD

Mam gotową całą stronę na html'u i mam jakieś tam dodatki typu zegar, animacje z css i jakieś inne śmieci ale tej ramki nadal nie potrafi zrobić ;x

03.04.2018 16:53
WolfDale
😊
5.1
WolfDale
74
Sztuczny Wytwór Forumowy

Narysuj w Paincie.

03.04.2018 16:54
TradexMaker
5.2
TradexMaker
29
Konsul

Narysowałem już :)

03.04.2018 17:10
5.3
kendrixargon
22
Chorąży

A czy ja napisałem że ten kod będzie działać? Myślisz że rozwiąże twój problem za Ciebie jak nawet kawałka kodu nie pokazałeś? Dostałeś już linka do dokumentacji, czytaj albo googluj.

post wyedytowany przez kendrixargon 2018-04-03 17:11:01
03.04.2018 17:32
TradexMaker
5.4
TradexMaker
29
Konsul

Próbuje ale na prawdę nie potrafię sobie z tym poradzić i stworzyć takiej ramki o którą mi chodzi. Zawsze najpierw próbuje sobie samemu poradzić zanim poproszę na forum o pomoc. Co dokleję w mój kod albo nie chcę działać tak jak powinno albo przesuwa mi stopkę albo coś innego ;x

Mam kod mojej strony wrzucić?

post wyedytowany przez TradexMaker 2018-04-03 17:32:45
03.04.2018 17:38
6
1
odpowiedz
2 odpowiedzi
xiver
88
Pretorianin
03.04.2018 17:50
TradexMaker
6.1
TradexMaker
29
Konsul

Rozumiem że ten kod css musze jakoś wklepać w mój kod by to co widać na podglądzie działało? jak wklejam kod html to nie chce działać.

Odkryje jeszcze jak to wklepać i będzie okej :)

Wielkie dzięki! :)

post wyedytowany przez TradexMaker 2018-04-03 17:50:48
03.04.2018 18:03
6.2
kendrixargon
22
Chorąży

Po znaczniku <body> możesz wklejć HTML-a, CSS możesz podglądowo wrzucić między znacznik <style>, albo do oddzielnego pliku *.css.

post wyedytowany przez kendrixargon 2018-04-03 18:24:54
03.04.2018 18:06
7
odpowiedz
zanonimizowany602264
153
Legend

Wrzuć najlepiej tutaj całą stronę, bo kod wrzucony przez xivera może zmienić ci wygląd całej strony, a ty nawet nie będziesz potem wiedział jak to zmienić. :P

03.04.2018 18:25
8
1
odpowiedz
4 odpowiedzi
kendrixargon
22
Chorąży

Jeśli nie masz siły już rozkminiać, tutaj masz cały plik html:
https://pastebin.com/6zPzsEfu

03.04.2018 18:31
TradexMaker
8.1
TradexMaker
29
Konsul

To chyba może mnie uratować, idę to spróbować wklepać :P

03.04.2018 18:32
TradexMaker
8.2
TradexMaker
29
Konsul

Miałem inną wizję tego ale chyba da radę :D

Dziękuje! :)

03.04.2018 18:37
TradexMaker
8.3
TradexMaker
29
Konsul

Spamuje jak idiota tutaj ale trudno ;p

Jak mogę zmienić to zielone i niebieskie obramowanie? :)

03.04.2018 18:40
8.4
kendrixargon
22
Chorąży

Nie ma za co, powiedzmy że "cała przyjemność po mojej stronie". :)

Polecam przerobić jakiś tutorial, zrobić sobie maraton z materiałami z youtube albo wejść na:
https://www.codecademy.com/ (za darmo, ja tak zaczynałem)

Nie katuj się już dzisiaj tym.
Powodzenia.

@up
Możesz zmienić green na blue na przykład, kolory w css-ie można na wiele(conajmniej 5) sposobów definiować.
Dla przykładu niebieski może być zapisany w taki sposob
color: blue;
color: #0000ff;
color: #00f; - skrócony zapis
color: rgb(0, 0 , 255);
color: rgba(0, 0 , 255, 1);
color: hsl(240, 100%, 50%);
Każdy z tych zapisów, da ci kolor niebieski.
Jak chcesz zmienić kolor ramki to zmieniasz color na border-color
Tutaj masz suwaki do ustawiania kolorów.
http://colorizer.org/

post wyedytowany przez kendrixargon 2018-04-03 18:51:05
03.04.2018 18:27
TradexMaker
9
odpowiedz
3 odpowiedzi
TradexMaker
29
Konsul

Już zwaliłem całą jedną podstronę...

Jest opcja by zamiast tych ramek, tabelek dodać po prostu grafikę jako tło i na tą grafikę wrzucić filmik z youtuba? :)

To byłoby najlepsze rozwiązanie...

post wyedytowany przez TradexMaker 2018-04-03 18:28:52
03.04.2018 18:30
03.04.2018 18:45
TradexMaker
9.2
TradexMaker
29
Konsul

Na prawdę bardzo dziękuje, kod który wysłałeś na pewno wykorzystam na mojej stronie.

Mam ostatnie pytanie i zamykam się na wieki wieków ;p

Za te niebieskie i zielone linie na krańcach odpowiada border: 2px solid green; ?
jak wpisuje np. red to znika cała ta linia i nic się nie pojawia.

03.04.2018 18:52
9.3
kendrixargon
22
Chorąży

Za kolor linii odpowiada ostatnia wartość w border.
Nie możesz sobie napisać border: red, musisz podać grubość ramki i jej styl. Jak chcesz zmienić tylko sam kolor to border-color.

post wyedytowany przez kendrixargon 2018-04-03 18:53:00
03.04.2018 19:11
TradexMaker
10
odpowiedz
1 odpowiedź
TradexMaker
29
Konsul

Tak bardzo się podekscytowałem że wreszcie udało mnie się znaleźć tego co szukam że zamiast spojrzeć w kod to nie potrzebnie pytałem :)

Teraz wreszcie mogę zacząć dalszą pracę nad stroną, dzięki wielkie jeszcze raz :)

03.04.2018 19:20
10.1
kendrixargon
22
Chorąży

To świetnie że Ci się udało.
Powtórze się 3 raz, ale zrób sobie przerwe jedno/kilkudniową od robienia swojej strony i przerób wszystkie podstawy, wpadniesz na następny problem i znowu będziesz się zastanawiał kilka godzin. Jak masz problem to wpisuj po angielsku w google, na 95% któś już miał taki problem, jak nie możesz znaleść to napisz jeszcze raz innymi słowami w google.
Dobra kończe tą pisanine.

Forum: Strona HTML jak zrobić ramkę czy coś takiego? :P