ForumCała strona

Nawigacja

Aktualnie online

Gości online: 7

Użytkowników online: 0

Łącznie użytkowników: 25,386
Najnowszy użytkownik: Hisfatt

Logowanie

Nazwa użytkownika

Hasło



Zarejestruj się

Odzyskaj hasło

Shoutbox

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

Zbigniew@
01.04.2024 12:28:45
Wszystkiego najlepszego z okazji świąt.

JazOOn
28.02.2024 19:25:31
ja zostałem przy fusionie ale nazywa się 360. Projektowanie i druk 3d...

MajsterBieda
25.02.2024 00:12:42
Ponad 20 lat .... tosz to sioook panie.... Grin

JazOOn
24.02.2024 20:32:31
a już na pewno mamuty

JazOOn
24.02.2024 20:31:59
Albo dinozaury

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 25.04.2024 21:15:31
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.002, 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.002, 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.002, 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.002, 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