Skocz do zawartości
Zaloguj się, aby obserwować  
mperlam

Jak zrobić przeźroczystą warstwę w html/css

Polecane posty

Mam taki problem. Chciałbym zrobić nad warstwą jeszcze jedną w której będzie przeźroczysty obrazek na określonym obszarze. Nie mogę zastosować jednak normalnego kodu na dodanie obrazka gdyż da się wtedy go zaznaczyć i zapisać (po kliknięciu prawym przyciskiem myszy). Chodzi mi o taki kod jak np. jest na headerze forum (klikany element). Wiem, że to proste ale nie mogę sobie z tym poradzić :/ Jeżeli można to proszę o pomoc

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

W zasadzie każdy obrazek można spokojnie zapisać. Wystarczy znaleźć sobie w kodzie, lub dla uproszczenia w ff "Pokaż informacje o stronie" -> "Media"

 

Jeżeli dobrze zrozumiałem możesz sobie zrobić jednego diva na drugim przy czym ten na wierzchu, o ile dobrze zrozumiałem będzie miał obrazek (jeżeli nie chcesz by go zaznaczano daj go jako tło tego wierzchniego diva, a kolor tła diva na wierzchu ustaw na transparent)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Nie chodzi mi o to aby ktoś nie mógł sobie go zapisać (bo po co komu przeźroczysty obrazek :D ). Chcę aby div z przeźroczystym obrazkiem był nad divem z bannerem. Div z przeźroczystym obrazkiem to po prostu klikany obszar (odnośnik do strony głównej). Przepraszam, nie znam się zbyt na html/css więc prosiłbym o gotowe kody (ew. class dla css)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Nie chodzi mi o to aby ktoś nie mógł sobie go zapisać (bo po co komu przeźroczysty obrazek :D ). Chcę aby div z przeźroczystym obrazkiem był nad divem z bannerem. Div z przeźroczystym obrazkiem to po prostu klikany obszar (odnośnik do strony głównej). Przepraszam, nie znam się zbyt na html/css więc prosiłbym o gotowe kody (ew. class dla css)

 

Nie wiem czy się dobrze rozumiemy ale jeżeli chodzi Ci o to, że masz jakiś baner a na nim logo to możesz zrobić robiąc diva z grafiką jako tłem oraz ustawiając dla niego szerokośc/wysokość i w tym divie wstawić obrazek.

<div style="width: 500px; height: 100px; background-image: url(images/banner.png);">
<img src="images/logo.png" style="width: 200px; height:50px;" alt="Logo mojej strony" />
</div>

Oczywiście jeżeli baner w całości wypełnia przykładowy obszar 500x100; jeżeli nie to poustawiaj sobie powtórzenia.

Dodatkowo różnymi metodami możesz wypozycjonować logo wewnątrz diva z banerem.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Z tym, że zupełnie nie o to chodzi. Banner zostaw w spokoju. Chcę tylko zrobić nową warstwę z obrazkiem (w niej), którego nie da się zaznaczyć a na który tylko da się kliknąć

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

<div id="warstwaprzezroczystaczyocotamchodzi">
<a href="http://dupa.blada">
 <div id="towcochceszsekliknac" style="width:szerokoscobrazka; height:wysokoscobrazka; background-image: url(obrazek.png);"></div>
</a>
</div>

 

edit: ewentualnie możesz sobie zrobić to tak

 

<a style="display: block; width: szerokoscobrazka;  height:wysokoscobrazka; background-image: url(obrazek.png);" hrf="http://url.pl"></a>

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

JEszcze nie o to chodzi :/

 

<div id="BG">

<div class="Header">
TUTAJ CHCIAŁBYM NOWĄ WARSTWĘ Z KLIKANYM, PRZEŹROCZYSTYM ZDJĘCIEM
</div>

 

2i8udxd.jpg

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

TUTAJ CHCIAŁBYM NOWĄ WARSTWĘ Z KLIKANYM, PRZEŹROCZYSTYM ZDJĘCIEM <- w to miejsce wstaw sobie kod:

 

<a style="display: block; width: szerokoscobrazka;  height:wysokoscobrazka; background-image: url(obrazek.png);" hrf="http://url.pl"></a>

 

i Ci wejdzie ten obrazek, ew możesz go objąć jakimś divem jeżeli potrzebujesz coś więcej tam poumieszczać, pokombinować

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Aby nie tworzyć nowego tematu: Czy istnieje jakieś polecenie dzięki któremu zablokujemy możliwość zaznaczenia określonego elementu? Bo mam taki problem: Jak mam wyszukiwarkę to chciałbym aby lupy nie dało się zaznaczyć (jako obrazka).

 

http://ciekawatechnika.pl/a

Proszę nie zwracać uwagi na resztę. To mój poligon doświadczalny ;) (skórka na ukończeniu)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Aby nie tworzyć nowego tematu: Czy istnieje jakieś polecenie dzięki któremu zablokujemy możliwość zaznaczenia określonego elementu? Bo mam taki problem: Jak mam wyszukiwarkę to chciałbym aby lupy nie dało się zaznaczyć (jako obrazka).

 

http://ciekawatechnika.pl/a

Proszę nie zwracać uwagi na resztę. To mój poligon doświadczalny ;) (skórka na ukończeniu)

 

Można to zrobić przez js: onselect="return false" ale nie wszystkie przeglądarki Ci to puszczą. Dobrym rozwiązaniem jest sformatowanie tego inputa w ten sposób by był tekstowy (ale bez tekstu), z lupką jako tłem :P

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Przepraszam za głupie pytanie ale... jak?

Oto kilka danych potrzebnych do przeróbki.

 

SearchButton.gif - button (lupka)

 

style.css

.SR .Search  input.search { width: 21px; height: 18px; background: url('images/SearchButton.gif') no-repeat;}

 

searchform.php

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<input type="text" class="key"  value="Szukaj..." name="s" id="s" onfocus="if(this.value=='Szukaj...')this.value=''" onblur="if(this.value=='')this.value='Szukaj...'" />
<div class="bt">
<input name="submit" type="image" class="search" title="Szukaj" src="<?php bloginfo('template_url'); ?>/images/ButtonTransparent.png" alt="Szukaj" />
</div></form>

 

Myślę,że to chyba wystarczy

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się

Zaloguj się, aby obserwować  

×