[PHP]Tworze stronkę w photoshop, kilka porad prosze Opcje

[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:

[HTML] pobierz, plaintext 
div#menu {background-image: url(xxx.jpg);}
[HTML] pobierz, plaintext 

Potem:

[HTML] pobierz, plaintext 
<div id="menu">
piszesz na obrazku
</div>
[HTML] pobierz, plaintext 

[webdevil]

nie PHP tylko HTML/CSS

[HTML] pobierz, plaintext 
<div style="background-image:url('xxx');width:100px;height:100px;">tutaj piszesz</div>
[HTML] pobierz, plaintext 

a 100px odpowiednio zamieniasz na szerokość i wysokość obrazka

[DREEMus]

A tak zapytam ... znasz w ogóle HTML Chociaż podstawy
Nie możesz pisać na obrazkach

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:

[HTML] pobierz, plaintext 
<a href="http://jakislink.html" class="menu">Tekst ktory chcesz miec na obrazku</a>
[HTML] pobierz, plaintext 

a potem w stylach:

[HTML] pobierz, plaintext 
.menu {background-image: url('obrazek.jpg');}
[HTML] pobierz, plaintext 

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>)

Ten post edytował Mlody993 12.02.2009, 15:30:19

[drzalek]

Podkreślenie w linkach

[HTML] pobierz, plaintext 
a {text-decoration: none;}
[HTML] pobierz, plaintext 

wyrównanie w div'ie

[HTML] pobierz, plaintext 
.menu {align-vertical: bottom;}
[HTML] pobierz, plaintext 

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

[kazag]

Poszukaj w google kursu CSS ...
a {text-decoration:none;}

[Mlody993]

Podkreślenie w linkach

[HTML] pobierz, plaintext 
a {text-decoration: none;}
[HTML] pobierz, plaintext 

wyrównanie w div'ie

[HTML] pobierz, plaintext 
.menu {align-vertical: bottom;}
[HTML] pobierz, plaintext 

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

Z podkreśleniem linku mi się udało, ale wyrównanie DIVa nie. ;P W index.html wygląda to tak:

<div id="menu" class="menu">
<b><a href="link">link 1</a></b>
</div>

a w style.css dodałem:

.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...

Ten post edytował isso 12.02.2009, 17:40:02

[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:

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ą.