Webboard

Pełna wersja: Zmiana ogłoszenia na forum
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2 3 4 5
Zastąpić masz CAŁY ten .newsbar od .newsbar do }
To jest nie istotne, podmień CAŁY kod który Ci podałem w global.css .newsbar
Efekt końcowy będzie taki:
[Obrazek: za-ncnjymebsersqdgjxdas.jpg]
Dokładnie tak jak @UP napisał.
W razie problemów pisz na PW, lecz lepiej w temacie tak aby komuś innemu się przydało na przyszłość.
Ok.
Przecież miałem to robić w zaawansowane :facepalm:

Zrobione.
Można zobaczyć na forum.

A może ktoś jeszcze jakoś to upiększyć ?
Jakieś efekty specjalne ? :)
Poucz się trochę HTML, CSS. Choć podstawy, bo co to za admin co nie zna kodu. :)
Podstawy znam. Ze szkoły xd
Ale takie wypasione chce xd
Co do tła to możesz skorzystać z generatora gradientów
http://www.colorzilla.com/gradient-editor/
I mam wkleić do CSS to wszystko co wyskakuje mi po prawej ??
Podmienić tylko background w .newsbar

Czyli to co pogrubione zastępujesz tym z prawej.
Cytat:.newsbar {
font-family: arial;
background: rgb(36, 0, 15);
background: -moz-linear-gradient(90deg, rgb(36, 0, 15) 30%, rgb(31, 20, 38) 70%);
background: -webkit-linear-gradient(90deg, rgb(36, 0, 15) 30%, rgb(31, 20, 38) 70%);
background: -o-linear-gradient(90deg, rgb(36, 0, 15) 30%, rgb(31, 20, 38) 70%);
background: -ms-linear-gradient(90deg, rgb(36, 0, 15) 30%, rgb(31, 20, 38) 70%);
background: linear-gradient(180deg, rgb(36, 0, 15) 30%, rgb(31, 20, 38) 70%);

border-top: 1px solid purple;
border-bottom: 1px solid purple;
-webkit-box-shadow: -3px 3px 2px rgba(0, 0, 0, 0.86);
-moz-box-shadow: -3px 3px 2px rgba(0, 0, 0, 0.86);
box-shadow: -3px 3px 2px rgba(0, 0, 0, 0.86);
text-align: center;
margin: 7px 0px; auto;
padding: 10px 10px;
font-weight: bold;
font-size: 13px
border-radius: 4px;
}
Ja osobiście korzystam z tego generatora, bardzo prosty w obsłudze oraz przejrzysty.

http://css3gen.com/gradient-generator/

Podmieniasz tak jak SLAVOO napisał, SAME background, nic więcej :)
Stron: 1 2 3 4 5