Tryb drzewa | Tryb normalny

Wader · 13-10-2013, 08:54

Sprawdź:

Cześć

Jak zrobić taką ramkę: http://scr.hu/1s81/ogngl , lecz w HTML'u? Chciałbym móc ewentualnie zmieniać kolory.

Za pomoc przyznam repuciki.

DDK · 13-10-2013, 09:39

Kod:
<div id="ramka">Tekst w ramce</div>

Jeżeli masz plik CSS ze stylami to dorzuć do niego:

Kod:
div#ramka {
background: black;
color: white;
border: 1px solid red;
padding: 5px 20px;
margin: 10px auto;
text-align: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

Jeżeli nie masz oddzielnego CSS to kompletny kod na ramkę w samym HTML jest taki:

Kod:
<div id="ramka" style="background: black; color: white; border: 1px solid red; padding: 5px 20px; margin: 10px auto; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;">Tekst w ramce</div>

Kolor tła i ramki możesz zmieniać sobie dowolnie. Możesz podać kolor generując sobie go tutaj http://html-color-codes.info/

Wader · 13-10-2013, 09:48

A wiesz może czemu, jest całe czarne tło i literki w środku strasznie małe (http://scr.hu/1s81/zh7r4 ) ??

Użyłem tej ostatniej wersji.

DDK · 13-10-2013, 09:52

Wielkość czcionki pewnie masz ustawioną w innej części kodu strony. Dodaj parametr

Kod:
font-size: 14px;

( 14px to przykład, zmień sobie na tyle ile chcesz ). O tle mówiłem, że możesz dowolnie zmieniać. Obecnie jest

Kod:
background: black;

Zmień sobie "black" na dowolny kolor wygenerowany stronką którą dałem w poprzednim poście Wink

Zmiana koloru obramowania analogicznie do tła.

Wader · 13-10-2013, 10:06

Ok, dzięki.

A pomożesz przy ostatniej rzeczy?

Gdzie dokładnie wkleić to: http://wklej.to/TWLaf , http://wklej.to/226NT do tego: http://wklej.to/QBb84

DDK · 13-10-2013, 10:23

Skrypt ( pierwszy link ) to w tagu

Kod:
<script type="text/javascript"> tutaj kod skryptu </script>

Kod z drugiego link to jako treść w ramce według przykładu podanego w moim pierwszym poście.

Wader · 13-10-2013, 10:31

Ok, wielkie dzięki. Można zamknąć temat.

**Admin** · 13-10-2013, 10:56

Wątek zostaje zamknięty, ponieważ moderator uznał że temat został wyczerpany bądź rozwiązany. Jeśli posiadasz nowe pytania prosimy o założenie kolejnego tematu.

DDK ;-) Liczba postów: 4,636 Dołączył: Feb 2010 Reputacja: 3,021 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 42.29	Post: #2 RE: Ramka w HTML'u Kod: `<div id="ramka">Tekst w ramce</div>` Jeżeli masz plik CSS ze stylami to dorzuć do niego: Kod: `div#ramka { background: black; color: white; border: 1px solid red; padding: 5px 20px; margin: 10px auto; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }` Jeżeli nie masz oddzielnego CSS to kompletny kod na ramkę w samym HTML jest taki: Kod: `<div id="ramka" style="background: black; color: white; border: 1px solid red; padding: 5px 20px; margin: 10px auto; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;">Tekst w ramce</div>` Kolor tła i ramki możesz zmieniać sobie dowolnie. Możesz podać kolor generując sobie go tutaj http://html-color-codes.info/ (Ten post był ostatnio modyfikowany: 13-10-2013, 09:43 przez DDK.)
Glosy:	Wader (+1)
13-10-2013, 09:39

Wader Początkujący Liczba postów: 91 Dołączył: Aug 2012 Reputacja: 5 Forum Gold: 0.00	Post: #3 RE: Ramka w HTML'u A wiesz może czemu, jest całe czarne tło i literki w środku strasznie małe (http://scr.hu/1s81/zh7r4 ) ?? Użyłem tej ostatniej wersji. Wader, dumny członek http://zarabiam.com od Aug 2012.
Glosy:
13-10-2013, 09:48

DDK ;-) Liczba postów: 4,636 Dołączył: Feb 2010 Reputacja: 3,021 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 42.29	Post: #4 RE: Ramka w HTML'u Wielkość czcionki pewnie masz ustawioną w innej części kodu strony. Dodaj parametr Kod: `font-size: 14px;` ( 14px to przykład, zmień sobie na tyle ile chcesz ). O tle mówiłem, że możesz dowolnie zmieniać. Obecnie jest Kod: `background: black;` Zmień sobie "black" na dowolny kolor wygenerowany stronką którą dałem w poprzednim poście Zmiana koloru obramowania analogicznie do tła. (Ten post był ostatnio modyfikowany: 13-10-2013, 09:54 przez DDK.)
Glosy:	Wader (+1)
13-10-2013, 09:52

Wader Początkujący Liczba postów: 91 Dołączył: Aug 2012 Reputacja: 5 Forum Gold: 0.00	Post: #5 RE: Ramka w HTML'u Ok, dzięki. A pomożesz przy ostatniej rzeczy? Gdzie dokładnie wkleić to: http://wklej.to/TWLaf , http://wklej.to/226NT do tego: http://wklej.to/QBb84 Wader, dumny członek http://zarabiam.com od Aug 2012.
Glosy:
13-10-2013, 10:06

DDK ;-) Liczba postów: 4,636 Dołączył: Feb 2010 Reputacja: 3,021 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 42.29	Post: #6 RE: Ramka w HTML'u Skrypt ( pierwszy link ) to w tagu Kod: `<script type="text/javascript"> tutaj kod skryptu </script>` Kod z drugiego link to jako treść w ramce według przykładu podanego w moim pierwszym poście. (Ten post był ostatnio modyfikowany: 13-10-2013, 10:23 przez DDK.)
Glosy:	Wader (+1)
13-10-2013, 10:23

Tryb drzewa \| Tryb normalny Ramka w HTML'u
Autor	Wiadomość

Wader Początkujący Liczba postów: 91 Dołączył: Aug 2012 Reputacja: 5 Forum Gold: 0.00	Post: #7 RE: Ramka w HTML'u Ok, wielkie dzięki. Można zamknąć temat. Wader, dumny członek http://zarabiam.com od Aug 2012.
Glosy:
13-10-2013, 10:31

Admin Administrator Liczba postów: 21,737 Dołączył: Oct 2009 Reputacja: 10,161 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 334,652.95	Post: #8 Ramka w HTML'u Wątek zostaje zamknięty, ponieważ moderator uznał że temat został wyczerpany bądź rozwiązany. Jeśli posiadasz nowe pytania prosimy o założenie kolejnego tematu.
Glosy:
13-10-2013, 10:56

Podobne wątki…
Wątek:		Autor	Odpowiedzi:	Wyświetleń:	Ostatni post
	Pomoc przy formularzu HTML/PHP	goblin21	1	1,310	27-09-2011, 18:03 Ostatni post: goblin21