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

[mperlam 0]

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

[ktoś 0]

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)

[mperlam 0]

Nie chodzi mi o to aby ktoś nie mógł sobie go zapisać (bo po co komu przeźroczysty obrazek ). 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)

[ktoś 0]

Nie chodzi mi o to aby ktoś nie mógł sobie go zapisać (bo po co komu przeźroczysty obrazek ). 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.

[mperlam 0]

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

[ktoś 0]

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

[mperlam 0]

JEszcze nie o to chodzi :/

 

<div id="BG">

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

 

[ktoś 0]

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ć

[mperlam 0]

style="display: block;

O to mi chodziło Dziękuję bardzo za pomoc

[mperlam 0]

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)

[ktoś 0]

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

[mperlam 0]

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

[mperlam 0]

Jeżeli mogę, proszę o pomoc jeżeli ktoś umie rozwiązać problem