Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP]Tworze stronkę w photoshop, kilka porad prosze
Forum PHP.pl > Forum > Przedszkole
Mlody993
Witam,
tworzę właśnie stronkę w photoshopie, robie logo, menu itp., tnę to na kawałki i zapisuje... aktualnie mam plik logo, menu i srodek. Jednak mam problem, bo niby zrobiłem ten obrazek menu, to ma służyć jako tło pod linki, jednak nie wiem jak w php zrobić, aby coś móc napisać na tym obrazku. Bo wrzucem to w <img src=xxx> i jest sam obrazek, ale co zrobić, aby na nim coś napisać?? Proszę o pomoc, jak pisać na obrazkach.
Foxx
Możesz umieścić obrazek jako tło np. div'a za pomocą stylów:

  1. div#menu {background-image: url(xxx.jpg);}


Potem:
  1. <div id="menu">
  2. piszesz na obrazku
  3. </div>
webdevil
nie PHP tylko HTML/CSS

  1. <div style="background-image:url('xxx');width:100px;height:100px;">tutaj piszesz</div>


a 100px odpowiednio zamieniasz na szerokość i wysokość obrazka
DREEMus
A tak zapytam ... znasz w ogóle HTML questionmark.gif Chociaż podstawy questionmark.gif
Nie możesz pisać na obrazkach biggrin.gif

Chyba, że przez GD, ale to strata czasu ...

a dwa, możesz obrazek dać jako tło, a na tle wpisać co tylko zechcesz ...
drzalek
Jeśli to jest menu, a zatem pewnie jakieś linki, to wtedy możesz np zrobić tak:
  1. <a href="http://jakislink.html" class="menu">Tekst ktory chcesz miec na obrazku</a>


a potem w stylach:
  1. .menu {background-image: url('obrazek.jpg');}


oczywiście to tylko jedna z możliwości, możesz odpowiednio nadać szerokość wysokość, paddingi i marginesy, moim zdaniem wykorzystywanie php do tego typu rzeczy jest niepotrzebne.
Mlody993
Udało mi się nawet nieźle ją zrobić. ;P
Zdjęcie:
ZDJECIE STRONKI

Tylko jak widzicie, każdy tekst jest na swoim <div>. Na żółtej belce jest menu, na niebieskiej tytuły informacji, a na szarej ramce będzie tekst. Tylko jak widzicie teksty są troszkę wysoko, tak na środku obrazków wiszą. Jak je "położyć" na dole obrazka? Jak dam <br> to są znów poniżej obrazka. :/

No i powiedzcie co jeszcze dodać? ;p
Chciałem zaokrąglić te boki całej stronki w koło, ale kurcze jak widzicie logo zaokrągliłem, to się całe zaokrągliło, a chciałem tylko boki i górę, jak to zrobić w Photoshopie? :/

@edit:
Aha i jak w linkach usunąć te podkreślenie (<u>)questionmark.gif
drzalek
Podkreślenie w linkach
  1. a {text-decoration: none;}


wyrównanie w div'ie
  1. .menu {align-vertical: bottom;}


zakładając, że div z linkiem ma nadaną klasę class="menu", wtedy powinien link wylądować na dole, jak chcesz równo po środku to zamiast bottom daj middle.

Zaokrąglenie w photoshopie robisz tak jak robiłeś pozostałe zaokrąglenia smile.gif
kazag
Poszukaj w google kursu CSS ...
a {text-decoration:none;}
Mlody993
Cytat(drzalek @ 12.02.2009, 15:40:22 ) *
Podkreślenie w linkach
  1. a {text-decoration: none;}


wyrównanie w div'ie
  1. .menu {align-vertical: bottom;}


zakładając, że div z linkiem ma nadaną klasę class="menu", wtedy powinien link wylądować na dole, jak chcesz równo po środku to zamiast bottom daj middle.

Zaokrąglenie w photoshopie robisz tak jak robiłeś pozostałe zaokrąglenia smile.gif


Z podkreśleniem linku mi się udało, ale wyrównanie DIVa nie. ;P W index.html wygląda to tak:
Cytat
<div id="menu" class="menu">
<b><a href="link">link 1</a></b>
</div>

a w style.css dodałem:
Cytat
.menu {align-vertical: bottom;}


I niestety jest nadal w tym samym miejscu.
isso
Jak dla mnie to jest jakiś temat rzeka... robisz stronkę w "photoshopie" - wpierw przejdź przez jakiś porządny kurs html`a - Polecam zdecydowanie www.kurshtml.boo.pl - jest tam wszystko czego potrzebujesz... bo poki co to to bedzie wygladalo tak, ze Ty bedziesz pytal co 15 min o cos nowego...
Mlody993
Heh, fakt. Ten kurs przechodziłem już, ale miałem jakieś 8 miesięcy przerwy i nic prawie nie pamiętam. :/

ah... i jeszcze mam problem z obrazkiem, w którym piszę treść stronki. Mianowicie w style.css mam taki kod:
Cytat
div#tlo {background-image: url(images/tlo.jpg); width: 1000px; height: 279px;}


Obrazek tlo.jpg ma rozmiary 1000x279 więc tak wpisałem, gdy wpiszę więcej np. 1000x400 to go "mnoży", a jak zrobić, żeby po prostu rozciągał w dół?
erix
Wybacz, kolego, ale najpierw zdobądź podstawy, dopiero potem zadawaj pytania.

Jeśli chcesz z kimś porozmawiać w jakimś języku, to się chyba najpierw słówek uczysz, aby się porozumieć, nie? Koledzy podali linki do odpowiednich materiałów, dalszą dyskusję uważam za zbyteczną.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.