Forum PHP.pl > Dodawanie paska na obrazek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dodawanie paska na obrazek

Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam

draqo

5.09.2010, 21:07:31

Jest jakiś skrypt który dodaje pasek (na obrazku z napisem HTML) na obrazek? Czy trzeba sobie jakoś inaczej z tym poradzić?

Link do przykładu: http://ifotos.pl/img/badge_wqpnhq.jpg

masiakla

5.09.2010, 21:24:09

Do tego nie potrzeba nawet javascript. Robisz div'a z przezroczystym tłem, obrazek, który ma przezroczystość. Div dostaje position: absolute, z-index np. 10, top: 0; right: 0;

Sample http://mephir.net.pl/x/d/znaczek/ .
Troszku kodu:

[HTML] pobierz, plaintext 
<html>
<head>
	<title>Znaczek</title>
	<style type="text/css">
		#znaczek {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 10; /* by nam nic go nie przykryło przypadkiem */
		}
	</style>
</head>
<body>
<p>
Tekst wypełniacz, który pominę.
</p>
<div id="znaczek">
	<img src="znaczek.png" width="200" height="200" alt="" />
</div>
</body>
</html>
[HTML] pobierz, plaintext

draqo

5.09.2010, 22:15:41

Jak w html'u zrobić to wiem, ale dzięki za kod

masiakla

5.09.2010, 22:18:30

A co w gd z poziomu php chcesz to rysować, bo ogólnie to jeżeli chciałbyś to wypozycjonować w obrembię jakiegos div'a np w tłem z twoim obrazkiem, to wystraczy na tego div'a dodać tylko position: relative.

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.