+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Kodowanie laya... (/thread-kodowanie-laya)
Kodowanie laya... - FreakyPhobos - 21-01-2010
Witam,
Dzisiaj zacząłem sie uczyć css, poczytałem kilka kursów, wiem mniej więcej co z czym się je.
Jednak nie potrafie zroumieć tego co robić z pociętem layem.
Dokładnie chodzi mi o to że co mam zrobić aby np. treść newsa była na danym obrazku który jest zmieniony w tło a nie obrazek.
Zapewne ten kto sie tym zajmuje wie że kiedy potnę laya to PS sam daje mi ten początkowy kod, i nie wiem czy jest mi on potrzebny czy też nie?
Jeżeli napisałem coś niezrozumiale to przepraszam, jeżeli ktoś może mi pomóc prosze o odpowiedź w temacie lub najlepiej na gg 9850595.
Pozdrawiam FreakyPhobos.
RE: Kodowanie laya... - Gherthus - 21-01-2010
Kodu raczej nie dostaniesz. Dostaniesz layout w postaci obrazka, plik .psd - będziesz mógł sobie go edytować w PS i może jakiś czcionki, ikonki.
Jak napiszesz sobie taki szablon oparty na divach to w arkuszu css musisz dać dla diva z np. newsem tło pod newsem z tego laya.
robisz np. tak:
kod html:
Kod:
<div class="news">Jakaś tam tresć newsa</div>kod css:
Kod:
div.news
{
background-image: url(ścieżka_do_pliku_tła);
Background-color: #Kolor_w_hexie;
}Kod ten nada dla wszystkich divów o klasie news tło z twojego obrazka i jednolity kolor tła. Chyba zrozumiesz. Jak nie to poczytaj jeszcze kurs. Szczególnie rozdział z tłem i selektorami.
RE: Kodowanie laya... - FreakyPhobos - 21-01-2010
Nie zrozumiałeś.
Dajmy że mam już układ strony, i chce abym mogł na tym obrazu gdzie pisze news umieszczac swój tekst...
Teraz mam wszystko zapisane w .htmlu czyli w indexie
nie mam pliku styl.css
Rozumiesz?
(tutaj link do strony http://www.gemlapsze.yoyo.pl/ )
RE: Kodowanie laya... - webrunner1981 - 23-01-2010
(21-01-2010, 03:16)FreakyPhobos napisał(a): Nie zrozumiałeś.
Dajmy że mam już układ strony, i chce abym mogł na tym obrazu gdzie pisze news umieszczac swój tekst...
Teraz mam wszystko zapisane w .htmlu czyli w indexie
nie mam pliku styl.css
Rozumiesz?
(tutaj link do strony http://www.gemlapsze.yoyo.pl/ )
http://www.gemlapsze.yoyo.pl/style.css jak widać plik css jest.
RE: Kodowanie laya... - Gherthus - 23-01-2010
(23-01-2010, 19:00)webrunner1981 napisał(a):Bo przedtem było tam zupełnie coś innego. Przekonałem kolegę do divów i chyba wrzucił tam jakiś darmowy szablon ;](21-01-2010, 03:16)FreakyPhobos napisał(a): Nie zrozumiałeś.
Dajmy że mam już układ strony, i chce abym mogł na tym obrazu gdzie pisze news umieszczac swój tekst...
Teraz mam wszystko zapisane w .htmlu czyli w indexie
nie mam pliku styl.css
Rozumiesz?
(tutaj link do strony http://www.gemlapsze.yoyo.pl/ )
http://www.gemlapsze.yoyo.pl/style.css jak widać plik css jest.
RE: Kodowanie laya... - webrunner1981 - 24-01-2010
Pewnie znów to samo, co w większości przypadków w pliku CSS: position: absolute; oraz position: relative; dla danego kontenera (div).
Do wyboru:
Kod:
#div.news { position: absolute; margin-top: 20px; margin-left: 100px; }Kod:
.div.news { position: absolute; margin-top: 20px; margin-left: 100px; }