ForumCała strona

Nawigacja

Aktualnie online

Gości online: 10

Użytkowników online: 0

Łącznie użytkowników: 25,393
Najnowszy użytkownik: Assassin

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

JazOOn
06.12.2024 23:45:46
Amen

Zbigniew@
17.11.2024 11:33:24
Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn
16.11.2024 20:46:18
tja

Zbigniew@
15.11.2024 18:58:17
Kto pije, ten nie bije.

JazOOn
31.10.2024 20:49:47
Kto pije?

Pobierz nową wersję
Pobierz podręcznik
Zobacz inne oficjalne Supporty
Statystyki supportu
PHP-Fuson PL na Facebooku

RSS

Polecamy hosting SferaHost.pl

Zobacz temat

 Drukuj temat
Treść na tle obrazu
maszol19
Witam, szukałem na forum, lecz nie znalazłem. A więc, za pomocą czego robi się napis na danym obrazie i na który się kliknie to otwiera się news np coś takiego http://i34.tinypi...qk08x2.png . Jakiś skrypt czy co? Proszę o odp.
 
Wścibski Gość
Dodany dnia 22.12.2024 12:32:23
Pan Kontekstualny

Postów: n^x
Data rejestracji: Zawsze

Polecamy hosting SferaHost.pl
IP: localhost  
Artur-M
Dołączam się do pytania...
 
jantom
Dość prosty efekt. Można go osiągnąć np. w następujący sposób:
Pobierz kod źródłowy  GeSHi: HTML
  1. <div style='position: relative;'>
  2. <img src='&#91;adres obrazka&#93;' alt=''>
  3. <p style='
  4. width:&#91;szerokość obrazka&#93;;position: absolute; bottom: 0px;left: 0px; margin:0; /*elementy obowiązkowe*/
  5. padding:&#91;wedle potrzeby&#93;;
  6. opacity: 0.7; /*Zapewnia przezroczystość 30% (pomijając IE)*/
  7. background:white; color:black;/*Reszta właściwości dla tekstu, definiować wedle potrzeb*/
  8. '>Tutaj wstaw sobie potrzebny tekst</p>
  9. </div>
Zinterpretowano w sekund: 0.003, wykorzystano GeSHi 1.0.8.10


Oczywiście warto wszelkie wstawki css dopisać do pliku styli jako nowe klasy. Tutaj pominąłem ten element.
Edytowane przez jantom dnia 30.12.2008 20:09:03
 
http://jantom.info
AgnieszkaM
A można taką treść przypisać każdemu na przykład jednemu obrazowi w newsach automatycznie?
 
jantom
Nie wiem do czego dokładnie będziesz dążyć, ale myślę, że większego problemu nie będzie.
 
http://jantom.info
AgnieszkaM
Rozchodzi mi się o to, że każdy dodając newsa (jakąś fotkę czy grafikę) wklejając link w znaczniki [img], żeby wtedy automatycznie do tego obrazka dodawała się jakaś treść, na przykład nazwa strony.
 
Wooya
Jesli chodzi o znaczniki [img] to przy malej pomocy jQuery mozna dodac diva z textem nachodzacym na obrazek.
Edytowane przez Pieka dnia 30.12.2008 21:50:07
... Pomagam tylko przy najnowszych wersjach PHP-Fusion ...
koder_1.png
 
AgnieszkaM
A możecie doradzić jak to zrobić, tylko w newsach by mi się to przydało.
 
Wooya
Heh. No mysle, ze i owszem, a nawet tak Wink Jeno ze sylwek sie zbliza i mozg pusty. A tutaj nieco pomyslunku trza Smile Mysle, ze po nowym roku cos obmyslim, o ile przypomnisz temat Smile
... Pomagam tylko przy najnowszych wersjach PHP-Fusion ...
koder_1.png
 
AgnieszkaM
Dziękuję bardzo przypomnę się na pewno udanej imprezy Wszystkim życzę, gdzie Byście nie byliWink


PW od moderatora:
  1. Odświeżenie Tematu - Pieka 02.01 - 11:14
 
Wooya
Dla v7 przy pomocy OH i CSS takie cos wyszlo:
2loud.net.pl/images/txt_float_img.png

Edit:
Przy okazji odkrylem kolejny wynalazek ze stajni (a raczej obory) M$. W IE8b2 (ktory mam zainstalowany w pracy) nie dziala juz:

Pobierz kod źródłowy  GeSHi: CSS
  1. filter:alpha(opacity:XX);
Zinterpretowano w sekund: 0.003, wykorzystano GeSHi 1.0.8.10


za to dziala:
Pobierz kod źródłowy  GeSHi: CSS
  1. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=XX)";
Zinterpretowano w sekund: 0.003, wykorzystano GeSHi 1.0.8.10


Tym sposobem chcac uzyskac przezroczystoc dla jakiegos elementu dla kazdej przegladarki trzeba stworzyc potworka:
Pobierz kod źródłowy  GeSHi: CSS
  1.  
  2. #przezroczysty {
  3. opacity:XX;
  4. filter:alpha(opacity:XX);
  5. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=XX)";
  6. }
  7.  
Zinterpretowano w sekund: 0.003, wykorzystano GeSHi 1.0.8.10


Ilosc standardow "wdrazana" przez M$ jest po prostu porazajaca :)
Edytowane przez Wooya dnia 06.01.2009 13:45:41
... Pomagam tylko przy najnowszych wersjach PHP-Fusion ...
koder_1.png
 
Przejdź do forum:
Created by Arox Copyright (C) 2004
Copyright (C) 2004 - 2018 Ekipa PHP-Fusion.pl