+- Praca w domu - Dodatkowa Praca - Zarabianie przez Internet (https://zarabiam.com)
+-- Dział: Off-Topic (https://zarabiam.com/Forum-Off-Topic-9)
+--- Dział: Off-Topic (https://zarabiam.com/Forum-Off-Topic-10)
+--- Wątek: Ramka w HTML'u (/Temat-Ramka-w-HTML-u-77982)
Ramka w HTML'u - Wader - 13-10-2013
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.
RE: Ramka w HTML'u - DDK - 13-10-2013
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/
RE: Ramka w HTML'u - Wader - 13-10-2013
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.
RE: Ramka w HTML'u - DDK - 13-10-2013
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.
RE: Ramka w HTML'u - Wader - 13-10-2013
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
RE: Ramka w HTML'u - DDK - 13-10-2013
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.
RE: Ramka w HTML'u - Wader - 13-10-2013
Ok, wielkie dzięki. Można zamknąć temat.
Ramka w HTML'u - Admin - 13-10-2013
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.